/* #### Generated By: http://font.download #### */

body {
    font-family: "Inter", sans-serif;
    background-color: #181A20;
}

h1 {
    font-family: "Inter", sans-serif;
    font-size: 3.2rem;
}

h2 {
    font-family: "Inter", sans-serif;
}


a {
    text-decoration: none;
    transition: 0.5s all;
}

img {
    max-width: 100%;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

p {
    font-size: 18px;
    line-height: 140%;
    font-weight: 300;
}

.h2,
h2 {
    font-size: 3.2rem;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1380px;
    padding: 0px 20px;
}

header {
    padding: 12px 20px;
    background-color: #0d0e0f;
}

header .logo {
    max-width: 250px;
}

header .logo a {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: row-reverse;
    justify-content: left;
}

header .logo img.eaglelogo {
    width: 30px;
}

.navigation {
    padding-left: 20px;
    width: 100%;
    border-radius: 50px;
}

.navigation nav ul li a {
    font-size: 14px;
    color: #DADADA;
    padding: 0px !important;
}

.navigation nav ul li.dropdown .dropdown-toggle {
    padding: 0px !important;
    color: #DADADA;
    font-size: 14px;
    transition: color 0.3s ease;
}

.navigation nav ul li.dropdown .dropdown-toggle:hover,
.navigation nav ul li.dropdown .dropdown-toggle:focus {
    color: #ffb800;
}

.navigation nav ul li.dropdown.show .dropdown-toggle,
.nav-item.dropdown.show .nav-link.dropdown-toggle {
    color: #ffb800;
}

.trade_summary_table_lft tr td {
    color: #fff !important;
}

.trade_summary_table_lft tr td.text-green {
    color: #5EBA89 !important;
}

.trade_summary_table_lft tr td.text-red {
    color: #E45561 !important;
}

.table_info_data .scroll_y.scroll_y_reverse table {
    height: auto !important;
}

.header_right .button_outer button.login_btn.sign_btn {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.header_right a .ri-search-line {
    font-size: 20px;
    color: #fff;
}


header .logo .lightlogo {
    display: block;
}

header .logo .darklogo {
    display: none;
}

header .row {
    align-items: center;
    justify-content: space-between;
}

.navigation button {
    background-color: transparent;
}

.navigation button:hover {
    background-color: transparent;
}

.navigation nav ul {
    gap: 28px;
    width: 100%;
}


.login_section.m-auto.forgot_password .login_form_right {
    width: 100%;
}

.login_section.forgot_password .nav.nav-tabs li button.active path {
    fill: #000000;
}

.login_section.forgot_password .nav.nav-tabs li button.active {
    gap: 5px;
}

.login_section.forgot_password {
    max-width: 600px;
}

.login_section.forgot_password .form_block_login {
    padding: 40px 35px;
    text-align: left;
}

.login_section.forgot_password button {
    background-color: #f3bb2b;
    color: #000 !important;
    padding: 10px;
    border-radius: 50px;
    font-size: 15px;
}

.login_section.forgot_password button:hover {
    background-color: #f3bb2b;
}

/* .herobanner2 .scan_block ul {
    display: flex;
    gap: 10px;
}

.herobanner2 .scan_block ul {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 50px;
    /* padding: 0px 32px; 
}*/

/* .herobanner2 .scan_block ul li {
    padding: 9px 83px 27px 0px;
    background-image: url(../images/borderverticel.svg);
    background-position: right;
    background-repeat: no-repeat;
}

.herobanner2 .scan_block ul li:last-child {
    background-image: none;
    padding-right: 0px;
}  */

.user_icon {
    max-width: 52px;
    margin: 0 auto;
    padding: 5px 0px;

}


.hero_section_main {
    position: relative;
    width: 100%;
    min-height: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    background-color: #000;
    overflow: hidden;
    text-align: center;
}

.hero_content {
    position: relative;
    z-index: 1;
    color: white;
}

.banner_content {
    text-align: left;
    color: #fff;
    width: 44%;
    max-width: 100%;
}

header .col-lg-2.logo_s {
    max-width: 205px;
}

.banner_content h1 {
    line-height: 110%;
    font-weight: 800;
}

.banner_content h1 span {
    color: #F3BB2B;
}

.banner_content p {
    font-size: 18px;
    margin-top: 20px;
    color: #C0C0C0;
}


.convertorusd_outer .select_currency_s {
    margin-top: 0px;
    width: 100%;
    display: flex;
    gap: 20px;
    border: 1px solid #949494;
    border-radius: 8px;
}

.form_vector {
    width: 100%;
    text-align: center;
}

.earining_calculator_form.convertorusd_outer .form_input {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
}

.convertorusd_outer .currency_option {
    width: 80%;
}

.convertorusd_outer span.arrow {
    right: 17px;
    top: 12px;
}

.convertorusd_outer .selected-option {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    border-right: 1px solid #949494 !important;
    border: none;
}

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

.button_outer {
    display: flex;
    gap: 12px;
    align-items: center;
}

.button_outer .downloadtabs {
    padding: 0px 5px;
}

.button_outer .scantophdr {
    right: 32px;
    padding-top: 24px;
}

.header_right .button_outer .login_btn {
    font-size: 15px;
    font-weight: 400;
    border-radius: 50px;
    color: #000;
    background: #f3bb2b;
    justify-content: center;
    padding: 5px 20px 6px;
    letter-spacing: 1px;
    border: 1px solid #f3bb2b;
    min-height: 36px;


}

.header_right .button_outer .login_btn a {
    color: #000;
}

.header_right .button_outer button.login_btn.sign_btn a {
    color: #fff;
}

section.termsofuse {
    color: #fff;
    padding: 40px 0px 60px;
}

section.termsofuse h1.text-center {
    color: #f3bb2b;

}

section.termsofuse h3 {
    font-size: 20px;
}

section.termsofuse p {
    line-height: 24px;
}

.termsofuse ul {
    padding-left: 30px !important;
    padding-bottom: 15px !important;
}

.termsofuse li {
    list-style-type: disc;
    font-size: 16px;
    line-height: 24px;
}

.themecolor_icon {
    width: 33px;
    height: 33px;
    border-radius: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


.navbar-expand-lg {
    padding: 0px !important;
}


.navigation nav ul li a:hover {
    color: #f3bb2b;
}

.vector_currency {
    position: relative;
}

.vector_currency.one {
    left: 300px;
    top: -50px;
}

.vector_currency.two {
    left: 10px;
    top: 100px;
}

.vector_currency.three {
    top: 120px;
    left: 300px;
}

.vector_currency.four {
    top: 300px;
    left: 120px;
}

.banner_animation_vector.rightside {
    right: 60px;
    left: inherit;
}

.banner_animation_vector.rightside .vector_currency.one {
    right: 210px;
    top: -70px;
    left: inherit;
}

.banner_animation_vector.rightside .vector_currency.three {
    top: 170px;
    left: inherit;
    right: 310px;
}

.banner_animation_vector.rightside .vector_currency.four {
    top: 350px;
    left: inherit;
    right: 100px;
}

.innovation_s .bx-viewport {
    overflow: visible !important;
}

.hero_section {
    width: 100%;
    color: #fff;
    margin-top: -80px;
    background-size: cover;
    display: flex;
    background-color: #0a0a0a;
    padding-top: 110px;
    min-height: 1000px;
    background-image: url("../images/hero_bannerbg.svg");
    background-position: center top;
    background-repeat: no-repeat;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.rounded_effect_bottom {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.banner_cnt {
    position: relative;
    z-index: 333;
    max-width: 1351px;
    margin: 0 auto;
}



.banner_cnt h1 {
    font-size: 50px;
    font-weight: 700;
}

.banner_cnt h1 span {
    color: #f3bb2b;
}

.banner_cnt p {
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
    max-width: 50%;
    margin: 20px auto;
    line-height: 32px;
    color: #ffffffad;
}

.scan_block {
    border: 1px solid #f3bb2b;
    border-radius: 20px;
    padding: 0px 30px;
    display: flex;
    max-width: 834px;
    margin: -170px auto;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    position: relative;
    z-index: 666;
    background-color: #0a0a0a87;
}

.scan_left_s {
    display: flex;
    width: 50%;
    gap: 22px;
    align-items: center;
}

.scan_left_s h4 {
    font-size: 18px;
    margin: 0px;
}

.scan_left_s p {
    font-size: 14px;
    color: #919191;
    margin: 0px;
}

.join_group_s button.joinbtn {
    font-size: 18px;
    background-color: transparent;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    gap: 7px;
}

.join_group_s {
    display: flex;
    justify-content: center;
    gap: 30px;
    width: 50%;
}

button.morebtn {
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 14px;
    color: #757575;
}

button.btn.btn-danger {
    border-color: #E45561;
    border-radius: 50px;
}

.currency_logo {
    max-width: 100%;
    display: block;
    background-color: #000;
    padding: 0px 0px 20px;
    overflow: hidden;
}

.currency_logo ul {
    gap: 20px;
    display: flex;
    justify-content: space-between;
    animation: cryptoScroll 40s linear infinite;
    align-items: center;
}

/* animation */
@keyframes cryptoScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}


.currency_logo ul li {
    display: flex;
    align-items: center;
    background-color: #0B0B0B;
    min-height: 154px;
    width: 354px;
    min-width: 354px;
    max-width: 100%;
    padding: 10px 0px 10px 24px;
    border-radius: 8px;
    color: #CBCBCB;
    justify-content: space-between;
}

.currency_logo ul li span {
    font-size: 13px;
}

.currency_logo ul li h3 {
    font-size: 20px;
    margin: 0px;
}

.currency_logo ul li .icon_crypto {
    width: 124px;
}

.viewmorebtn {
    width: 100%;
    display: block;
    margin-top: 50px;
}

.viewmorebtn a {
    color: #F3BB2B;
    font-size: 14px;
}

ul.social_media a {
    font-size: 22px;
    color: #000;
    background-color: #f3bb2b;
    padding: 7px 9px;
    border-radius: 50px;
}

.market_update_outer {
    width: 100%;
    display: block;
    background-color: #0a0a0a;
    color: #fff;
    padding: 50px 0px 0px;
}

.market_update_outer h2 {
    font-weight: 600;
}

.market_update_outer h2 span {
    color: #f3bb2b;
}

.main_marker_summary {
    width: 100%;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.currency_tp_s {
    display: flex;
    align-items: center;
    gap: 16px;
}

.currency_tp_s h4 {
    font-size: 20px;
    letter-spacing: 1px;
}

.currency_tp_s h4 sup {
    font-size: 12px;
    left: 5px;
    top: -12px;
}

.search_outer_blog {
    background-color: #181a20;
    border: 1px solid #373E4B;
    padding: 24px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: center;
}

.mu_pr_mark {
    display: flex;
    gap: 30px;
    padding-left: 66px;
}

.mu_pr_mark h3 {
    font-size: 32px;
}

.summary_cnt_markert_r {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.hot_trading_s table tbody tr {
    transition: all 1s;
    cursor: pointer;
}

.hot_trading_s table tbody tr:hover {
    box-shadow: 0px 0px 20px #f3ba2b49;
    transform: scale(1.02);
}

.hot_trading_s table tbody tr:hover .right_t a {
    background-color: #f3bb2b;
    color: #000;
    border: 1px solid #f3bb2b;
}

.profit_costs_cta_outer.costouterbg {
    background-image: url("../images/minimal_costbg.png");
    background-position: right;
    background-size: 50%;
    background-repeat: no-repeat;
    z-index: 333;
}

button.learnbtn a:hover {
    background-color: #e6bc5a;
}

.copyright_s .fipnext {
    color: #e6bc5a;
}

.effect_left_circle {
    position: absolute;
    max-width: 780px;
    top: 33%;
    left: 150px;
    z-index: 1;
}

.profit_costs_cta_outer h2 {
    width: 100%;
}

.invest_tradetop {
    gap: 32px;
    justify-content: space-between;
    align-items: end;
}

.profit_costs_cta_outer.homecta {
    padding-top: 0px;
}

.homecta .profit_cost_cnt h2 {
    letter-spacing: 0px;
    padding-bottom: 20px;
    font-weight: 500;
}

.crypto_bitcoin_vector {
    max-width: 745px;
    float: right;
}

.trade_app__app .crypto_bitcoin_vector {
    float: left;
}


.trade_btn {
    margin-top: 30px;
    position: relative;
    z-index: 666;
}

.left_hb ul {
    display: flex;
    gap: 32px;
}

.left_hb ul li a {
    font-size: 16px;
    color: #fff;
}

.crypto_features {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #2F2F2F;
    border-radius: 30px;
    color: #fff;
    margin-top: 40px;
}

.crypto_features .card {
    border-radius: 0px;
    width: 33.33%;
    padding: 24px;
    border-bottom: 1px solid #2F2F2F;
    text-align: center;
    min-height: 430px;
    justify-content: center;
}

.crypto_features .border_btm {
    border-bottom: none;
}

.crypto_features .borderlft {
    border-right: 1px solid #2F2F2F;
}

.crypto_features h4 {
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}

.crypto_features p {
    color: #C0C0C0;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 150%;
}

.crypto_features .trade_icon {
    max-width: 113px;
    margin: 0 auto;
    margin-bottom: 30px;
    transition: transform 0.8s ease-out;
}

.crypto_features .trade_icon img {
    transition: transform 0.6s ease-out;
    will-change: transform;
}

.crypto_features .card:hover .trade_icon {
    transform: translateY(-20px);
    position: relative;
}

.card.borderlft.assetstrade {
    text-align: left;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 66.66%;
}

.card.assetstrade .crypto_app_mbl {
    position: relative;
    right: -62px;
    bottom: -44px;
    display: flex;
    justify-content: end;
    margin-top: -110px;
}

.card.assetstrade .crypto_app_mbl img {
    max-width: 540px;
}


.card.borderlft.assetstrade p {
    width: 50%;
}

.learnbtn {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 20px;

}

.learnbtn i {
    color: #F3BB2B;
}


.resources_news .learnbtn {
    font-weight: 400;
}

.latest_resources .row {
    margin-top: 44px;
}



.main_marker_summary:hover .market_summary_right_tp {
    box-shadow: 0px 1px 25px #f3bb2ba8;
}

.market_summary_right_tp {
    width: 100%;
    border: 1px solid #f3bb2b;
    border-radius: 20px;
    transition: 1s all;
    padding: 26px 60px;
    display: flex;
    background-color: #191919;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.currency_img_mr {
    max-width: 162px;
    position: relative;
    left: -70px;
}

.market_summary_right_tp .mr_data p {
    font-size: 14px;
    margin: 0px;
}

.market_summary_right_tp .mr_data span {
    display: flex;
    gap: 20px;
    align-items: center;
    color: #9F9F9F;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.market_summary_right_tp .mr_data h5 {
    margin: 10px 0px;
}

.rectangle_bottom_eft {
    position: absolute;
    right: -1px;
    bottom: -1px;
    max-width: 100px;
}

.banner_animation_vector {
    position: absolute;
    left: 60px;
}

.market_tab_scroll_ot {
    background-color: #191919;
    border-radius: 20px;
    padding: 24px 28px;
    position: relative;
}

.market_tab_scroll_ot::before {
    width: 100%;
    height: 60px;
    position: absolute;
    content: "";
    background-color: #38383898;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}

.market_tab_scroll_ot ul {
    display: flex;
    gap: 20px;
    overflow: auto;
    position: relative;
    z-index: 333;
}

.market_tab_scroll_ot ul li {
    border-right: 1px solid #2e2e2e;
    padding: 20px 34px;
    flex-direction: column;
    cursor: pointer;
    gap: 12px;
    display: flex;
    margin-bottom: 48px;
    transition: all 0.5s ease-in-out;
}

.market_tab_scroll_ot ul li:hover {
    transform: scale(1.1);
    color: #f3bb2b;
}

.market_tab_scroll_ot ul li:hover .currency_tag_cnt span {
    color: #f3bb2b;
}

.market_tab_scroll_ot ul li:hover .currency_tag_cnt {
    color: #f3bb2b;
}

.market_tab_scroll_ot ul .currency_tag_cnt {
    font-size: 16px;
    white-space: nowrap;
    margin-top: 17px;
}

.market_tab_scroll_ot {
    position: relative;
    overflow-x: auto;
    padding-bottom: 22px;
    scrollbar-color: #f3bb2b transparent;
    /* Firefox */
    scrollbar-width: auto;
}

/* For WebKit browsers (Chrome, Edge, Safari) */
.market_tab_scroll_ot::-webkit-scrollbar {
    height: 1px;
}

.market_tab_scroll_ot::-webkit-scrollbar-track {
    background: #666;
}

.market_tab_scroll_ot::-webkit-scrollbar-thumb {
    background-color: #f3bb2b;
    height: 1px;
    border-radius: 1px;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #727272;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #161616;
}

*::-webkit-scrollbar-thumb {
    background-color: #f3bb2b;
    border-radius: 10px;
    border: 3px solid #f3bb2b;
}


.meme_listing_section .crypto_icon {
    text-align: center;
}

.currency_tag_cnt span {
    color: #8D8D8D;
}

.profit_costs_cta_outer {
    padding: 80px 0px 100px;
    color: #fff;
    position: relative;
}

.profit_costs_cta_outer.homecta::before {
    background-image: url(../images/ctabg_before.png);
    position: absolute;
    content: "";
    right: 0px;
    top: -310px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.profit_costs_cta_outer.homecta::after {
    background-image: url(../images/ctabg_after.png);
    position: absolute;
    content: "";
    left: 0px;
    bottom: -350px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    width: 70%;
    height: 100%;
    opacity: 0.4;
}

.centerbox {
    height: 100% !important;
}

.no_data_s {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

:focus-visible {
    outline: none;
}

.homepop_box.popup-box {
    border: none !important;
    border-radius: 0px !important;
}

.tursest_faq_home_s {
    background-image: url(../images/trusted_before_vector.svg);
    width: 100%;
    height: 100%;
    background-size: 85%;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 30px 0px;
    position: relative;
    z-index: 6666;
}

.profit_costs_cta_outer.homecta .container {
    position: relative;
    z-index: 666;
}

.faq_cta_outer h2 {
    padding-bottom: 20px;
    text-shadow: rgb(255, 220, 136) 0px 4px 50px;
}

.profit_cost_cnt h2 {
    padding-bottom: 24px;
    text-shadow: 0px 4px 50px #f3bb2b;
}

.profit_cost_cnt p {
    font-size: 18px;
    color: #ffffff8e;
}

button {
    line-height: 20px;
}

button.learnbtn {
    margin-top: 30px;
    background-color: transparent;
    border: none;
    padding: 0px;
    display: flex;
}

button.learnbtn a {
    font-size: 20px;
    background-color: #f3bb2b;
    color: #000;
    border-radius: 50px;
    padding: 20px 64px;
    font-weight: 600;
}

button.learnbtn:hover {
    background-color: transparent;
}


.buysell_heder .custom-tabs li::before {
    display: none;
    content: '';
    background-image: url(../images/arrow-drop-right-fill.svg) !important;
    width: 35px;
    height: 51px;
    background-size: 35px;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
    top: 40%;
    transform: translateY(-50%);
}

.buysell_heder .custom-tabs li.sell-tab:before {
    right: inherit;
    background-image: url(../images/arrow-drop-arrow_two.svg) !important;
    right: inherit;
    left: -24px;
}

.faq_cta_outer .accordion-item {
    color: #fff;
    background-color: transparent;
    border: none;
    font-size: 16px;
}

.faq_cta_outer .accordion-item h3 button.accordion-button {
    font-size: 20px;
    background-color: transparent;
    color: #ffff;
    border-bottom: 1px solid #ffffff6b;
    border-radius: 0px !important;
    padding: 24px;
}

.faq_cta_outer .accordion-item.active h3 button.accordion-button[aria-expanded="true"] {
    background-color: #45484D;
    border-bottom: 1px solid #45484D;
}

.faq_cta_outer .accordion-item .collapse.show {
    background-color: #45484D;
}

.faq_cta_outer .accordion-item.active h3 button.accordion-button[aria-expanded="true"] {
    background-color: #45484D;
    border: 1px solid #45484D !important;
    box-shadow: none;
    padding-bottom: 10px;
}

.accordion-button::after {
    background-image: url(../images/plus_icon.png) !important;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    background-color: #181a20;
    padding: 10px;
    width: 36px !important;
    height: 36px !important;
}



.faq_cta_outer .accordion-button[aria-expanded="true"]::after {
    background-image: url(../images/close_icon.svg) !important;
    transform: rotate(0deg);
}

.faq_cta_outer .accordion-item h3 button.accordion-button[aria-expanded="true"]::after {
    background-color: transparent;
}

footer .row .col-sm-12.col-md-4.col-lg-6 p {
    width: 90%;
}


.right_costs_rg {
    width: 100%;
    display: flex;
    text-align: left;
    justify-content: end;
}

.row.cta_register_s .profit_cost_cnt h2 {
    font-weight: 400;
}

.profit_cost_cnt {
    padding: 48px 0px 0px;
}

.row.cta_register_s h5 {
    font-size: 20px;
    font-weight: 300;
}

.supportvector {
    max-width: 835px;
    position: relative;
}

.fipnext_logo_m {
    margin-top: -85px;
}

.platform_trading_s span {
    color: #F3BB2B;
}

img.animation_effect.bitcoin3 {
    top: 38%;
    left: 39%;
}

img.animation_effect.bitcoin2 {
    right: 150px;
    left: inherit;
    top: 49%;
}

img.animation_effect.bitcoin1 {
    /* bottom: 0px; */
    top: 53%;
    left: 20%;
}

.profit_costs_cta_outer .invest_tradetop h2 {
    width: 50%;
}

.latest_resources {
    width: 100%;
    background-color: #000;
    display: block;
    color: #fff;
    padding: 40px 0px;
}

.latest_resources h2 span {
    color: #F3BB2B;
}

.resourceslft {
    width: 100%;
}

.resourceslft p {
    color: #C0C0C0;
    margin: 0px;
}

.navigation nav ul li.mbl {
    display: none;
}

.resources_news {
    width: 100%;
    border: 1px solid #2F2F2F;
    border-radius: 20px;
    overflow: hidden;
    min-height: 480px;
}

.resources_cnt {
    padding: 32px;
}

.date {
    font-size: 13px;
    margin-bottom: 20px;
    color: #C0C0C0;
}

.resources_news h3 {
    line-height: 130%;
    font-size: 20px;
}

.resources_news p {
    color: #C0C0C0;
    margin: 0px;
    font-size: 14px;
}

.resources_news .news_img {
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.resources_news .news_img img {
    width: 100%;
    object-fit: cover;
}

.latest_resources .d-flex.download_button button.btn.platform {
    border-color: #F3BB2B;
    color: #F3BB2B;
}

.cta_register_s ul.social_media {
    margin: 100px 0px 20px;
}

ul.social_media {
    display: flex;
    gap: 20px;
    margin: 30px 0px 20px;
}

.right_costs_rg ul {
    display: flex;
    flex-direction: column;
    gap: 140px;
}

.right_costs_rg ul li {
    font-size: 76px;
    color: #f3bb2b;
    font-weight: 800;
    line-height: 54px;
}

.right_costs_rg ul li span {
    font-size: 18px;
    color: #ffffff7a;
    font-weight: 400;
    display: block;
}


.trusted_partner {
    width: 100%;
    background-color: #000;
    padding: 50px 0px;
    text-align: center;
}

.partner_logos {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-top: 32px;
}

.top_space {
    margin-top: 10px;
}

.partner_logos .logos_slide {
    display: flex;
    animation: scrollLeft 80s linear infinite;
    gap: 24px;
    padding: 10px 0px;
}


@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}


.partner_logos .logos_slide_right {
    display: flex;
    width: 200%;
    animation: scrollRight 15s linear infinite;
    gap: 24px;
    padding: 10px 0px;
}

.partner_logos .logos_slide_right img {
    width: 245px;
    background-color: #45484D;
    height: auto;
    padding: 8px 24px;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #00000014;
}

@keyframes scrollRight {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}


/*

.search_right form {
    border: 1px solid #666;
    border-radius: 50px;
    padding-right: 10px;
}

.search_right form input {
    padding: 10px 20px;
    background-color: transparent;
    border: none;
    color: #fff;
}

.search_right form input:focus {
    border: none !important;
}

.search_right form button {
    opacity: 0.8;
    border: none;
    background-color: transparent;
} */

.featured_blog {
    padding: 40px 0px;
}

.featured_block_bl {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.blog_img {
    border-radius: 10px;
    overflow: hidden;
}

.featured_cnt_bl h3 {
    font-size: 24px;
    padding-bottom: 10px;
}

.crypto_cta {
    border: 1px solid #373E4B;
    padding-left: 60px;
    border-radius: 10px;
    background-color: #373E4B;
    overflow: hidden;
}

.crypto_cta h3 {
    font-weight: 700;
}

a.startbtn {
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    color: #000;
    background: #f3bb2b;
    padding: 11px 32px;
    border: none;
    display: inline-block;
}

.cursor_pointer {
    cursor: pointer;
}

a.startbtn:hover {
    opacity: 0.8;
}

.crypto_cta .row {
    align-items: center;
}

.hot_articles_s {
    padding: 60px 0px 20px;
}

.hot_articles_s h2 {
    font-size: 32px;
    font-weight: 600;
}

.block_blog {
    border: 1px solid #494949;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.articles_blog_bl .cursor-pointer img {
    max-height: 230px;
    width: 100%;
    object-fit: cover;
}

.crypto_cta.border_none.video_info {
    padding: 0px;
}

.border_none {
    border: none !important;
}

.video_info.crypto_cta h3 {
    font-size: 40px;
    text-transform: uppercase;
}

.video_info.crypto_cta h4 {
    font-size: 24px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #57934e, #aae9a1);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 24px 0px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.video_info.crypto_cta h4::after {
    width: 100px;
    height: 2px;
    background: #aae9a1;
    content: "";
    right: 0px;
    bottom: 0px;
    position: absolute;
}

ul.success_sm {
    padding: 24px 0px 36px;
    display: flex;
    justify-content: end;
    gap: 32px;
}

ul.success_sm li {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    color: #8c4ed8;
    line-height: 1;
    flex-direction: column;
}

.crypto_cta.video_info .col-sm-5 {
    text-align: right;
    padding-right: 60px;
}

.crypto_cta .row {
    align-items: center;
}

.video_info video {
    width: 100%;
}

video {
    border-radius: 10px 0px 0px 10px;
}

.cvtrade_video_s .video_info {
    border: 1px solid #666 !important;
    padding: 48px !important;
    border-radius: 32px;
}

.cvtrade_video_s .block_blog {
    height: 460px;
    margin-bottom: 40px;
}

.block_blog {
    border: 1px solid #373E4B;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

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

.dashboard_bot_rightbtn button.addfundsbtn {
    background-color: #00b500;
    border: none;
}

.dashboard_bot_rightbtn button.addfundsbtn:hover {
    opacity: 0.8;
}

.dashboard_bot_rightbtn button.addfundsbtn a {
    color: #fff;
}

.dashboard_bot_rightbtn button.addfundsbtn.withdrawbtn {
    color: #fff;
    background-color: #ff0000;

}


.cvtrade_video_s .cta_img {
    padding: 24px;
    border: 1px solid #454444;
    width: 100%;
    border-radius: 10px;
}

ul.success_sm li span {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    margin-top: .5rem;
}

.top_articles_h {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 15px;
    background-color: #1a1a1a;
}

.top_articles_h h3 a {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    display: flex;
    gap: 6px;
}

.top_articles_h img {
    width: 22px;
}

section.featured_blog h2 {
    font-size: 32px;
    margin-bottom: 20px;
}

.subscribe_form {
    background-color: #373E4B;
    border-radius: 10px;
    padding: 60px;
    margin-bottom: 32px;
}

.email_icon {
    max-width: 140px;
}

.subscribe_form h4 {
    font-size: 32px;
    font-weight: 600;
}

.subscribe_form form {
    border: 1px solid #666;
    display: inline-block;
    border-radius: 10px;
    width: 50%;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    border-radius: 50px;
}

.subscribe_form form input[type="text"] {
    width: 71%;
    background-color: transparent;
    border: none;
    padding: 0px 15px;
    color: #fff;
}

.subscribe_form form input[type="text"]:focus {
    border: none !important;

}

.subscribe_form form button.submit_btn {
    background-color: #f3bb2b;
    color: #000;
    padding: 10px 24px;
    border-radius: 0px 50px 50px 0px;
    border: none;
}

.recentblog_top .view_allbtn {
    padding: 0px;
}

.recentblog_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.articles_blog_bl {
    padding: 24px;
}


.articles_blog_bl .thumb img {
    border-radius: 10px;
    transition: 1s all;
}

.articles_blog_bl .thumb img:hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

ul.meta_date {
    display: flex;
    gap: 12px;
    font-size: 15px;
    color: #e3e3e3;
}

.articles_blog_bl h4 {
    font-size: 18px;
    margin-top: 20px;
}

.view_allbtn {
    padding: 24px;
    text-align: center;
}

.view_allbtn a {
    color: #fff;
}

section.hot_articles_s .row {
    margin-top: 32px;
}

.articles_blog_bl .cursor-pointer {
    cursor: pointer !important;
    overflow: hidden;
    max-width: 410px;
    display: block;
    border-radius: 10px;
}

.dashboard_listing_section.top_p {
    margin-top: 0px;
}


.themecolor_icon i {
    color: #fff;
}


.btn-toggle-nav ul li a {
    color: #ffffffc1;
}

.profile_cvtrade {
    padding: 24px;
    border: 1px solid #434343;
    border-radius: 12px;
}

.kyc_approval_s.rejected {
    padding-bottom: 0px;
}

.profile_cvtrade h2 {
    font-size: 22px;
    font-weight: 600;
}

.profie_block {
    display: flex;
    justify-content: space-between;
}

.profile_cnt_lightb .editor_img_b img {
    border: 1px solid #666;
    border-radius: 50px;
}

.profile_cnt_lightb .editor_img_b {
    width: 40px;
}

.profie_block span {
    font-size: 15px;
    font-weight: 600;
}

.profie_block p {
    padding-top: 10px;
    font-size: 15px;
    color: #A2A2A2;
}

.profile_cnt {
    width: 80%;
}

.profile_right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
}



.duration_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f8ff;
    border: 1px solid #d8e6ff;
    padding: 6px 10px;
    border-radius: 8px;
    margin-top: 6px;
}

.backtop_s {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding-bottom: 10px;
}

.duration_label {
    font-weight: 600;
    color: #007bff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.no_data_vector {
    margin: auto;
    text-align: center;
}

.duration_value {
    font-weight: 500;
    color: #222;
    background: #e9f3ff;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 14px;
}





.kyc_approval_s.activity_logs .cnt {
    width: 100%;
    gap: 7px;
}

.kyc_approval_s.activity_logs .cnt p {
    font-size: 15px;
    color: #6F798C;
}

.activity_logs table {
    margin-top: 24px;
}

.kyc_approval_s.activity_logs .price_heading {
    font-weight: 300;
    font-size: 16px;
    display: block;
    width: 100%;
}

.kyc_approval_s.activity_logs .right_t {
    font-size: 16px;
    font-weight: 300;
}

.currency_outer_b {
    display: grid;
    justify-content: space-between;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 32px;
}

.currency_preference_b {
    font-size: 18px;
    font-weight: 300;
    display: flex;
    cursor: pointer;
    padding: 20px;
    gap: 14px;
    background-color: transparent;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #f3bb2b;
}

.currency_preference_b.active {
    background-color: #ffdb8810;
}

.currency_preference_outer .dashboard_right_side.profileslider {
    width: 100%;
    margin-top: 50px;
}

.currency_preference_outer .kyc_approval_s .cnt {
    width: 100%;
    gap: 10px;
}

.profile_right .user_img {
    display: flex;
    border-radius: 0px;
    width: auto;
    align-items: center;
    gap: 10px;
    padding-right: 30px;
}

.profile_cvtrade .profile_cnt .user_img {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: inherit;
}

.profile_cvtrade .profile_cnt .user_img img {
    border-radius: 5px;
    width: 36px;
    object-fit: contain;
}

.user_img.email_ot i {
    border-radius: 5px;
    background-color: #f3bb2b;
    padding: 2px 6px;
    color: #000;
}

/* .profile_right .user_tow_img {

    padding-right: 0px !important;
} */

.chat_right strong {
    text-align: right;
}

.profile_right .user_img img {
    /* height: auto !important;
    width: auto !important; */
    border-radius: 7px;
}

.profile_btn {
    background-color: #f3bb2b;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 18px;
    font-weight: 700;
    color: #000;
}

.profile_outer_block .modal-content {
    background: #111214;
}


.search_form .modal-content {
    background: #373E4B;
    border-radius: 12px;
}

.search_form .modal-body {
    padding: 0px 20px 30px;
}

.search_form .modal-swap {
    padding: 20px 24px !important;
}

/* Export Trade History Modal */
.export_modal .modal-body {
    padding: 20px 24px 28px;
}

.export_modal_body .export_section {
    margin-bottom: 24px;
}

.export_modal_body .export_section:last-child {
    margin-bottom: 0;
}

.export_label {
    display: block;
    color: #949AA4;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 400;
}

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

.export_btn_group_lg .export_btn {
    padding: 12px 24px;
    font-size: 15px;
}

.export_presets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 576px) {
    .export_presets {
        grid-template-columns: repeat(2, 1fr);
    }
}

.export_btn {
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #4a5160;
    background: rgba(255, 255, 255, 0.05);
    color: #949AA4;
    font-size: 14px;
    transition: all 0.2s ease;
}

.export_btn:hover {
    border-color: #6b7280;
    color: #fff;
}

.export_btn.active {
    /* background: rgba(243, 187, 43, 0.2); */
    border-color: #f3bb2b;
    color: #fff;
}

.export_date_range {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.export_date_input {
    flex: 1;
    min-width: 120px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #4a5160;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 14px;
}

.export_date_input::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.7;
}

.export_date_arrow {
    color: #949AA4;
    font-size: 18px;
}

.export_note {
    display: block;
    margin-top: 10px;
    color: #6b7280;
    font-size: 12px;
}

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

.export_dropdown {
    flex: 1;
    min-width: 140px;
    padding: 10px 36px 10px 14px;
    border-radius: 8px;
    border: 1px solid #4a5160;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23949AA4' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.export_dropdown option {
    background: #2a2e36;
    color: #fff;
}

.export_actions {
    margin-top: 28px;
    padding-top: 20px;
}

.export_submit_btn {
    width: 100%;
    padding: 14px 24px;
    border-radius: 50px;
    border: none;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.export_submit_btn:hover:not(:disabled) {
    background: #ffff;
}

.export_submit_btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.form_block_login .email_code .input_filed {
    padding-right: 110px;
    width: 100%;
}

.email_code {
    position: relative;
}

.anytime_anywhere {
    padding-left: 30px;
    text-align: left;
}

.anytime_anywhere p {
    color: #A6A6A6;
    font-size: 20px;
}

.get_otp {
    position: absolute;
    color: #000;
    cursor: pointer;
    top: 8px;
    font-size: 14px;
    right: 8px;
    background-color: #f3bb2b;
    padding: 8px 15px;
    border-radius: 5px;
}

.register_form label.forgot_password {
    width: 100%;
    display: flex;
    font-weight: 400;
    text-align: left;
    align-items: center;
    gap: 6px;
}

.register_form .rewards_vector {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 60px;
}

.profile_cvtrade .modal.show .modal-dialog {
    color: #dbdbdb;
}

.verifiedform .login_form_right {
    width: 100%;
}

.login_section.verifiedform {
    max-width: 600px;
    margin: 50px auto !important;
}

.profile_bl {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: center;
}

.resend.otp-button-disabled {
    color: #fff;
}

.login_section.verifiedform .form_block_login h4 {
    /* color: #000; */
}

.login_section.verifiedform .email_code .get_otp.otpcode {
    top: 5px;
}

.user_profile_pick {
    position: relative;
}

.user-profile-editor_panel-form-field_object_avatar-uploader {
    cursor: pointer;
    height: 55px;
    width: 55px !important;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    /* width: 0; */
    z-index: 100002;
}

.earning_section_cate .slick-dots li button:before {
    color: #bdbdbd;
    font-size: 8px;
}

.earning_section_cate .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0px 2px;
}

.kyc_approval_s {
    display: flex;
    margin-top: 32px;
    gap: 32px;
    align-items: center;
}

.kyc_approval_s .Verify_img {
    width: 350px;
}

.kyc_approval_s h3 {
    color: #F2F4F6;
    font-size: 24px;
    font-weight: 500;
    margin: 0px 0px 10px;
}

body .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #f3bb2b;
}

/* .otp_code_in2 <br> { display: none; } */

.Security_factor {
    width: 60%;
    margin-top: 24px;
    border: 1px solid #cdbb9024;
    padding: 24px 24px 24px;
    border-radius: 15px;
    background-color: #f3bb2b0d;
    row-gap: 18px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #111214;
    width: 280px;
    border: none;
    border-radius: 10px;
    padding: 0px;
    margin-top: 18px;
    box-shadow: 0 10px 16px rgb(140 140 140 / 25%);
    min-width: 280px;
    overflow: hidden;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li {
    margin: 0;
    list-style: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item,
.navbar-expand-lg .navbar-nav .dropdown-menu a {
    color: #fff;
    padding: 12px 18px !important;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
    background-color: #2B313C;
    color: #fff;
}

.navigation .navbar-nav .dropdown-menu .dropdown-item:hover i,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover i,
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover i {
    color: #f3bb2b;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-expand-lg .navbar-nav .dropdown-menu a:focus,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active,
.navbar-expand-lg .navbar-nav .dropdown-menu a.active {
    background-color: #2B313C;
    color: #fff;
}

/* Dropdown menu item icons – navigation (dark theme, gold line-art style) */
.navigation .navbar-nav .dropdown-menu .dropdown-item i,
.navigation .navbar-nav .dropdown-menu .dropdown-item a i,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item i,
.navbar-expand-lg .navbar-nav .dropdown-menu a i {
    font-size: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    color: #f3bb2b;
    opacity: 1;
}

/* Dropdown menu item content (title + description) */
.navigation .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-content,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.navigation .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-text,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-text {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
    color: #fff;
}

.navigation .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-desc,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item .dropdown-item-desc {
    font-size: 11px;
    font-weight: 400;
    color: #848E9C;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navigation .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #ffb800;
}

.navigation nav ul li ul li a {
    padding: 6px 18px !important;
}

.navigation nav ul li ul li a:hover {
    background-color: #222222;
}

.navigation nav ul li ul li a:focus {
    background-color: #222222;
    color: #fff;
}

.Security_factor .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
}

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

.Security_factor .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

.Security_factor .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.Security_factor input:checked+.slider {
    background-color: #d19b1a;
}

.Security_factor input:checked+.slider:before {
    transform: translateX(20px);
}

.factor_bl {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    border-radius: 10px;
    transition: 1s;
    padding: 24px;
    border: 1px solid #3B465900;
}

.factor_bl:hover {
    border: 1px solid #3B4659;
    background-color: #31384540;
}

.factor_bl.active {
    border: 1px solid #3B4659;
    background-color: #31384540;
}

.two_factor_list h6 {
    display: flex;
    align-items: center;
    gap: 7px;
}

.two_factor_list .lftcnt {
    width: 40%;
}

.two_factor_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

.enable {
    font-size: 12px;
    color: #F2F4F6;
    display: flex;
    align-items: center;
    gap: 7px;
}

.two_factor_list button.btn {
    border: 1px solid #949AA4;
    border-radius: 50px;
    font-size: 13px;
    color: #F2F4F6;
    padding: 4px 12px;
    width: 150px
}

.two_factor_list button.btn:hover {
    border: 1px solid #3E4653;
    background-color: #3E4653;
}

.Security_factor p {
    font-weight: 600;
}

.kyc_approval_s.activity_logs .dashboard_summary .price_heading span {
    display: inline-block;
}

button.save_btn {
    background: #f3bb2b;
    border: none !important;
    margin-top: 24px;
    color: #000;
    box-shadow: none;
    padding: 10px 24px;
    border-radius: 4px;
    display: block;
    font-size: 16px !important;
    font-weight: 500;
}

.scaner_pop_up .modal-content {
    background-color: #191C1E;
}

.scaner_pop_up .modal-content h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 100%;
    position: relative;
    top: 6px;
}

.scaner_pop_up .modal-body {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.scaner_pop_up .scaner_img {
    background-color: #fff;
    padding: 18px 10px;
    border-radius: 18px;
    text-align: center;
    width: 250px;
}

input.code_scaner {
    font-size: 12px;
    padding: 5px;
    width: 62%;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
}

.scaner_pop_up small {
    font-size: 13px;
    color: #fff;
    margin-top: -8px;
}

.scaner_pop_up button.save_btn {
    background: #f3bb2b;
    margin-top: 0px;
    padding: 10px 48px;
    color: #000;
    border-radius: 50px;
    font-size: 15px !important;
}

.scaner_pop_up .modal-header .btn-close {
    position: absolute;
    right: -9px;
    font-size: 18px;
    width: 16px;
    height: 16px;
    line-height: 15px;
    font-weight: 600;
    top: -10px;
    color: #080808;
    background: #f4b609;
    opacity: 1;
    border-radius: 50px;
}

.scaner_pop_up.thankyou_s p {
    margin-bottom: 5px;
}

.scaner_pop_up.thankyou_s .modal-body {
    width: 70%;
    border: 1px solid #6666;
    padding: 32px;
    border-radius: 24px;
    margin: 0 auto;
    color: #fff;
}

.scaner_pop_up.thankyou_s .modal-content {
    background-color: #191C1E;
    padding: 20px 20px 40px;
}

.scaner_pop_up .modal-header {
    border: none;
}

.scaner_pop_up input.input_text {
    width: 30%;
    font-size: 15px;
    margin: 0 auto;
    background: transparent;
    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 50px;
    color: #fff;
}


.left_side_chat {
    display: inline-block;
    background: #99ca91a6;
    padding: 20px;
    border-radius: 10px;
}


/* body .form-control:focus {
    border: none !important;
} */


.top_header_dash .verify_btn a {
    font-size: 15px;
    padding: 6px 22px;
}

.top_header_dash .verify_btn {
    padding: 5px 0px 0px;
}

.kyc_approval_s .cnt {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.recent_deposit_list .price_heading img {
    max-width: 30px;
    border-radius: 50px;
    height: 30px;
    object-fit: cover;
}


.kyc_approval_s .cnt p {
    margin: 0px;
}

.kyc_approval_s .verify_btn {
    padding: 0px 0px 10px;
    align-items: normal;
    justify-content: normal;
}


.profile_cvtrade.kyc_form_info {
    width: 60%;
    padding: 48px;
    border: 1px solid #f3bb2b;
}


.modal.search_form#exampleModal .modal-dialog {
    transform: none;
    margin-top: 50px;
}

.security_form {
    padding-top: 24px;
}

header.sticky-top {
    z-index: 999999;
    background-color: #111214;
}

.profile_cvtrade .search_form .user_profile_pick input {
    color: #6f6f6f;
    background-color: transparent;
    border-color: #6f6f6f;
}

.profile_cvtrade .search_form .user_profile_pick input[type="button"] {
    color: #fff;
}

.security_form form.row {
    border: 1px solid #2B313C;
    padding: 32px 24px 36px;
    border-radius: 15px;
    background-color: #2B313C;
    row-gap: 18px;
}

.security_form form.row input {
    width: 100%;
    font-weight: 300;
    background-color: transparent;
    border: 1px solid #434343;
    color: #fff;
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 14px;
}

.security_form form.row input[type="button"]:hover {
    background-color: #e9c87b;
}

.security_form form.row input:focus {
    border: 1px solid #0ecb78;
}

.form-control {
    border-radius: 50px;
}

.notification_table {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    margin-top: 32px;
    height: 500px;
    overflow: auto;
}

.earning_section_cate .row {
    align-items: center;
}

.select_network_s h4 {
    font-size: 15px;
    padding-top: 20px;
}

.kyc_form_s h5 {
    color: #fff;
}

.form-field-wrapper.mb-4 {
    color: #d2d2d2;
    font-size: 14px;
}

.personal_information {
    margin-top: -24px;
}

section.pb-5.kyc_form_s {
    margin-top: 32px;
}

.address_input {
    display: flex;
    gap: 10px;
    border: 1px solid #474d57;
    margin-top: 15px;
    padding: 15px;
    border-radius: 30px;
    justify-content: space-between;
}

.address_input input[type="text"] {
    border: none;
    background-color: transparent;
    width: 90%;
    color: #fff;
}

.select_network_s p {
    font-size: 14px;
    color: #a3a3a3;
    margin: 10px 0px 0px;
}

.withdraw_input {
    display: flex;
    gap: 10px;
    border: 1px solid #474d57;
    margin-top: 15px;
    align-items: center;
    padding: 15px;
    border-radius: 50px;
    justify-content: space-between;
}

.withdraw_input input[type="text"] {
    border: none;
    background-color: transparent;
    width: 50%;
    color: #fff;
}

.amount_sysmble {
    display: flex;
    gap: 10px;
    font-size: 15px;
}

.amount_sysmble span {
    color: #f3bb2b;
}

.wallet_btn_small path {
    fill: #212121;
}

.login_section .login-pills {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 40px !important;
}

.login_section .nav.nav-tabs li button:hover {
    color: #1a1a1a;
}

.login-pills li {
    display: block;
}

.login-pills li .nav-link {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 23px 12px;
    background: transparent;
    border-radius: 0;
    font-size: 16px;
}

.login-pills li .nav-link.active {
    background: transparent;
    color: #1a1a1a !important;
}

body .login_section .login-pills li .nav-link.active {
    color: #fff !important;
    font-weight: 600;
}


.accordion-item.active .accordion-button:not(.collapsed)::after {
    background-image: url(../images/close_icon.svg) !important;
    transform: rotate(0deg);
}

.withdraw_amount_cnt {
    margin-top: 20px;
    border-bottom: 1px solid #c1c1c154;
    padding-bottom: 20px;
}

.withdraw_amount_cnt .top_space {
    margin-top: 10px !important;
}


.icon_cnt {
    width: 24px;
}

.notification_vector {
    padding-top: 32px;
    width: 500px;
    max-width: 100%;
}

.login_profile_header.active {
    opacity: 1;
    visibility: visible;
    right: 0px;
}

.notification_vector img {
    width: 300px;
}

.partner_page {
    color: #fff;
    display: inline-block;
    width: 100%;
    background-color: #111114;
    padding: 0px 0px 20px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}


.notification_table table tr {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: normal;
    gap: 16px;
}

canvas.qr_img.img-fluid {
    width: auto !important;
    height: auto !important;
}

.notification_table table tr td {
    border-bottom: 1px solid #ffffff14;
    padding: 0px 0px 32px;
}

.notification_table table tr td h4 {
    font-size: 18px;
}

.notification_table table tr td span {
    font-size: 13px;
    font-weight: 200;
}

.chat_messages_block p {
    margin: 0px;
}

.kyc_approval_s.activity_logs .notification_table table tr td p {
    margin-top: 10px;
    font-size: 14px;
    color: #6F798C;
}

.login_section {
    justify-content: space-between;
    max-width: 430px;
    display: flex;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
    padding: 0px;
    border: 1px solid #333B47;
}

.login_fullhieght {

    padding: 60px 0px 90px;
    background-color: #181A20;
}

.icon_notificaton_r ul li.wallet_tb:hover .wallet_profile_tab {
    opacity: 1;
    visibility: visible;
    display: block;
}


.wallet_profile_tab {
    display: none;
    opacity: 0;
    visibility: hidden;
    left: -250px;
    width: 300px;
    background-color: #2b313c;
    padding: 24px;
    border-radius: 10px;
    position: absolute;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999998;
}

.wallet_profile_tab h3 {
    font-size: 17px;
}

ul.wallet_price_list {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

ul.wallet_price_list li {
    font-size: 14px;
    font-weight: 500;
    color: #5EBA89;
}

.wallet_btn_small {
    display: flex;
    gap: 7px;
    margin: 3px 0px;
}

.wallet_btn_small a {
    display: flex;
    gap: 6px;
    background-color: #f3bb2b;
    border: 1px solid #f3bb2b;
    color: #000;
    padding: 5px 22px;
    font-size: 14px;
    border-radius: 50px;
}

.wallet_btn_small a:hover {
    color: #000;
}

.wallet_btn_small button img {
    width: 15px;
}

ul.ac_wallet_info li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

ul.ac_wallet_info li img {
    width: 16px;
}

ul.ac_wallet_info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.ac_wallet_info li a {
    font-size: 16px;
    color: #fff;
}


.registration__info p {
    margin: 0px;
    color: #0c0c0c;
}

.registration__info.bottom {
    text-align: center;
    margin-top: 0px;
}

.login_cnt {
    padding: 30px 0px 30px 30px;
    text-align: center;
}

.registration__info p a {
    font-weight: 600;
    color: #fff;
}

.rewards_vector {
    max-width: 75%;
    width: 100%;
    margin: 20px auto;
    opacity: 1;
    padding: 10px 0px 32px;
}

.rewards_vector video {
    width: 100%;
}

.blog_detail .blog-content {
    color: #ffffffd1;
}

.blog_detail h2 {
    font-size: 32px;
    padding-bottom: 15px;
    font-weight: 700;
}

.blog_detail p {
    font-size: 15px;
}

.single_blog_img {
    background: #26293340;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #434343;
    margin-bottom: 36px;
}

.single_blog_img img {
    width: 100%;
    border-radius: 15px;
}

.single_blog_img img {
    width: 100%;
}

.login_form_right {
    width: 100%;
}

.meme_coin_top {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: baseline;
}

.meme_coin_top h1 {
    font-size: 60px;
    font-weight: 700;
}

.homebonuspop .modal-body {
    padding: 0px;
}

.meme_coin_top p {
    font-size: 22px;
    font-weight: 400;
}

.meme_coin_cnt {
    width: 100%;
}

.meme_right_img {
    width: 50%;
    position: relative;
}


.sc-bdfBQB.sc-kmATbt.fOxqyX.dzKkzw {
    display: flex;
    position: relative;
    gap: 36px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.sc-bdfBQB.sc-kmATbt.fOxqyX.dzKkzw:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #0ecb70;
}

.homebonuspop button.btn-close.position-absolute.top-0.end-0.m-2 {
    z-index: 999;
    background-color: #fff;
    opacity: 1;
}

.check_bar {
    display: flex;
    gap: 10px;
    color: #fff;
    background-color: #1a1a1a;
    padding: 8px 24px;
    border-radius: 50px;
    align-items: center;
    position: relative;
    z-index: 999;
}

.check_bar h5 {
    font-size: 15px;
    margin: 0px;
}


.kyc_nofti.kyc_done {
    max-width: 80%;
    margin: 20px auto;
}

.banner_hotCoinContainer {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.check_bar {
    display: flex;
    gap: 10px;
    color: #fff;
}

.pb-5.kyc_form_s .m-auto {
    width: 100% !important;
    margin: auto !important;
}

.banner_hotCoin {
    position: relative;
    overflow: hidden;
    animation: banner_move-up-down-best__Nigcl 3s linear infinite;
    z-index: 2;
}

img.bitcoin_left {
    position: absolute;
    left: 160px;
    bottom: 0px;
    animation: banner_move_left_right 10s ease-in-out infinite;
}

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

    50% {
        transform: translateX(50px);
        /* right side */
    }

    100% {
        transform: translateX(0);
        /* back to left */
    }
}


.bg-video {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}

.hero_section_main .container {
    position: relative;
    z-index: 666;
}

.hero_section_main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 1),
            rgba(0, 0, 0, 0.90),
            rgba(0, 0, 0, 0.60),
            rgba(0, 0, 0, 0));
    z-index: 2;
    pointer-events: none;
}

.hero_section_main:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(to left,
            rgba(0, 0, 0, 1),
            rgba(0, 0, 0, 0.90),
            rgba(0, 0, 0, 0.20),
            rgba(0, 0, 0, 0));
    z-index: 1;
    pointer-events: none;
}



.banner_img {
    max-width: 56%;
    float: right;
    position: relative;
}

.banner_img_main {
    max-width: 750px;
}

.animation {
    position: absolute;
    content: "";
    z-index: 666;
}

@keyframes crypto_center_circle {
    0% {
        transform: translate(0, -20px);
    }

    25% {
        transform: translate(20px, 0);
    }

    50% {
        transform: translate(0, 25px);
    }

    75% {
        transform: translate(-20px, 0);
    }

    100% {
        transform: translate(0, -20px);
    }
}

img.crypto_cntr {
    position: absolute;
    left: 50px;
    right: 0;
    margin: 0 auto;
    top: -40px;

    animation-name: crypto_center_circle;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.summary_data {
    width: 261px;
    animation: banner_move_up_hero 10s ease-in-out infinite;
}

.reverse_security .exchange_future_s .verification_mobile {
    max-width: 320px;
}

.reverse_security .bitcoin {
    animation: banner_move_up_hero 10s ease-in-out infinite;
}

.exchange_future_s .bitcoin2 {
    animation: banner_move_left_right 10s ease-in-out infinite;
}

.exchange_future_s img.animation_effect.bitcoin2 {
    right: 250px;
    left: inherit;
    top: 54%;
}


img.bitcoin_right {
    position: absolute;
    right: -30px;
    top: 45px;
    width: 122px;
    animation: banner_move_up_hero 10s ease-in-out infinite;
}

.bitcoin2 {
    animation: banner_move_up_hero 10s ease-in-out infinite;
}

.bitcoin1 {
    animation: banner_move_left_right 10s ease-in-out infinite;
}

.bitcoin3 {
    animation: banner_move_left_right 20s ease-in-out infinite;
}

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

    50% {
        transform: translateY(-40px);
        /* upar jayega */
    }

    100% {
        transform: translateY(0);
        /* wapas niche */
    }
}



.vector_currency {
    animation: slowSpin 20s linear infinite;
}


@keyframes slowSpin {
    0% {
        transform: rotate(0deg);
    }

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

/* 

.ripple-shape {
    transform: skewX(240deg);
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.ripple-1 {
    animation-delay: 0;
}
.ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5, .ripple-6, .ripple-7 {
    width: 700px;
    height: 700px;
    position: absolute;
    left: 20%;
    top: -100px;
    transform: translate(-60%, -40%);
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    animation: ripple2 10s linear infinite;
    opacity: 0;
    transition: 0.4s;
}

.ripple-3 {
    animation-delay: 3s;
}
.ripple-2 {
    animation-delay: 1s;
}
.ripple-4 {
    animation-delay: 5s;
}
.ripple-5 {
    animation-delay: 6s;
} */


@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: scale(2.1);
        opacity: 0;
    }
}

@keyframes ripple2 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    10% {
        opacity: 0.6;
    }

    30% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.14;
    }

    100% {
        transform: scale(3.5);
        opacity: 0;
    }
}

.gainers_table table tr th.name {
    width: 29%;
}

.losers_table table tr th.name {
    width: 25%;
}

.field-box {
    position: relative;
}

.field-otp-box input {
    color: #fff;
    height: 53px;
    border: 1px solid #ffffff15;
    width: 100%;
    background-color: #202020;
    border-radius: 50px;
    padding-left: 20px;
}

button.btn.btn-sm.otpinput {
    background-color: #f3bb2b !important;
    color: #000 !important;
    border-radius: 50px;
}

/* Placeholder text black karne ke liye */
.input_filed::placeholder {
    color: #9ba2ad !important;
    opacity: 1;
    /* Some browsers reduce opacity by default */
}

/* For cross-browser compatibility */
.input_filed::-webkit-input-placeholder {
    color: #9ba2ad !important;
}

.input_filed:-moz-placeholder {
    color: #9ba2ad !important;
}

.input_filed::-moz-placeholder {
    color: #9ba2ad !important;
}

.input_filed:-ms-input-placeholder {
    color: #9ba2ad !important;
}



/* Placeholder text black karne ke liye */
body.light_theme .input_filed::placeholder {
    color: #303030 !important;
    opacity: 1;
    /* Some browsers reduce opacity by default */
}

/* For cross-browser compatibility */
body.light_theme .input_filed::-webkit-input-placeholder {
    color: #303030 !important;
}

body.light_theme .input_filed:-moz-placeholder {
    color: #303030 !important;
}

body.light_theme .input_filed::-moz-placeholder {
    color: #303030 !important;
}

body.light_theme .input_filed:-ms-input-placeholder {
    color: #303030 !important;
}

.disclaimer {
    font-size: 13px;
}

.disclaimer label {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.disclaimer li {
    padding: 7px 0 0 10px;
    line-height: 1.5;
    font-size: 12px;
    text-align: justify;
}

.crypto_list {
    margin: 24px 0px;
}

.coin-card_cardItemWrapper {
    margin: 20px 0px 0px;
}

.lightbox_two {
    overflow: hidden;
    height: 100vh;
}

body.popup-open {
    overflow: hidden;
    height: 100vh;
}

.crypto_list ul li .crypto_icon img {
    border-radius: 16px;
}

.crypto_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.blog_section_b h1 {
    font-size: 60px;
    font-weight: 700;
    color: #f3bb2b;
}

section.inner-page-banner.bg-2 .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 36px;
}



.top_right_img {
    max-width: 450px;
}

.breadcrumb li {
    color: #fff !important;
}

.breadcrumb li a {
    color: #f3bb2b !important;
}

.single-blog {
    background: #26293340;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #434343;
}

.single-blog .content {
    padding-top: 20px;
    padding-bottom: 5px;
}

.single-blog .title small {
    font-size: 14px;
    font-weight: 300;
    display: block;
    line-height: 1.5;
    opacity: 0.8;
    margin: 6px 0;
}

.single-blog .title h4 {
    font-size: 20px;
    font-weight: 700;
}

.single-widget {
    background: #2629334a;
    padding: 25px 20px;
    border-radius: 8px;
    margin-top: 0px !important;
    border: 1px solid #434343a6;
}


.no_data_s img {
    max-width: 90px;
}

.recent-post h3 {
    font-weight: 700;
}

.recent-post ul.list_with_img li a {
    color: #f3bb2b;
    font-size: 13px;
}

.crypto_list ul li {
    background-color: #373E4B;
    padding: 16px;
    border-radius: 15px;
    border: 1px solid #373E4B;
}

.meme_listing_section {
    padding: 40px 0px 0px;
    background-color: #181A20;
    color: #fff;
    display: inline-block;
    width: 100%;
}

.meme_listing_section .tab-content>.tab-pane {
    padding-right: 0px;
    height: 100%;
}

.what_coin_s h2 {
    font-size: 32px;
}

.what_coin_s p {
    font-size: 14px;
    margin: 0px;
    color: #cdcdcd;
}

.banner_images {
    width: 350px;
}

.ant-card-head-title h3 img {
    padding-right: 7px;
}

.meme_hero_s .container {
    width: 80%;
}

.hero-banner-style.top-section-gap {
    color: #fff;
}

section.faq_sec .section-title {
    margin-bottom: 20px;
}

.banner_bottom_img {
    position: absolute;
    bottom: 0;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner_coinMask_animation {
    position: absolute;
    bottom: 0;
}

.rounded_img {
    border: 10px solid #cae0f7;
    border-radius: 100%;
    overflow: hidden;
    width: 160px;
}

.left_img {
    position: relative;
    left: 25px;
    top: 10px;
}

.right_img {
    position: relative;
    right: 25px;
    top: 10px;
}

.center_img {
    position: relative;
    z-index: 666;
}

.form_block_login {
    padding: 50px 150px;
    color: #F5F5F5;
}

.form_block_login h2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}

.form_block_login form {
    margin-top: 15px;
}

.form_block_login .row {
    gap: 24px;
}

.form_block_login .col-sm-12.input_block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.modal.search_form input:focus {
    border: none;
}

.themecolor_icon i.ri-sun-line {
    display: none;
}

body.light_theme .themecolor_icon i.ri-moon-line {
    display: none;
}

.form_block_login label {
    font-size: 14px;
    font-weight: 500;
    color: #9ba2ad;
    text-align: left;
}

.form_block_login .input_filed {
    width: 100%;
    color: #000;
    border: 1px solid #707A8A;
    font-size: 13px;
    padding: 14px 12px;
    border-radius: 5px;
    background-color: #ffffff00 !important;
}

.login_section .form_block_login {
    padding: 36px;
    color: #F5F5F5;
    background-color: #181A20;
}


.form_block_login .pass_conditions {
    color: #b5b5b5;
    margin-top: 5px;
}

.listing_left_outer .market_section {
    margin-top: 32px;
}

.form_block_login .input_filed {
    color: #fff;
    font-size: 13px;
    border-radius: 8px;
    background-color: #ffffff00;
}

.forgot_password a {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-top: -12px;
}

.forgot_password {
    text-align: right;
    justify-content: end;
    display: flex;
    gap: 5px;
}

button:disabled {
    /* background-color: #737373 !important;
   light gray */
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    pointer-events: none !important;
}

.balance_vector {
    max-width: 200px;
}

.email_code .get_otp.otpcode {
    background-color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    color: #000000;
    top: 10px;
    border-radius: 50px;
}

.login_section .form_block_login span.text-primary {
    color: #fff !important;
}

.verificationregister h2 {
    text-align: center;
    padding-bottom: 7px;
}

.email_code .get_otp {
    color: #505050;
    top: 16px;
    font-size: 14px;
    background-color: transparent;
    padding: 0px 15px;
}

.select_option2 {
    border: 1px solid #dee6e9;
    font-size: 13px;
    padding: 14px 12px;
    border-radius: 8px;
    width: 120px;
    overflow: hidden;
}

.login_section input:focus {
    border: 1px solid #F0B90B !important;
}

::placeholder {
    color: #707A8A;
}

.phone-input-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.phone-input-wrapper select {
    border: none;
    color: #707A8A;
}

.login_btn input[type="button"] {
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    color: #000;
    border: none;
    width: 100%;
    background: #f3bb2b !important;
}

.login_section .btn-link {
    color: #fff;
    text-decoration: none;
}

.login_btn input[type="button"]:hover {
    opacity: 0.9;
}

.sign_in_form_s {
    display: flex;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    align-items: center;
    gap: 24px;
}

.sign_in_form_s .rewards_vector {
    max-width: 490px;
    width: 100%;
    margin: 20px auto;
    opacity: 1;
    padding: 0px;
}

.sign_rewards {
    width: 100%;
    text-align: center;
}

.sign_rewards h2 {
    font-size: 32px;
    line-height: 140%;
}

.sign_rewards h2 span {
    color: #F0B90B;
}

/* input:focus {
    border: 1px solid #f3bb2b !important;
} */

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

.currency_td img {
    width: 22px;
}

.pricetag {
    display: flex;
    font-size: 13px;
    font-weight: 600;
    flex-direction: column;
}

.balance_td {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.td_btn_balance button {
    background-color: #5EC732;
    border: 1px solid transparent;
    padding: 7px 24px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    white-space: nowrap;
}

.td_btn_balance {
    display: flex;
    gap: 15px;
}

.td_btn_balance button.deposit {
    background-color: #fff;
    color: #000;
}

.td_btn_balance button.walletbtn {
    background-color: #F6CF25;
    color: #000;
}

.td_btn_balance button.withdrawbtn {
    background-color: #F52534;
}

form.searchinput {
    background-color: #222222;
    padding: 8px;
    border-radius: 50px;
    border: 1px solid #7878789c;
}

.search_form.search_coin.bordernone .modal-header.pt-0 {
    border-bottom: none !important;
    padding: 0px !important;
}

.revolutionizing_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
}

.scrolled {
    background-color: #0a0a0a;
    position: fixed;
    width: 100%;
}


.check_bar.active {
    background-color: #f3bb2b;
    color: #000;
}


.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #04AA6D;
}


.signupbtn {
    clip-path: polygon(16% 0%, 100% 0, 100% 65%, 82% 100%, 0 100%, 0% 45%);
    background: #f3bb2b;
    border: none;
    color: #000;
    padding: 13px 48px;
    transition: 1s all;
    font-size: 14px;
    font-weight: 500;
}

.signupbtn:hover {
    background: #cfa84c;
}

.revolutionizing_btn a {
    color: #000;
}

.tradebtn:hover {
    background: #f3bb2b;
}

.tradebtn {
    display: inline-block;
    clip-path: polygon(0% 0%, 87% 0%, 100% 50%, 100% 100%, 60% 115%, 12% 100%, 0% 63%);
    background: #fff;
    border: none;
    transition: 1s all;
    color: #111;
    padding: 11px 48px;
    font-size: 15px;
    font-weight: 500;
}


body form.searchinput button {
    border: none;
    background-color: transparent;
    width: auto;
    padding: 0px;
}

body form.searchinput input {
    border: none;
    font-weight: 300;
    background: transparent;
    width: 140px;
    color: #fff;
}

body form.searchinput input:focus {
    border: none !important;
}

.wallet_balance_tb .user_list_top h4 {
    font-size: 24px;
    margin: 0px;
    font-weight: 500;
}

.pricetag span {
    font-size: 11px;
    font-weight: 200;
}

.registration__info {
    text-align: center;
}

ul.earning_assets_list {
    width: 100%;
    display: flex;
    margin-top: 24px;
    background-color: #2B313C;
    padding: 15px 20px;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

ul.earning_assets_list li {
    display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: 14px;
    color: #F2F4F6;
}

ul.earning_assets_list li.exportbtn button {
    background-color: #515760;
    color: #fff;
    border: none;
    font-weight: 300;
    font-size: 12px;
    padding: 6px 18px;
    border-radius: 50px;
}

ul.earning_assets_list li span {
    color: #6F798C;
    font-size: 12px;
}

.currency_btn_2 {
    display: flex;
    gap: 15px;
}

.security_form form.row input[type="button"] {
    background: #f3bb2b;
    border: none !important;
    margin-top: 5px;
    color: #000;
    box-shadow: none;
    display: block;
    font-size: 16px !important;
    font-weight: 500;
    box-shadow: 0px 0px 15px #00000036;
}

.google_btn {
    font-size: 14px;
    color: #EAECEF;
    width: 100%;
    background-color: #ffffff00;
    border: 1px solid #434C5A;
    text-align: center;
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 13px 10px;
}

.login_section button:hover {
    background-color: transparent;
}


.login_section .nav-tabs {
    border: none !important;
    gap: 24px;
    font-weight: 800;
    padding: 0px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    box-shadow: none !important;
    margin-top: 24px;
}

.login_section .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: none !important;
}

.login_section .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none !important;
}

.login_section .nav.nav-tabs li button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0px !important;
    background: transparent;
    color: #707A8A !important;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    border: none;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

/* Fix autofill background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.login_section .nav.nav-tabs li {
    height: 100%;
    padding: 0px;
}

.login_section .nav.nav-tabs li button.active {
    color: #01BC8D;
}

.login_section .nav.nav-tabs li button.active path {
    fill: #01BC8D;
}

.login_section .nav-link:focus-visible {
    border: none !important;
    outline: none !important;
    padding: 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.login_section .nav.nav-tabs li button img {
    width: 22px;
}

.login_section .tab-content>.tab-pane {
    overflow: inherit;
    padding-right: 0px;
    height: 100%;
}

.security_form label {
    font-size: 14px;
    margin-bottom: 6px;
    color: #ffffffbf;
}

.user_profile_editor {
    position: absolute;
    left: 0px;
    opacity: 0;
    font-size: 24px;
    transition: 1s;
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.updated_profile_img {
    width: 240px;
    margin: 0 auto;
}

.profile_form .input_filed {
    display: flex;
    gap: 40px;
    font-size: 13px;
    align-items: center;
}

.profile_form label {
    width: 30%;
}

form.profile_form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

form.profile_form2 {

    gap: 5px !important;
}

button.morebtn:hover {
    background-color: transparent !important;
}


form.profile_form input[type="button"] {
    background-color: #f3bb2b !important;
    color: #000 !important;
    border: none;
    font-size: 15px !important;
    font-weight: 600;
}

.overview_btn button a {
    color: #fff;
}

.profile_outer_block {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.editor_img_b:hover .user_profile_editor {
    opacity: 1;
}

.editor_img_b:hover::before {
    opacity: 1;
}

.editor_img_b::before {
    position: absolute;
    height: 100%;
    transition: 1s;
    width: 100%;
    background: rgba(129, 26, 255, 0.7);
    content: "";
    opacity: 0;
}

.editor_img_b {
    position: relative;
    width: 70px;
    border-radius: 7px;
    overflow: hidden;
}

.user_profile_editor svg {
    width: 24px;
    color: #fff;
}

.user_profile_pick p {
    font-size: 12px;
    padding-top: 5px;
}

.profile_bl h5 {
    font-size: 15px;
    font-weight: 700;
}

.btn_profile_list {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.profile_btn:hover {
    color: #000;
    opacity: 0.9;
}

.btn_profile_list button {
    width: 100%;
    background-color: #2b3139;
    font-size: 16px;
    text-align: center;
    border: none;
    padding: 9px 24px;
    border-radius: 5px;
    color: #fff;
}

header .nav-link:focus,
.nav-link:hover {
    color: #f3bb2b;
}

.profile_id img {
    width: 12px;
    cursor: pointer;
}

.currency_preference_b .icon {
    width: 36px;
}

.otp_code_in2 {
    position: relative;
}

.otp_code_in2 button {
    position: absolute;
    right: 5px;
    color: #000 !important;
    background: #f3bb2b;
    padding: 9px 12px 8px;
    top: 5px;
    font-size: 12px;
    border-radius: 50px;
}

.navi_sidebar li button.active {
    border: none;
}

.get_otp2 {
    cursor: pointer;
    background-color: #f3bb2b;
    font-size: 13px;
    padding: 7px 12px;
    border-radius: 50px;
    font-weight: 600;
    color: #000;
}

.otp_code_in2 button:hover {
    background: #775c97;
}

.otp_code_in2 input[type="number"] {
    padding-right: 85px !important;
}

p.center_b {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.center_cntr {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.kyc_form_s button {
    background: #f3bb2b;
    border: none !important;
    padding: 14px 20px;
    color: #000 !important;
    box-shadow: none;
    display: block;
    font-size: 16px !important;
    box-shadow: 0px 0px 15px #00000036;
}

.kyc_form_s button:hover {
    background: #dbb969;
}

.create-item-wrapper-kyc .rightsidebox .d-kyc_sec {
    text-align: center;
    margin-top: 45px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

p.center_b .no_data_s {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 4px; */
}

p.center_b .no_data_s small {
    font-size: small;
}

.btn_profile_list button.savebtn {
    background-color: #f3bb2b;
    color: #000;
}

.btn_profile_list button:hover {
    opacity: 0.9;
}

.bankpop_up_d .form-group label {
    font-size: 15px;
    font-weight: 400;
}

.dashboard_right_side.profileslider .slick-slide {
    justify-content: space-between !important;
}

.banner_img_add {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between;
}

.profile_cvtrade .modal-title {
    font-size: 18px;
    font-weight: 700;
}

.profile_cvtrade .modal-dialog p {
    font-size: 14px;
    margin: 0px;
}

.profile_cnt_lightb {
    padding: 24px 10px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.profile_cvtrade .search_form input {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #ffffff26;
    padding: 13px 20px;
    width: 100%;
}

.profile_cvtrade .modal-header {
    border-bottom: none !important;
}

.dashboard_right_side.profileslider {
    width: 100%;
    margin: 30px auto;
}

.profile_form label {
    color: #d7d7d7d6;
    font-size: 16px;

}

.position_order .top_th_easyop {
    border-bottom: none;
}

.position_order {
    margin-bottom: 20px;
}

.otp_s_in {
    position: relative;
    width: 100%;
}

.otp_s_in button {
    color: #000 !important;
    background: #f3bb2b;
    top: 13px;
    font-size: 12px;
    border-radius: 20px;
    position: absolute;
    right: 11px;
    border: none;
    padding: 4px 10px;
}

.profile_cvtrade .search_form .otp_s_in input {
    padding-right: 80px;
}


.user_profile_pick .editor_img_b img {
    width: auto !important;
    height: auto !important;
}

.dashboard_right_side.profileslider .slick-slide {
    background-color: #f3bb2b21;
    border: 1px solid #cdbb9047;
    padding: 32px;
}

.dashboard_right_side.profileslider .slick-slide .cnt_slider_f {
    text-align: left;
}

.slick-list {
    padding-right: 1px !important;
}

.dashboard_right_side.profileslider .slick-slide h6 {
    font-size: 23px;
}

.dashboard_right_side.profileslider .slick-slide p {
    font-size: 20px;
}


.banner_add_slider .banner_img_add {
    justify-content: center;
}

.ranking_outer {
    background-color: #0a0a0a;
    border: 1px solid #2a2a2a;
    padding: 30px 0px;
    border-left: 0px;
}

.bank_detail_info {
    background-color: #1a1a1a;
    padding: 30px 40px;
    border-radius: 20px;
    margin-top: 20px;
}

.bank_detail_info h1 {
    font-size: 24px;
}

.slick-track {
    display: flex !important;
}

.ranking_outer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 32px;
}

.ranking_outer ul li {
    text-align: center;
    font-size: 18px;
    color: #AEB2BD;
}

.ranking_outer ul li h2 {
    font-size: 40px;
    color: #ebebeb;
    font-weight: 700;
}

.banner_add_slider {
    padding: 50px 0px;
    background-color: #111114;
}

.banner_img_add img {
    border-radius: 15px;
}

.refrefer_earn_mobile_vector {
    display: none;
}

.verify_btn {
    display: flex;
    padding: 30px 0px 10px;
    align-items: center;
    justify-content: center;
}

.mobile_view_verify {
    display: none;
}

.hot_trading_t {
    padding: 20px 0px;
}

.hot_trading_t h3 {
    font-size: 20px;
    font-weight: 800;
    color: #c4c4c4;
}

.hot_trading_t table {
    width: 100%;
    color: #c4c4c4;
}

.table_pop_up.modal table tr {
    padding: 0px;
}

.table_pop_up.modal table tr:hover {
    background-color: transparent;
}

.table_pop_up.modal table tr td {
    gap: 5px;
    font-size: 14px;
    color: #e9e9e9;
    padding: 6px 0px;
    font-weight: 500;
}

.earningtop_search {
    margin-top: 0px;
    position: absolute;
    top: 34px;
    right: 40px;
}

img.round_img {
    width: 30px !important;
    border-radius: 50px;
    height: 30px !important;
    object-fit: cover;
}

.table_pop_up.modal h2 {
    font-size: 22px;
    color: #eeeeee;
    font-weight: 600;
}

.search_coin td.right_t.price_tb {
    font-weight: 500;
}

.table_pop_up.modal .modal-header {
    padding-bottom: 0px !important;
    border-bottom: none;
}

.table_pop_up.modal p.help_chat {
    text-align: center;
}

.table_pop_up.modal p.help_chat a {
    color: #e9e9e9;
    font-weight: 700;
}

.table_pop_up.modal table tr td span {
    color: #e9e9e9;
}

.table_pop_up.modal table tr td span.green {
    color: #2ebd85;
}

.table_pop_up.modal table tr td span.yellow {
    color: #F0B90B;
}

.table_pop_up.modal table tr td span.red {
    color: #f00;
}





#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
}

#popup-box {
    background: #0a0a0a00;
    padding: 0px;
    width: 500px;
    overflow: hidden;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}

#popup-box .close-btn {
    position: absolute;
    top: 10px;
    color: #ffffff;
    right: 15px;
    font-size: 18px;
    cursor: pointer;
    background: none;
    border: none;
    z-index: 666;
}

#popup-overlay.active {
    display: none;
}

.hot_trading_t th,
td {
    padding: 10px 2px;
    text-align: left;
}


.hot_trading_t td {
    padding: 10px 2px;
    text-align: left;
}

.withdrawal_top_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    padding-left: 32px;
}

.withdrawal_top_list .bn_step_content {
    width: 100%;
    color: #cfcfcf;
}

.withdrawal_top_list h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    position: relative;
}

.withdrawal_top_list span {
    font-size: 13px;
    font-weight: 400;
}

.withdrawal_top_list h5::before {
    position: absolute;
    top: 3px;
    left: -33px;
    content: "";
    width: 14px;
    transform: rotate(45deg);
    height: 14px;
    background-color: #bc83ff;
    border-radius: 3px;
}

.withdrawal_pending::before {

    background-color: #ffffff !important;
}

.news_announcement {
    margin: 32px 0px;
}

body .red {
    color: #e04457;
}

.announcement_block div p {
    margin: 0px;
}

.hot_trading_t table tbody {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.hot_trading_t table tbody tr {
    display: flex;
    cursor: pointer;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
    padding: 0px 7px;
}

.hot_trading_t table tbody tr:hover {
    background-color: #00000046;
}

/* Swap – Select Crypto modal table row (global) */
.swap-select-crypto-row {
    cursor: pointer;
    border-radius: 10px;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}
.swap-select-crypto-row.selected {
    background-color: rgb(43 49 60);
}
.swap-select-crypto-row.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.hot_trading_t p {
    color: #ebebebc7;
    margin: 10px 0px 0px;
    font-size: 15px;
}

.more_btn {
    /* margin-top: 18px; */
    cursor: pointer;
}

.coin_items_select {
    display: flex;
    gap: 12px;
    font-size: 14px;
    margin: 15px 0px;
}

.coin_items_list {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    font-size: 12px;
    background-color: #2e2e2e;
    padding: 7px 10px;
    border-radius: 7px;
}


.deposit_crypto_right .accordion-button::after {
    background-image: url("../images/faq_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}

.hot_trading_s table tr td {
    color: #b4b4b4;
    font-size: 14px;
    border: none;
}

.hot_trading_s table tr th {
    color: #b4b4b4;
}

.trending_crypto td.price_right_top {
    text-align: right;
}

.trending_crypto span.green {
    justify-content: end;
    display: block;
}

.trending_crypto .hot_trading_s table tr th {
    font-size: 14px;
    padding: 5px 12px !important;
    border: none
}

/* Bridge so hover from icon to popup doesn’t leave .downloadtabs */
.icon_notificaton_r ul li.downloadtabs,
.button_outer .downloadtabs {
    position: relative;
}
.icon_notificaton_r ul li.downloadtabs::after,
.button_outer .downloadtabs::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -20px;
    right: -20px;
    height: 28px;
}
.scantophdr {
    position: absolute;
    right: -6px;
    padding-top: 15px;
    top: 36px;
    display: none;
    z-index: 999998;
}

.qrcode {
    background-color: #2b313c;
    border: 1px solid #2b313c;
    border-radius: 10px;
    padding: 15px;
    width: 190px;
    color: #fff;
    text-align: center;
}

.downloadtabs.active .scantophdr {
    display: block;
}

.qrcode p {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.qrcode button.btn {
    background-color: #f3bb2b;
    font-size: 11px;
}

.qrcode button.btn:hover {
    color: #000;
}

.qrcode .scan_img {
    background-color: #fff;
    padding: 10px;
}

body.light_theme .downloadtabs>img {
    filter: brightness(0) saturate(100%) opacity(0.8);
}

body.light_theme .qrcode {
    background-color: #f1f1f1;
    border: 1px solid #dddddd;
    color: #1c1c1c;
}

.modal.fade .modal-dialog {
    min-width: 610px;
    width: 100%;
}

.order_detail_pop .table-responsive {
    min-height: 100px;
    max-height: 380px;
}

.search_form.order_detail_pop.modelbg2 .hot_trading_t.model_height td {
    color: #fff;
}

body .search_form.order_detail_pop.modelbg2 td.padding-0 {
    padding: 6px 0px !important;
    font-size: 16px !important;
}

body .search_form.order_detail_pop.modelbg2 td.padding-0 i {
    color: #f3bb2b;
}

.deposit_crypto_right .accordion-button[aria-expanded="true"]::after {
    background-image: url("../images/faq_arrow.svg");
}

.deposit_crypto_right .accordion-button:focus {
    box-shadow: none;
}

.earning_calculator_section {
    padding: 0px 0px 100px;
    /* background-image: url(../images/calcultorbg.jpg); */
    margin-top: -60px;
    background-color: #0a0a0a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.faq_cta_outer .accordion-item.active .accordion-collapse {
    display: block;
}

.faq_cta_outer .accordion-item .accordion-collapse {
    display: none;
}

.calculator_top_cnt {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(48, 36, 15, 1) 100%);
    padding: 100px 0px 20px;
    text-align: center;
    border-radius: 0px 0px 32px 32px;
}

.calculator_top_cnt h1 {
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 2px;
}

.calculator_top_cnt h1 span {
    color: #000000;
    font-weight: 500;
}

.calculator_top_cnt h1 span {
    color: #000000;
    font-weight: 500;
    background: linear-gradient(90deg, rgba(255, 240, 203, 1) 0%, rgba(255, 220, 136, 1) 48%, rgba(153, 132, 82, 1) 100%);
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0px 7px;
}

.css-1fqh72q-control {
    background-color: transparent !important;
    border: 1px solid #707A8A !important;
    color: #fff !important;
}

.css-1tp29pa-singleValue {
    color: #fff !important;
}

.earining_calculator_form.convertorusd_outer {
    max-width: 710px;
    margin: 70px auto;
    padding: 40px 80px;
    margin-bottom: 0px;
}

.convertor_top_price {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    justify-content: center;
    align-items: start;
}

.convertor_top_price h3 .text-green {
    padding-right: 5px;
}

.convertor_top_price h3 {
    font-size: 24px;
}

.earining_calculator_form input {
    color: #fff;
}

.dashboard_recent_s.earningrecent {
    background-color: #ffffff10;
}

.earningrecent form.searchinput {
    background-color: transparent;
}

.earining_calculator_form input:focus {
    border: none !important;
}

.earining_calculator_form {
    width: 100%;
    margin: 48px 0px;
    background-color: #ffffff10;
    border-radius: 20px;
    padding: 40px 100px;
    border: 1px solid #8e8e8e8c;
}

.earining_calculator_form .form_input {
    display: flex;
    align-items: start;
    flex-direction: column;
    border: 1px solid #787878;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.earining_calculator_form label {
    color: #FFF1D1;
    font-size: 12px;
    font-weight: 300;
}

.earining_calculator_form input[type="text"] {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 15px;
}

.earining_calculator_form .note_text label {
    font-size: 16px;
    color: #fff;
    margin-top: -10px;
}

.note_text {
    margin-top: -10px;
}

.buttonform {
    text-align: center;
}

button.btn_submit {
    background-color: #f3bb2b;
    border: none;
    padding: 10px 32px;
    width: 250px;
    max-width: 100%;
    border-radius: 5px;
    transition: 1s all;
    font-size: 20px;
    font-weight: 600;
}

.earining_calculator_form .buttonform button.btn_submit {
    margin: 0 auto;
}



.profit_costs_cta_outer.costouterbg .profit_cost_cnt {
    padding: 0px;
}

.earining_calculator_form form {
    max-width: 80%;
    margin: 0 auto;
    padding: 24px 0px 0px;
}

.earining_calculator_form .buttonform {
    text-align: center;
    margin-top: 24px;
}

button.btn_submit:hover {
    background-color: #b99c57;
}

.earining_calculator_form select {
    width: 100%;
    background-color: transparent;
    border: none;
    font-size: 15px;
    color: #fff;
}

section.hot_articles_s.recent_blog {
    padding-top: 0px;
}

.blog_section_b section.hot_articles_s.recent_blog {
    padding-top: 30px;
}

input[type="date"] {
    width: 100%;
    background-color: transparent;
    border: 1px solid #6666;
    font-size: 15px;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
}

.earining_calculator_form h2 {
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.coin_items_list:hover {
    background-color: #5f5f5f;
}

.blog_detail {
    color: #fff;
    background-color: #111114;
    padding: 50px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal.search_form input {
    min-height: 42px;
    font-weight: 300;
    padding: 10px 18px;
    font-size: 14px;
    color: #fff;
    background-color: #2B313C;
}

.modal.search_form .emailinput {
    width: 100%;
    position: relative;
    border: 1px solid #949AA4;
    border-radius: 5px;
}

.modal.search_form .resend {
    font-size: 14px;
    font-weight: 300;
    margin-right: 12px;
    white-space: nowrap;
}


.modal.search_form .emailinput label {
    color: #949AA4;
    font-size: 12px;
    position: absolute;
    top: -10px;
    left: 24px;
    z-index: 666;
    background-color: #373E4B;
    width: auto;
    padding: 0px 10px;
}

body.light_theme .getotp {
    background-color: #f2bf40;
}

body.light_theme .getotp:hover {
    background-color: #f2bf40 !important;
}

body.light_theme .dashboard {
    background-color: #F5F5F5;
}


body.light_theme section.earning_outer_s {
    background-color: #F5F5F5;
}

.modal.search_form .emailinput .d-flex {
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.modal.search_form select {
    padding: 12px !important;
    border: 1px solid #545454;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #ffffff1c;
    color: #fff !important;
    border: 1px solid #ffffff26;
    padding: 12px 20px;
    width: 100%;
    border-radius: 50px;
}

.modal.search_form table tr th {
    padding: 10px 0px;
}

.modal.search_form table tr td {
    padding: 10px 0px;
}


button.addfundsbtn a {
    color: #000;
}

.modal .hot_trading_t table tbody tr:hover {
    background-color: transparent;
}

.search_form .modal-header h5 {
    color: #fff;
    margin: 0px;
}

.modal.search_form .mt-2 {
    width: 100%;
    padding-right: 15px;
}

.modal.search_form button.orderbtn {
    width: 100%;
}

.select_network_s {
    margin-top: 24px;
}

section.blog_list {
    margin-top: 24px;
}

.network_top_p {
    margin-top: -15px;
    display: flex;
    gap: 7px;
    margin-bottom: 10px;
    background-color: #c5b7d6;
    padding: 12px;
    border-radius: 5px;
}

.deposit_crypto_block_coin .modal h2 {
    color: #c4c4c4;
}

.deposit_crypto_block_coin .modal .modal-header {
    padding: 16px 20px 5px !important;
    border-bottom: none !important;
    height: 55px;
}

.modal.search_coin .modal-dialog {
    min-width: 500px;
}

.network_top_p p {
    color: #000;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
}

.network_top_p svg {
    width: 18px;
    color: #5e5e5e;
}

/* .navigation nav ul li.mememenu a{ background: -webkit-linear-gradient(#ce84ff, #5142a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: trans
    parent; } */

td.right_t.price_tb {
    font-weight: 400;
    font-size: 14px;
}

td.right_t.price_tb span {
    font-weight: 400;
    display: block;
    font-size: 12px;
}

.hot_trading_t .price_heading span {
    font-size: 13px;
    font-weight: 500;
}

.icon_notificaton_r ul li {
    position: relative;
    padding: 0px 6px;
    min-width: 32px;
}

.icon_notificaton_r ul li.themetbs{     width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center; }

body.light_theme .icon_notificaton_r ul li.themetbs { border: 1px solid #505050; }    

.header_notification {
    opacity: 0;
    position: absolute;
    top: 40px;
    gap: 12px;
    height: 270px;
    overflow: auto;
    color: #bfbfbf;
    visibility: hidden;
    transition: 0.5s;
    padding: 18px;
    flex-direction: column-reverse;
    min-width: 240px;
    left: -140px;
    background-color: #2b313c;
    justify-content: start;
    border-radius: 15px;
    align-items: start;
    border: 1px solid #2b313c;
}

.header_notification .more_btn a {
    font-size: 14px;
    text-align: right;
    justify-content: end;
    color: #bfbfbf;
}

/* Sirf click se open/close – hover hata diya taaki return click par close ho jaye */
.icon_notificaton_r ul li.notification_nav.open .header_notification {
    opacity: 1;
    visibility: visible;
}

.header_notification .more_btn {
    width: 100%;
}

.header_notification .annousment_left {
    width: 100%;
    gap: 12px;
    font-size: 13px;
}

.header_notification .annousment_left img {
    width: 22px;
}

.verify_btn a {
    background-color: #f3bb2b;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 8px 24px;
    border-radius: 50px;
}

.Verify_img {
    text-align: center;
}

section.faq_cards {
    width: 100%;
    padding: 40px 0px 70px;
    color: #fff;
}

section.faq_cards h1.text-center {
    font-size: 60px;
    width: 50%;
    margin: 0 auto;
    font-weight: 700;
    color: #f3bb2b;
}

section.faq_cards .row {
    padding-top: 50px;
}

body.light_theme .modal.search_form .emailinput input{     border-radius: 5px; }

/* .dashbaordchart_mid {
    position: absolute;
    width: 250px;
    right: 10px;
    height: 170px;
    top: 160px;
} */

.d-flex.download_button {
    gap: 22px;
    align-items: center;
    margin-top: 24px;
}

.d-flex.download_button button.btn {
    background-color: #F3BB2B;
    font-size: 16px;
    border: 1px solid #F3BB2B;
    color: #060606;
    font-weight: 500;
    line-height: 24px;
    width: 190px;
    border-radius: 50px;
    padding: 11px 10px;
}

.d-flex.download_button button.btn.platform {
    background-color: #ffffff00;
    border-color: #fff;
    color: #fff;
}

.scan_code_bl {
    display: flex;
    align-items: center;
    gap: 12px;
}

.code_scan {
    max-width: 120px;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
}

.scan_code_bl h6 {
    margin: 0px;
    font-size: 18px;
}

.scan_code_bl p {
    font-size: 17px;
    margin: 0px;
    color: #c7c7c7;
    white-space: nowrap;
    margin-top: 7px;
}

.grid.faq_sidebar a.card {
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 1rem;
    text-align: left;
    padding: 16px 10px 16px 20px;
}

section.faq_cards .card {
    box-shadow: none;
    padding: 35px 30px 42px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

section.faq_cards .card {
    background: linear-gradient(225deg, #181818 20%, #090909 80%);
    border: 1px solid #d9d9d924;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.grid.faq_sidebar a.card p {
    font-size: 14px;
    margin-bottom: 0;
}

section.faq_cards a.card.active {
    border-color: #FBBB57;
}

.faq_cards .faq_list .card.faq_item {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    box-shadow: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: normal;
    margin-bottom: 1rem;
}

.faq_breadcrumb li a {
    color: #f3bb2b !important;
}

.doc_icon img {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
}

.grid.faq_sidebar a.card .doc_icon {
    align-items: center;
    margin: 0;
    margin-right: 20px;
}

.faq_cards .faq_list .card.faq_item i {
    color: #fff;
    font-size: 150%;
}

.faq .card .card-header {
    border-radius: 0 !important;
    padding: 20px 10px 20px 20px;
    border-color: #ffffff1a;
    border: none;
}

.faq_cta_outer .accordion-collapse {
    color: #fff;
}

.faq_cards .faq .card {
    border: 0;
}

.faq_cards .faq {
    background: linear-gradient(225deg, #181818 20%, #090909 80%);
    border: 1px solid #d9d9d924;
    border-radius: 10px;
    margin: 20px 0;
    overflow: hidden;
    padding: 30px;
    position: relative;
    transition: 0.3s ease;
}

.accordion-button:hover {
    background-color: transparent;
}

f .faq_cards .accordion-button::after {
    background-color: transparent;
}

section.faq_sec .section-title h2 {
    font-size: 60px;
    font-weight: 700;
    width: 62%;
    margin: 0 auto;
}

.text-gradient {
    color: #f3bb2b;
}

section.faq_sec {
    padding: 40px 0px 0px;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin: 40px 0 0;
    text-align: center;
}

.grid.faq_sidebar {
    display: block;
}

.faq_text ol {
    padding-left: 15px;
    margin: 10px 0;
    list-style: none;
}

.faq_text ol li {
    font-size: 15px;
    padding: 2px 0;
}

.card-body-padding-top .faq_text {
    text-align: left;
}

.card-body-padding-top .faq_text p.mb-0 {
    margin-bottom: 20px !important;
}

.doc_icon {
    /* width: 80px; */
    /* line-height: 80px; */
    /* height: 80px; */
    /* border-radius: 50%; */
    /* line-height: 60px; */
    text-align: center;
    /* background: #FFF1C7; */
    /* box-shadow: 0px 4px 24px rgb(0 0 0 / 11%); */
    margin: 0 auto 27px;
}

.faq_cards .faq .border-bottom {
    border-color: #ffffff17 !important;
}

.nav-link.active {
    color: #ffc107;
}

.crypto_section {
    padding: 70px 0px;
    background-color: #000;
    color: #eaecef;
    text-align: center;
}

.crypto_section h2 {
    font-weight: 500;
}

.crypto_section p {
    color: #929292;
    padding-top: 15px;
}

.crypto_dashboard {
    gap: 36px;
    margin-top: 50px;
    justify-content: space-between;
    display: flex;
}

.coin_view_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.coin_view_top h6 {
    font-size: 12px;
    font-weight: 700;
}

.coin_right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.coin_right a.search_icon {
    padding: 8px 15px;
    border-radius: 50px;
    border: 1px solid #7878789c;
    display: flex;
    align-items: center;
}

.security_shield_vector {
    max-width: 180px;
    margin: 0 auto;
}

.login_section .form_block_login sup span {
    color: #f3bb2b;
}

.coin_right a.search_icon input {
    border: none !important;
    background-color: transparent !important;
}

.coin_right a {
    color: #fff;
}

.coin_right a.search_icon2 {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #7878789c;
}

.coin_right a.search_icon2 input {
    border: none !important;
    background-color: transparent !important;
    text-align: left;
}

.deposit_crypto_block_coin h2 {
    font-size: 18px;
    font-weight: 500;
}

.deposit_crypto_left {
    width: 50%;
    padding-left: 32px;
    position: relative;
}

.deposit_crypto_left::before {
    position: absolute;
    top: 5px;
    left: 0px;
    content: "";
    width: 1px;
    height: 300px;
    background-color: #ffffff2b;
}

input.input_filed:focus {
    border: 1px solid #9ad954;
}

.select-option {
    position: relative;
}


.select-option::before {
    position: absolute;
    top: 5px;
    left: -32px;
    content: "";
    width: 1px;
    height: 125%;
    background-color: #9ad954;
}


.deposit_crypto_left .select-option h2:before {
    background-color: #9ad954;
}

.serurity_vector {
    max-width: 390px;
    top: 20px;
    position: relative;
    left: 50px;
}

.twofactor_outer_s .row {
    flex-direction: row-reverse;
    grid-area: 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.twofactor_outer_s .Security_factor {
    width: 100%;
}


.withdrawal_outer::before {
    height: 76%;
}

#more_details h2::before {
    display: none;
}


.withdrawal_outer input:focus {
    border: none !important;
}

.search_icon_s {
    border: 1px solid #474d57;
    margin-top: 15px;
    padding: 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #939393;
    cursor: pointer;
}

.withdrawal_top_list::before {
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 1px;
    height: 76%;
    background-color: #82828261;
}

.user_login .active {
    display: none;
}

.deposit_crypto_left h2 {
    position: relative;
}

.deposit_crypto_left h2:before {
    position: absolute;
    top: 7px;
    left: -40px;
    content: "";
    width: 16px;
    transform: rotate(45deg);
    height: 16px;
    background-color: #fff;
    border-radius: 3px;
}

.active_input:before {
    background-color: #9ad955 !important;
}

.select_network_s .top_space {
    margin-top: 15px;
    gap: 16px;
    font-size: 16px;
    align-items: center;
    color: #a3a3a3;
}

.select_network_s .top_space a {
    color: #fff;
    font-weight: 600;
}


.withdraw_amount_cnt p {
    margin: 0px !important;
}

.coin_right a.search_icon img {
    width: 18px;
}

.opt_cnt .typography-body3 {
    color: #0ECB70;
}

.support_form_s .card {
    border: none !important;
}

.support_form_s .tab-content>.tab-pane {
    padding: 0px;
}

.dashboard_summary .right_td {
    text-align: right;
}

.top_space.opt_cnt p {
    margin: 0px !important;
}

.listing_left_outer.full_width {
    width: 100%;
    border: 1px solid #434343;
    border-radius: 12px;
    padding: 24px;
}


.total_amount {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-top: 36px;
}

.total_amount .amount_cnt_l {
    width: 50%;
    font-size: 16px;
    color: #cacaca;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.total_amount .price_tag {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.withdraw_btn button {
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    color: #000;
    background: #f3bb2b;
    padding: 10px 36px;
    border: none;
}

.thanky_top_hd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 12px;
    margin-bottom: 15px;
    align-items: center;
}

.okbtn {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.scaner_pop_up button.save_btn a {
    color: #000;
    font-size: 16px;
}

.thanky_top_hd img {
    width: 180px;
    margin: 0 auto;
}

.deposit_address_s {
    width: 100%;
    border: 1px solid #434343;
    border-radius: 12px;
    padding: 24px;
    margin-top: 20px;
}

.deposit_address_s .network_top_p {
    margin-top: 0px;
}

.listing_left_outer.full_width .market_section {
    margin-top: 0px;
}

.scan_cnt_l {
    width: 80%;
}

.deposit_address_s .typography-body3 {
    width: 20%;
}

.scan_cnt_l address {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.sidebar_deposit .deposit_list a {
    color: #fff;
}

.sidebar_deposit .deposit_list a:hover {
    box-shadow: 0px 1px 4px #f3bb2b;
}

.os_sec .custom-btn,
.btn-gradient {
    background: #f3bb2b;
    color: #000 !important;
    border: 0.5px solid #f3bb2b;
    padding: 13px 20px;
    border-radius: 50px;
    font-weight: 600;
}

.os_sec .custom-btn,
.btn-gradient:hover {
    font-weight: 600 !important;
}

.scan_copy {
    width: 24px;
    cursor: pointer;
}

.hVPalX.gap-2 {
    padding: 24px 0px 0px;
    text-align: end;
}

button.sc-gjLLEI.kuPCgf {
    background-color: transparent;
    border: none;
}

.hVPalX.gap-2 span {
    margin-top: 5px;
    font-size: 14px;
    padding-left: 4px;
}

button.sc-gjLLEI.kuPCgf svg>path {
    stroke: #f3bb2b;
}

#network_pop_up .hot_trading_t table tbody tr {
    cursor: pointer;
}

.card-body-padding-top .faq_text p {
    font-size: 15px;
}

.hot_trading_t tr td .icon {
    width: 32px;
}

.hot_trading_t tr td .icon img {
    width: auto !important;
    height: auto !important;
}

.modal .hot_trading_t tr td .icon img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50px;
}

.listing_left_outer.full_width a.search_icon {
    background-color: #ffffff2b;
    padding: 6px;
    border-radius: 50px;
}

.listing_left_outer.full_width a.search_icon [type=search] {
    border: none;
    background-color: transparent;
    color: #fff;
}

.d-kyc_sec {
    text-align: center;
    margin-top: 45px;
}

.listing_left_outer.full_width a.search_icon [type=search]:focus {
    border: none !important;

}

.address_cnt .lightlogo {
    width: 30px !important;
    margin-bottom: 15px;
}

.hand_shake_cntr {
    position: relative;
    left: 90px;
}

.copyright-text a {
    color: #f3bb2b;
}

.lastchildfooter.address_footer h5 {
    padding-left: 30px;
}

.footerlogo3 img.lightlogo2 {
    width: 220px;
    margin-bottom: 10px;
}

.Overview_mid {
    flex-direction: column;
}

.scan_cnt_l address p {
    overflow: auto;
    white-space: nowrap;
    width: 90%;
    font-size: 15px;
    line-height: 130%;
    font-weight: 500;
    color: #fff;
    margin: 0px;
    padding-top: 7px;
}

.deposit_crypto_right {
    width: 50%;
}

.deposit_crypto_right button.accordion-button {
    background: transparent;
    border: none;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #cfcfcf;
}

.notfound_vector p {
    font-size: 12px;
    font-weight: 300;
}

.deposit_crypto_right .accordion-item {
    background-color: transparent;
    border: none;
    color: #fff;
}

.deposit_crypto_right .accordion-body {
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 200;
    color: #c7c7c7;
}

.deposit_crypto_right .accordion {
    margin-top: 18px;
}

.accordion-button::after path {
    fill: #fff;
    stroke: #f00;
}

.deposit_crypto_right button.accordion-button:focus-visible {
    outline: none;
}

.deposit_crypto_right .accordion-button:not(.collapsed) {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.Overview_mid .dashboard_summary .currency_btn a {
    background-color: #f3bb2b;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 14px 24px;
    border-radius: 50px;
}

.Overview_mid .dashboard_summary .currency_btn a:hover {
    background-color: #ddba69;
}

.bank_detail_info p {
    margin: 0px;
}

.user_list_top.walletbalance_t .user_search .coin_right {
    flex-direction: row;
    border-left: none;
}

button {
    background-color: #e7b641;
    display: block;
    border: none;
    font-size: 16px;
    font-weight: 600;
    transition: 1s all;
    color: #000;
    padding: 14px 42px;
}

button:hover {
    background-color: #dfbb66;
}

body .btn-danger {
    background-color: #ed5765;
    border: 1px solid #ed5765;
}

body .btn-success {
    background-color: #5EBA89;
    border: 1px solid #5EBA89;
}

.check_bar.active h5 {
    color: #000;
}

.modal-backdrop {
    opacity: var(--bs-backdrop-opacity);
    /* position: absolute; */
    z-index: 999;
    width: 100%;
}

.recent_deposit_list {
    width: 100%;
    display: block;
    padding: 70px 0px 32px;
}

.recent_deposit_list table {
    width: 100%;
}

.recent_deposit_list table tr td .address_icon {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

button.btn.btn-primary.homelightbox2 {
    top: 70px;
    z-index: 666;
}

.recent_deposit_list table tr td {
    display: flex;
    gap: 5px;
    font-weight: 300;
    color: #c1c1c1;
    cursor: pointer;
}

.recent_deposit_list table tr {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: end;
    margin-bottom: 5px;
    border-radius: 10px;
}

.recent_deposit_list table tr:hover {
    background-color: #2B313C;
}

.recent_deposit_list .top_heading {
    justify-content: space-between;
}

.top_heading .more_btn {
    color: #fff;
}

.recent_deposit_list table tr td svg {
    width: 22px;
    cursor: pointer;
    height: 20px;
}

.recent_deposit_list table tr td span {
    color: #fff;
}

.recent_deposit_list .td_first {
    display: flex;
    flex-direction: column;
}

.recent_deposit_list .price_heading {
    display: flex;
    align-items: center;
    gap: 7px;
}

.recent_deposit_list .price_heading span {
    font-weight: 400;
    color: #2ebd85;
    background-color: #c8ffc129;
    padding: 3px 7px;
    border-radius: 4px;
}

footer span.admin_email {
    display: block;
}

footer address {
    display: flex;
    align-items: start;
    gap: 8px;
}

.date_info {
    width: 100%;
    display: flex;
    gap: 7px;
    font-weight: 400;
}


.scaner_block_s {
    gap: 24px;
    margin-top: 32px;
    align-items: center;
}

.scan_img {
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    transition: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deposit_address_s:hover .scan_img {
    box-shadow: 0px 0px 20px #040404;
    transform: scale(1.3);
}

.deposit_crypto_block_coin {
    display: flex;
    gap: 150px;
}

.currency_preference_outer {
    width: 70%;
}

.currency_preference_outer.kyc_approval_s .cnt {
    width: 100%;
}

.currency_btn {
    text-align: center;
    margin: 30px 0px 10px;
}

.card-body.create-item-wrapper.create-item-wrapper-kyc.custom-form {
    padding: 36px;
    background-color: #1a1a1a;
    border-radius: 12px;
}

select#royality {
    background-color: #1a1a1a;
    font-size: 14px;
}


.trade_add_view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.trade_add_view .banner_img_add {
    align-items: center;
    display: flex;
    background: #f3bb2b21;
    border: 1px solid #f3bb2b;
    padding: 10px 24px;
    border-radius: 12px;
    width: 50%;
    justify-content: space-between;
}

.security_vector {
    max-width: 400px;
    padding: 15px 0px;
}

.market_section.spotorderhist {
    padding: 20px;
    border: 1.5px solid #2B313C;
    /* background-color: #373E4B; */
    border-radius: 12px;
}

.transaction_history_t .spotorderhist .top_heading {
    margin: 0px;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.currency_preference_outer .kyc_approval_s.securityform_s .cnt {
    width: 90%;
}

.currency_preference_outer .kyc_approval_s.securityform_s .dashboard_summary {
    text-align: left;
    max-width: 100%;
}

/* .currency_preference_outer .kyc_approval_s.securityform_s .cnt{ text-align: center; } */

.trade_add_view .graybg {
    background-color: #0a0a0a;
    color: #fff;
    border: 1px solid #434343;
}

.trade_add_view .graybg p span {
    color: #0ECB78;
}

.trade_add_view .banner_img_add h6 {
    font-size: 14px;
}

.trade_add_view .banner_img_add p {
    font-size: 12px;
    color: #78818D;
    margin: 0px;
}

.checkbox {
    font-size: 12px;
    font-weight: 700;
    display: flex;
    gap: 7px;
    align-items: center;
}


table .green {
    color: #1ead60;
}

.custom-tab-content .table>thead th {
    white-space: nowrap;
}

.leftside_menu {
    width: 210px;
}

.crypto_section table {
    width: 100%;
}

.crypto_section table .red {
    color: #e04457;
    display: block;
}

/* .first_coloum {
    width: 45%;
} */

td.green {
    color: #5EBA89 !important;
}

.yellow_font {
    color: #F3BB2B !important;

}


.dashboard_listing_section .market_section .top_heading a.more_btn {
    margin-top: 0px;
    font-size: 12px;
    color: #fff;
}

.crypto_section table .right_t a:hover {
    background-color: #f3bb2b;
    color: #000;
    border: 1px solid #f3bb2b;
}

.crypto_section .top_heading h4 {
    font-size: 22px;
    font-weight: 400;
    color: #F3F3F3;
    cursor: pointer;
}

.crypto_section .top_heading h4.active {
    border-bottom: 3px solid #F3BB2B;
}

.crypto_section .table-responsive {
    min-height: 200px;
    max-height: 360px;
}


.crypto_section table .right_t a {
    font-size: 16px;
    display: inline-block;
    color: #b4b4b4;
    border: 1px solid #454952;
    border-radius: 7px;
    padding: 8px 20px;
}

.crypto_section th,
td {
    text-align: left;
}

.losser_stock {
    border-top: 1px solid #454952;
    padding-top: 30px;
}

.hot_spot_outer {
    width: 100%;
    padding: 32px 24px;
    border: 1px solid #ffffff15;
    border-radius: 28px;
}

.icon_notificaton_r .annousment_left:hover {
    background-color: transparent;
}

form.buysellform.data-buy .form-control {
    border: none !important;
}

form.buysellform.data-sell .form-control {
    border: none !important;
}

.anytime_anywhere h5 {
    margin-top: 0px;
}

.trading_platform_section {
    padding: 70px 0px;
    background-color: #0a0a0a;
    /* background-image: url("../images/trading_bg.jpg"); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.trading_platform_section h2 {
    font-weight: 700;
    color: #fff;
}

.trading_platform_section h2 span {
    color: #f3bb2b;
    display: block;
}

.recent_deposit_list table tr.no-data-row2:hover {
    background-color: transparent;
}

.recent_deposit_list table tr.no-data-row2 {
    justify-content: center;
    text-align: center;
}

/* Withdraw history: desktop table / mobile cards */
.recent_deposit_list .withdraw_history_mobile {
    display: none;
}

.recent_deposit_list .withdraw_cards_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recent_deposit_list .withdraw_card_item {
    background: #1e232d;
    border: 1px solid #2B313C;
    border-radius: 12px;
    padding: 14px 16px;
    color: #EAECEF;
}

.recent_deposit_list .withdraw_card_header {
    margin-bottom: 12px;
}

.recent_deposit_list .withdraw_card_title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.recent_deposit_list .withdraw_card_title img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.recent_deposit_list .withdraw_amount {
    font-weight: 600;
    color: #fff;
}

.recent_deposit_list .withdraw_status {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 500;
}

.recent_deposit_list .withdraw_card_date {
    font-size: 12px;
    color: #848E9C;
    margin-top: 11px;
}

.recent_deposit_list .withdraw_card_date .label {
    margin-right: 4px;
}

.recent_deposit_list .withdraw_card_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    padding: 6px 0;
    border-top: 1px solid #2B313C;
}

.recent_deposit_list .withdraw_card_row .label {
    color: #848E9C;
    min-width: 60px;
    margin: 0px;
}

.recent_deposit_list .withdraw_card_row.address_icon {
    gap: 6px;
}

.recent_deposit_list .withdraw_card_row.address_icon .value {
    word-break: break-all;
}

.recent_deposit_list .withdraw_card_row svg {
    cursor: pointer;
    flex-shrink: 0;
}

.recent_deposit_list .withdraw_card_footer {
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px solid #2B313C;
}

.recent_deposit_list .withdraw_card_view_btn {
    width: 100%;
    padding: 0px;
    background: none;
    color: #d6d6d6;
    border: none;
    text-align: right;
    border-radius: 0px;
    font-weight: 400;
    cursor: pointer;
}

.recent_deposit_list .withdraw_card_view_btn:hover {
    background: #e5ab20;
}

.recent_deposit_list .withdraw_history_mobile .no-data-wrapper {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trading_services {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.services_block {
    min-height: 285px;
    position: relative;
    border: 1px solid #ffffff1c;
    border-radius: 28px;
    padding: 32px;
    background-color: #ffffff14;
    transition: all 1s;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.services_block:hover {
    /* background-color: #8321f341; */
    border: 1px solid #f3bb2b;
    box-shadow: 0px 0px 30px #f3bb2b;
}

.services_block h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: -15px;
}

.services_block p {
    color: #ffffff9e;
    padding-top: 15px;
    font-size: 18px;
    margin: 0px;
}

.trading_img {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 161px;
    text-align: right;
}

.trading_platform_section.crypto_exchange_s {
    background-color: #0a0a0a;
}

.trading_platform_section.crypto_exchange_s h2 {
    color: #ffffffe3;
}

.crypto_exchange_s .services_block {
    text-align: center;
    border: 1px solid #ffffff24;
    background-color: #0a0a0a;
    color: #ffffffe0;
}

.card_cardItemWrapper {
    display: flex;
    gap: 18px;
}

.coin-card_itemcnt {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 15px;
    color: #e0e0e0;
}

.left_hb ul li {
    font-size: 18px;
}

.coin-card_itemcnt h6 {
    font-size: 13px;
    font-weight: 300;
}

.pagination_list ul.pagination {
    text-align: center;
    justify-content: center;
}

.profit_costs_cta_outer.platform_trading_s {
    padding-bottom: 60px;
    background-color: #000;
}

.pagination_list ul a.page-link {
    background-color: #3A3A3C;
    margin: 0px 10px;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #3A3A3C !important;
    line-height: 25px;
}

.pagination_list {
    margin-top: 40px;
}

.dashboard_summary ul.nav-tabs li button {
    border: none !important;
    padding: 0px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    box-shadow: none !important;
    background-color: none;
}

.dashboard_summary ul.nav-tabs {
    border: none;
    display: flex;
    margin-top: 20px;
    gap: 24px;
}

.dashboard_summary ul.nav-tabs li button.active {
    background-color: transparent;
    color: #b373ff;
}

.search_items {
    background-color: #3c3c3c;
    padding: 10px;
    border-radius: 50px;
}

.search_items input[type="text"] {
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 13px;
    font-weight: 300;
    margin-left: 12px;

}

.search_items input[type="text"]:focus {
    border: none !important;
}

.search_items img {
    width: 18px;
    opacity: 0.7;
}

.meme_listing_section .container {
    width: 80%;
}


.what_coin_s {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 60px 0px 30px;
}


.slick-slide img {
    height: 170px;
    object-fit: cover;
}

.slick-slide {
    text-align: center;
}

.crypto_exchange_s .trading_img {
    text-align: center;
    margin: 40px 0px;
    width: 160px;
    /* left: 0; */
    right: inherit;
    margin: 0 auto;
    padding-bottom: 60px;
    position: relative;
}

.crypto_exchange_s .services_block p {
    color: #ffffffee;
    padding-top: 15px;
    line-height: 150%;
}


.crypto_exchange_s .services_block h4 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0px;
}

.partner_logo::before {
    position: relative !important;
}

.partner_logo .slick-slide img {
    height: auto !important;
    /* box-shadow: 0px 0px 10px #c5c5c5; */
    border: 1px solid #ffffff24;
}

.partner_logo .slick-track {
    padding: 20px;
    margin-top: 30px;
}

.partner_logo .slick-slide {
    margin: 0px 15px;
}

.how_work_s.partner_logo {
    padding: 100px 0px;
}

.crypto_exchange_s .services_block:hover {
    box-shadow: 0px 0px 30px #008bd845;
}

.trading_cta_s {
    background-color: #020304;
    color: #fff;
    padding: 80px 0px;
    position: relative;
    height: 100%;
}

.trading_cta_s h2 {
    font-size: 56px;
    font-weight: 700;
}

.trading_cta_s h2 span {
    color: #f3bb2b;
}

.trading_cta_s h5 {
    margin: 20px 0px;
    font-size: 20px;
    font-weight: 500;
}

.trading_cta_s p {
    line-height: 26px;
    margin: 15px 0px;
}

.trading_cta_s .app_btn_s a {
    font-size: 12px;
    color: #000;
    background-color: #fff;
    padding: 12px 24px;
    border-radius: 10px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.app_btn_s {
    display: flex;
    margin-top: 30px;
    gap: 24px;
}

section.crypto_exchange_section {
    width: 100%;
    display: block;
    background-color: #000;
    background-image: url(../images/new-images/cryptobg_affect.jpg);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 80px 0px;
}

.cryptofuture_s {
    width: 1064px;
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    color: #fff;
    position: relative;
}

.exchange_future_s {
    position: relative;
}

.exchange_future_s img {
    transition: transform 0.6s ease-out;
    will-change: transform;
}

/* optional depth effect */
.exchange_future_s img:nth-child(1) {
    transform: translateZ(0);
}

.exchange_future_s img:nth-child(2) {
    transform: translateZ(0);
}

.exchange_future_s img:nth-child(3) {
    transform: translateZ(0);
}

.crypto_future_cnt {
    width: 470px;
    max-width: 100%;
}

.crypto_future_cnt h2 span {
    color: #F3BB2B;
}

.crypto_future_cnt p {
    color: #C0C0C0;
    margin: 20px 0px;
}

.crypto_future_cnt ul.listcrypto {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 15px 0px;
}

.crypto_future_cnt ul.listcrypto li {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.crypto_future_cnt ul.listcrypto li i {
    font-size: 24px;
    color: #F3BB2B;
}

.security_list {
    display: grid;
    grid-template-columns: 2fr 2fr;
    margin-top: 30px;
    border: 1px solid #2F2F2F;
    border-radius: 24px;
}

.security_list li {
    min-height: 170px;
    display: flex;
    justify-content: center;
    border-right: 1px solid #2F2F2F;
    border-bottom: 1px solid #2F2F2F;
    align-items: center;
    flex-direction: column;
}

.security_list li:nth-child(2n+2) {
    border-right: none;
}

.security_list li:nth-child(3n+3) {
    border-bottom: none;
}

.security_list li:last-child {
    border-bottom: none;
}

.security_list li p {
    margin: 0px;
}

.security_list li h3 {
    font-size: 40px;
}

.security_list li h3 span {
    color: #F3BB2B;
}

.reverse_security .exchange_future_s {
    width: 460px;
    text-align: left;
}

.reverse_security img.animation_effect.bitcoin {
    bottom: 20px;
    top: inherit;
    right: 0px;
    left: inherit;
}

.cryptofuture_s.reverse_security {
    margin-top: 130px;
}

button.downloadbtn {
    background-color: #F3BB2B;
    font-size: 16px;
    border: 1px solid #F3BB2B;
    color: #060606;
    font-weight: 500;
    margin-top: 24px;
    line-height: 24px;
    width: 190px;
    border-radius: 50px;
    padding: 11px 10px;
}

.exchange_future_s {
    width: 460px;
    position: relative;
    max-width: 100%;
    text-align: right;
}

.exchange_future_s .mobile_img {
    width: 261px;
    float: right;
}

.animation_effect {
    position: absolute;
    left: 0px;
    height: auto;
    top: 90px;
    z-index: 666;
}

img.animation_effect.bitcoin {
    bottom: 60px;
    top: inherit;
    left: 120px;
}


.trade_crypto_cnt {
    width: 629px;
    max-width: 100%;
}

.web_trade_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}

.how_work_s {
    position: relative;
    padding: 80px 0px 40px;
    background-color: #111114;
    text-align: center;
    /* background-image: url(../images/how_workbg.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.how_work_s .container {
    position: relative;
    z-index: 222;
}


.meme_hero_s {
    background-color: #181A20;
    padding: 60px 0px 20px;
    position: relative;
    color: #fff;
    /* background-image: url(../images/banner_bg_l.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}


.how_work_s h2 {
    font-size: 42px;
    color: #ffffffcf;
    font-weight: 700;
}

.how_work_s .content_p {
    font-size: 14px;
    max-width: 28%;
    margin: 0 auto;
}

.how_work_s ul {
    max-width: 75%;
    display: flex;
    justify-content: space-around;
    gap: 32px;
    margin: 0px auto;
    padding-top: 80px;
}

.work_icon {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #ffffff24;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff00;
}

.how_work_s span {
    font-size: 14px;
    color: #bcbcbc;
    padding: 20px 0px;
    display: block;
}

.how_work_s h3 {
    font-size: 24px;
    color: #bcbcbc;
    font-weight: 700;
    padding-bottom: 10px;
}

.how_work_s p {
    color: #bcbcbc;
}


.how_work_s:before {
    background-color: #111114;
    content: "";
    position: absolute;
    width: 100%;
    height: 280px;
    bottom: 0;
    left: 0;
    z-index: 1;
}



footer {
    padding: 80px 0px 0px;
    background-color: #000;
    align-items: center;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.footer_info {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

footer p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 10px 0px;
}

.footer_logo {
    max-width: 300px;
    margin-bottom: 18px;
    margin-top: -29px;
}

.address_footer h5 {
    font-size: 24px;
    padding-bottom: 10px;
    color: #f3bb2b;
}

.address_footer h5 span {
    display: block;
}

.address_cnt address img {
    padding-right: 8px;
    margin-bottom: 2px;
}

footer h3 {
    font-size: 20px;
    padding-bottom: 22px;
    text-transform: capitalize;
    font-weight: 500;
}

footer .menu li a {
    font-size: 16px;
    color: #ffffff8c;
    font-weight: 400;
}

footer .menu li a:hover {
    color: #f3bb2b;
}

footer .menu {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.copyright {
    padding-top: 60px;
}

.copyright p {
    color: #ffffffb6;
}

.copyright h5 {
    color: #f3bb2b;
    font-size: 24px;
    margin: 20px 0px;
}

.copyright p span {
    color: #f3bb2b;
}

.footer_section {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.row.main_footer_menu_s {
    padding-top: 50px;
    padding-bottom: 10px;
    background-color: #111214;
    margin-top: 50px;
}

.copyright_s {
    text-align: left;
    border-top: 1px solid #2D2D2D;
    margin-top: 30px;
}

.copyright_s .mt-4 {
    margin-top: 15px !important;
}

.dashboard_right {
    padding-top: 15px;
    width: 100%;
    padding-right: 50px;
    padding-bottom: 40px;
    padding-left: 330px;
}

.user_profile {
    display: flex;
    padding: 0px 10px;
    gap: 18px;
    align-items: center;
}

.user_img {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50px;
    background-color: #585656;
    display: flex;
    align-items: end;
    justify-content: center;
}

.edit_user {
    position: absolute;
    right: -4px;
    bottom: 7px;
    width: 20px;
    height: 20px;
    background-color: #555353;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #181A20;
}

.mobile_grid_list {
    display: flex;
}

img.round_img {
    height: auto;
    border-radius: 50px;
    width: auto;
}

.user_profile_cnt h3 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    margin-bottom: 2px;
    align-items: center;
    justify-content: space-between;
    gap: 70px;

}

.modal.fade.search_form {
    border: none;
    padding: 0px;
    border-radius: 0px;
    padding: 0px !important;
}

span.hide button {
    font-size: 11px;
    padding: 5px 16px;
    background-color: #2B313C;
    color: #EAECEF;
    border: none;
    border-radius: 50px;
    font-weight: 500;
}

span.subdel {
    font-size: 10px;
    font-weight: 300;
    color: #949AA4;
    /* margin-top: 0px; */
    display: block;
}

.user_profile_cnt ul {
    display: flex;
    gap: 10px;
}

.dashboard_right_side {
    width: 28%;
    margin-top: 44px;
}

.position_order .desktop_view2 {
    width: 100%;
}

.top_header_dash {
    display: flex;
    gap: 20px;
    flex-direction: column;
    position: relative;
}

.profile_id.kycstatus a {
    color: #fff;
}

ul.user_social li {
    max-width: 21px;
}

.profile_id.kycstatus img {
    width: 20px;
    margin: 2px !important;
}

.top_header_dash::before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    /* background-image: url(../images/top_header_dash_bular.svg); */
    background-size: contain;
    content: "";
    background-position: right;
    background-repeat: no-repeat;
    width: 219px;
    height: 100%;
}

.balance_chart_left h4 {
    font-size: 14px;
    font-weight: 300;
    color: #EAECEF;
}

.balance_chart_left i {
    color: #fff;
    font-size: 18px;
}

.balance_chart_left h3 {
    font-size: 14px;
    font-weight: 500;
    color: #5EBA89 !important;
    margin: 0px;
}

.balance_chart_left h3.text-danger {
    color: #E45561 !important;
}

.select_price {
    padding-top: 10px;
    display: flex;
    align-items: start;
    gap: 5px;
    flex-direction: column;
}

.select_price select {
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
    border: none;
    color: #fff;
}

.dashboardsummary_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.dashboardsummary_bottom a.btn {
    background-color: #2B313C !important;
    color: #fff !important;
    font-weight: 300;
    border: 1px solid #444A54;
    border-radius: 50px;
    transition: 1s all;
    padding: 6px 16px;
    font-size: 12px;
}

.dashboardsummary_bottom a.btn:hover {
    background-color: #444A54 !important;
    color: #fff !important;
}

.dashboardsummary_bottom h4 {
    font-size: 12px;
    font-weight: 300;
    color: #EAECEF;
    text-transform: uppercase;
    margin: 0px;
}

.select_price option {
    color: #000;
}

.balance_chart_left p {
    font-size: 14px;
    font-weight: 500;
    margin-top: 32px;
}

.balance_chart_left p span {
    color: #0ECB78;
    padding-left: 24px;
}

.profile_id {
    font-size: 12px;
    font-weight: 400;
}

.user_profile .profile_id {
    display: flex;
    gap: 4px;
}

.mobile-favourites-close-btn {
    background: transparent;
    border: none;
    color: #9b9b9b;
    font-size: 22px;
    cursor: pointer;
    padding: 5px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.mobile-favourites-close-btn:hover {
    background-color: transparent !important;
}

.currency_popup_s.search_form_modal_2 h4 {
    font-size: 20px;
    margin: 0px;
}

.modal.currency_popup_s.search_form_modal_2.futures_usd_modal .modal-body {
    padding-top: 0px !important;
}


.new_features_s h4 {
    font-size: 18px;
    font-weight: 600;
}

.block_features {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 15px;
    border: 1px solid #454C59;
    border-radius: 10px;
    padding: 15px;
    background-color: #2B313C;
    min-height: 134px;
    cursor: pointer;
}

.block_features h5 {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    font-size: 16px;
    color: #EAECEF;
    margin-bottom: 7px;
}

.block_features p {
    width: 70%;
    font-size: 12px;
    margin: 5px 0px 0px;
    color: #A3A8B3;
}

.block_features img {
    width: 80px;
    min-width: 80px;
    position: absolute;
    right: 10px;
    bottom: 0px;
}

.homebonuspop .modal-dialog {
    justify-content: center;
}

.features_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0px 0px 20px;
}

.recommendations_block ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.recommendations_block ul li .cv_trade_img {
    max-width: 80px;
    margin: 0 auto;
    padding-bottom: 12px;
}

.dashboard_right_side .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background-color: #181818;
    padding: 15px;
    border-radius: 10px;
}


.dashboard_right_side .slick-slide h6 {
    font-size: 11px;
    font-weight: 600;
}

.suppport_div {
    height: auto !important
}

.tab-content>.tab-pane {
    padding-right: 14px;
}

.arbitbot_vector.turbovector {
    position: relative;
    top: 38px;
}


.dashboard_right_side .slick-slide p {
    font-size: 9px;
    margin: 0px;
    color: #f3bb2b;
}

.arbitbot_vector.vector_bot {
    position: relative;
    top: 25px;
}


::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(77, 77, 77, 0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(91, 91, 91, 0.5);
}



::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(77, 77, 77, 0.3);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px rgba(91, 91, 91, 0.5);
}

.announcement_block {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.announcement_block span {
    font-size: 14px;
    color: #5D646F;
    display: block;
    margin-top: 5px;
}

.coin_items_list img {
    width: 16px;
}

.announcements_top {
    display: flex;
    justify-content: space-between;
}

.announcements_top a {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}

.dashboard_slider {
    margin: 15px 0px 24px;
}

.cv_trade_img {
    width: 92px;
}

.profileslider .cv_trade_img {
    width: 90px;
}


.dashboard_right_side .slick-slide>div {
    width: 100% !important;
}

.cnt_slider_f {
    width: 100%;
    text-align: center;
    padding: 0px 0px 0px;
}

.recommendations_block ul li h6 {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.recommendations_block ul li p {
    font-size: 10px;
    margin-bottom: 10px;
    color: #6F798C;
    text-align: center;
}

.kycapprovedbtn {
    color: #000;
    font-weight: 400;
    width: 112px;
    font-size: 12px;
    background-color: #F3BB2B;
    padding: 8px 5px;
    border-radius: 2px;
    margin-top: 5px;
    display: inline-block;
}

.kycpendingbtn {
    color: #000;
    font-weight: 400;
    font-size: 12px;
    width: 112px;
    background-color: #ab841f;
    padding: 8px 5px;
    border-radius: 2px;
    margin-top: 5px;
    display: inline-block;
}

.recommendations_block {
    padding: 15px 0px 0px;
}

.recommendations_block ul li a {
    background-color: transparent;
    color: #fff;
    border: 1px solid #454C59;
    font-size: 12px;
    padding: 7px 32px;
    border-radius: 3px;
    transition: 1s all;
    margin: 0 auto;
    padding: 7px 20px;
    border-radius: 2px;
    margin-top: 5px;
    width: 112px;
    display: block;
}

body .recommendations_block ul li button a {
    color: #fff;
}

body .recommendations_block ul li a:hover a {
    color: #000;
}

body .recommendations_block ul li a:hover {
    background-color: #f3bb2b;
    color: #000;
    border-color: #f3bb2b;
}

.recommendations_block ul li {
    border-bottom: 1px solid #434343;
    padding-bottom: 32px;
}

.recommendations_block ul li button a {
    font-weight: 700;
    color: #000;
}

.recommendations_block ul li:last-child {
    border-bottom: none;
}

.modal.search_form .hot_trading_t .table-responsive {
    min-height: 100%;
    max-height: 100%;
}

.cv_trade_img img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.balance_chart_right {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.profile_id span {
    display: block;
    color: #848E9C;
}

.estimated_balance {
    margin-top: 26px;
    border-radius: 12px;
    padding: 24px;
    flex-direction: column;
    display: flex;
    border: 1.5px solid #2B313C;
    /* background-color: #373E4B; */
    gap: 18px;
}

.estimated_balance .div_tag {
    width: 100%;
    align-items: center;
    background-color: #2B313C;
    padding: 15px;
    border-radius: 10px;
}

.deposit_btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.deposit_btn a.btn {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #2B3139;
    border-radius: 4px;
    padding: 6px 14px;
}

.dashboard_listing_section {
    width: 100%;
    display: flex;
    margin-top: 32px;
    gap: 20px;
}

.listing_left_outer {
    width: 86%;
}

.listing_left_outer h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
}



.listing_left_outer ul {
    display: flex;
    margin-top: 20px;
    gap: 24px;
}

.crypto_deposit ul li {
    width: 100%;
}

.listing_left_outer ul li {
    border: 1px solid #454C59;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.listing_left_outer ul li .crypto_icon {
    margin-bottom: 10px;
    text-align: center;
}

.listing_left_outer ul li h5 {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
}

.listing_left_outer h4 span {
    font-size: 16px;
}

.listing_left_outer ul li p {
    font-size: 10px;
    margin-top: 15px;
    text-align: left;
    font-weight: 500;
    line-height: 18px;
}

.listing_left_outer ul li .deposit_btn {
    border: 1px solid #5EBA89;
    font-size: 12px;
    background-color: #5EBA89;
    font-weight: 300;
    color: #fff;
    padding: 7px 24px;
    width: 100px;
    border-radius: 50px;
    display: inline-block;
}

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

.listing_left_outer ul li .deposit_btn.withdraw {
    background-color: #E45561;
    border: 1px solid #E45561;
}

.listing_left_outer ul li .deposit_btn:hover {
    opacity: 0.9;
}

.assets_wallets_section .market_section {
    margin-top: 0px;
    border: 1.5px solid #2B313C;
    /* background-color: #373E4B; */
    padding: 24px;
    border-radius: 10px;
    width: 100%;
    min-height: 480px;
}

.wallet_tabs {
    display: flex;
    gap: 24px;
}

.market_section .coin_right {
    padding: 0px;
}

.market_section .dashboard_summary th {
    font-size: 12px;
}

.wallet_tabs .tab_btn {
    font-size: 20px;
    color: #848E9C;
    padding: 0px;
    background-color: transparent;
    border: none;
    font-weight: 500;
}

.wallet_tabs .tab_btn.active {
    color: #fff;
}

.search_form input {
    background-color: transparent;
    border: 1px solid #ffffff1c;
    border: 1px solid #ffffff26;
    padding: 12px 20px;
    width: 100%;
    border-radius: 50px;
}

.modal.search_form .error_text {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
}

.modal.search_form .error_text span {
    font-size: 12px;
    font-weight: 400;
    color: #E45561;
    position: relative;
    padding-left: 13px;
}

.modal.search_form .error_text span::before {
    width: 5px;
    height: 5px;
    content: "";
    position: absolute;
    left: 1px;
    top: 6px;
    background-color: #E45561;
    border-radius: 50px;
}

#security_verification .error {
    font-size: 12px;
    position: absolute;
}

.modal.search_form button.submit {
    background-color: #FFFFFF60;
    border: none;
    border-radius: 50px;
    margin-top: 12px;
}

.addbankbtn.btn.btn-gradient {
    background-color: #f3bb2b;
    color: #000 !important;
    font-size: 16px;
    padding: 14px 42px;
    font-weight: 600;
    border-radius: 50px;
    opacity: 1;
    width: auto;
    cursor: pointer;
}

.top_heading {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}

.maindashboard .top_heading {
    margin-bottom: 0px;
    justify-content: space-between;
}

.crypto_section .hot_trading_s .td_first {
    font-size: 14px;
    font-weight: 300;
}

.modal.fade .modal-dialog.verifypop {
    min-width: 1000px;
}

.scaner_pop_up .verifypop .modal-header {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.scaner_pop_up .verifypop .modal-content {
    min-height: 470px;
    background-image: url(../images/verificationbg.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.scaner_pop_up .verifypop .modal-body {
    justify-content: start;
}

.crypto_section tr.top_tradeing_t th {
    text-align: left;
    color: #888b94;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 300;
}

.crypto_section tr.top_tradeing_t th.mobile_view {
    display: none;
}

.market_update_table .ant-card-body table tr th {
    background-color: transparent !important;
}

.order-1.order-lg-0 .tab-content {
    padding-top: 7px;
}

.new_features_s {
    padding: 0px 10px 0px;
    /* border: 1px solid #454C59;
    border-radius: 12px; */
}


.listing_left_outer .dashboard_summary ul li {
    padding: 0px;
    border: none;
}

.listing_left_outer .dashboard_summary ul li button {
    border: none !important;
    padding: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #6F798C;
    box-shadow: none !important;
}

.listing_left_outer .dashboard_summary ul li button.active {
    background-color: transparent;
    color: #EAECEF;
    font-weight: 400;
}

.bitcoin_cate_list ul li.active {
    border: 1px solid #f3bb2b;
}

.bitcoin_cate_list ul li.disabled {
    /* background-color: #404040 !important; */
    cursor: default;
}

.bitcoin_cate_list ul li.disabled:hover {
    border: none !important;
}

.trade_add_view .cnt_slider_f {
    text-align: left;
}

.assets_wallets_section .coin_view_top .search_icon input[type="search"] {
    /* display: none; */
    border: none;
    padding: 4px;
    background: #2e2e2d;
    border-radius: 5px;
    color: white;

}

.assets_wallets_section h4 {
    font-size: 20px;
}

.listing_left_outer ul.nav-tabs {
    border: none;
}

.faq_cta_outer.how_workblock h2 {
    font-size: 32px;
}

.faq_cta_outer.how_workblock .accordion-item h3 button.accordion-button {
    font-size: 18px;
}

.faq_cta_outer.how_workblock .accordion-item {
    font-size: 14px;
}

.faq_cta_outer.how_workblock .accordion-body {
    padding: 0px 24px 24px;
}

.faq_cta_outer.how_workblock {
    margin-top: 50px;
}

.dashboard {
    width: 100%;
    display: flex;
    color: #fff;
    gap: 24px;
    height: 100%;
    justify-content: space-between;
    background-color: #181A20;
    padding: 0px 0px;
}

body {
    background-color: #000;
}

.navi_sidebar li a {
    font-size: 16px;
    font-weight: 400;
    color: #7d8697;
    display: flex;
    gap: 8px;
    border-radius: 0px 10px 10px 0px;
    align-items: center;
    padding: 8px 18px;

}

.navi_sidebar .navi_sidebar_icon {
    font-size: 20px;
    width: 20px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
}

.navi_sidebar li.active a {
    background-color: #2B313C;
    color: #fff;
}

.navi_sidebar li.active button {
    background-color: #2B313C;
    color: #fff;
}

.navi_sidebar li button {
    font-size: 16px;
    font-weight: 400;
    color: #7d8697;
    display: flex;
    width: 100%;
    border: none;
    gap: 8px;
    border-radius: 0px 10px 10px 0px;
    align-items: center;
    padding: 8px 18px;
}

.navi_sidebar li ul li a {
    font-size: 14px;
    font-weight: 500;
    margin: 7px 0px;
}

.navi_sidebar li ul li a:hover {
    color: #fff;
}

.navi_sidebar li ul {
    padding-left: 15px;
}

.navi_sidebar li ul {
    padding-left: 21px;
    padding-top: 15px;
}

ul.navi_sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    padding-bottom: 150px;
}

.enable img {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    object-fit: cover;
}

.navi_sidebar li p {
    font-size: 11px;
    color: #ACACAC;
    margin: 0px;
}

.navi_sidebar li a:hover {
    background-color: none;
    color: #fff;
    border: none;
}

.navi_sidebar li button:hover {
    color: #fff;
}

.btn:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.btn:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.navi_sidebar li:focus-visible {
    outline: none;
}


.navi_sidebar li button span {
    position: absolute;
    right: 24px;
}

.btcusd__currency {
    cursor: pointer;
}


.login_section.forgot_password .email_code .get_otp {
    top: 14px;
}

.td_first {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
}

.header_right ul.navi_sidebar {
    gap: 18px;
}

.dashboard_summary table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    color: white;
}

.dashboard_recent_s.swap_tb_his .user_list_top {
    padding-top: 0px;
}

.dashboard_summary th {
    text-align: left;
}

.dashboard_summary td {
    font-size: 12px;
    font-weight: 300;
    color: #EAECEF;
    padding: 10px 5px;
}

.dashboard_summary td a {
    color: #F3BB2B;
    text-decoration: underline;
    font-weight: 400;
}

.listing_left_outer.full_width.transaction_history_t {
    margin-top: 15px;
    padding-top: 0px;
}


.dashboard_summary th {
    padding: 5px;
    white-space: nowrap;
    border: none;
    font-size: 11px;
    color: #848E9C;
    font-weight: 300;
}

.dashboard_listing_section.Overview_mid .overview_section {
    margin: 10px 0px 0px 0px;
}

.dashboard_listing_section.listing_left_outer {
    width: 100%;
}

.dashboard_listing_section.listing_left_outer .market_section {
    width: 100%;
}

.dashboard_summary td.right_t {
    padding-right: 6px;
}

.dashboard_summary .green {
    color: #5EBA89;
}

.dashboard_summary .red {
    color: #E45561;
}

.dashboard_summary .price_heading span {
    font-size: 11px;
    display: block;
    font-weight: 300;
    color: #848E9C;
}

.price_heading {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.dashboard_summary a {
    color: #00aaff;
    text-decoration: none;
}

.help_support_s .dashboard_summary {
    width: 100%;
    border: 1px solid #434343;
    border-radius: 12px;
    padding: 24px;
}

.help_support_s .tab-content>.tab-pane {
    padding-right: 0px;
    height: 100%;
    overflow: inherit;
}

.help_support_s .security_form form.row {
    border: none;
    padding: 0px 5px 20px;
    background-color: transparent;
}


.homebonuspop.modal {
    padding: 0px !important;
}

input:focus-visible {
    outline: none;
}

textarea:focus-visible {
    outline: none;
}

.help_support_s textarea {
    color: #fff;
    width: 100%;
    font-weight: 300;
    display: block;
    background-color: transparent;
    border: 1px solid #be89ff61;
    border-radius: 5px;
    padding: 15px;
    min-height: 110px;
    font-size: 14px;
}

.Overview_mid .dashboard_summary a {
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

td.tradebtn {
    text-align: right;
    display: flex;
    justify-content: end;
    gap: 7px;
}

td.tradebtn a {
    text-decoration: underline !important;
}

.chat_messages {
    margin-top: 0px;
}

.chat_outer_msg {
    display: flex;
    gap: 24px;
    flex-direction: column;
    background-color: #ffffff14;
    margin-top: 24px;
    border-radius: 10px;
    border: 1px solid #ffffff12;
    padding: 32px;
    align-items: center;
}

.back_tobtn a {
    font-size: 16px;
    color: #fff;
}

.back_tobtn {
    display: flex;
    align-items: center;
    gap: 7px;
}

.chat_messages .market_section {
    width: 100%;
    margin-top: 32px;
}

.chat_messages_block {
    width: 100%;
    display: block;
    justify-content: space-between;

}

.num-div .num-select {
    width: auto !important;
    border-radius: 0px !important;
    color: #ffffffa6 !important;
}

.chat_right {
    width: auto;
    float: right;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    background-color: #ffffff12;
    padding: 20px;
    border-radius: 10px;
    margin-top: 106px;
    text-align: right;
}

.no_data_outer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 32px 0px;
}

.no_data_vector {
    width: 130px;
}


.right_t {
    text-align: right !important;
}

.transaction_top_select {
    display: flex;
    gap: 16px;
    align-items: center;
}

.transaction_top_select .select_option {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #434343;
    border-radius: 7px;
    padding: 10px;
    font-size: 12px;
    color: #848E9C;
    font-weight: 700;
}

.transaction_top_select .select_option select {
    background: transparent;
    color: #fff;
    border: none;
    text-align: right;
    padding-right: 7px;
}

.no_data_outer .table-responsive {
    align-items: center;
    display: flex;
}

.earning_list_block .table-responsive {
    min-height: 300px;
}

.select_option select option {
    background-color: #2b313c;
    color: #fff !important;
}

.transaction_top_select .select_option select option {
    color: #000;
}

.transaction_top_select .select_option select:focus-visible {
    outline: none;
}

.form_type input {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    width: 110px
}

.form_type button {
    background-color: transparent;
    border: none;
    width: 28px;
}

.reset h6 {
    margin-bottom: 0px;
}

.form_type input:focus-visible {
    outline: none;
}

.transaction_history_t h6 {
    font-size: 10px;
    color: #AD68FF;
    font-weight: 700;
}

.transaction_history_t .tradebtn {
    color: #0ECB78;
    padding-right: 0px !important;
}

.transaction_history_t table tr:hover {
    background-color: #ffffff12;
}

/* .dashboard_summary table tr:hover {
    background-color: #ffffff12;
} */

.transaction_history_t table tr td {
    padding: 7px 12px;
}

.transaction_history_t table tr th {
    padding: 7px 12px;
}

.full_width.transaction_history_t {
    border: none;
    padding: 12px 0px;
}

.transaction_history_t .top_heading {
    margin: 0px;
}

.transaction_history_t .dashboard_summary table {
    margin-top: 0px;
    height: 100%;
}

.no-data-row td {
    height: 560px;
    padding: 0;
}

.hot_spot_outer .no-data-row td {
    height: 300px;
}

.position_order .no-data-row td {
    height: 300px;
}


body .trade_summary_table_lft_position_order.position_order .table-responsive {
    max-height: 360px;
    min-height: 360px;
}

.trade_summary_table_lft_position_order.position_order .no-data-row td {
    height: 360px;
}


#profilepop label.edit_user {
    position: absolute;
    bottom: 0px;
    opacity: 0;
    right: 0px;
    border: none;
    background: rgb(46 51 59 / 88%);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#profilepop .user_img:hover label.edit_user {
    opacity: 1;
}

.no-data-row2 td {
    height: 340px;
    padding: 0;
}

.transaction_history_t table tr.no-data-row:hover {
    background-color: transparent;
}

/* center alignment */
.no-data-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

/* table-responsive ki height ke andar no-data ko vertical + horizontal center */
.table-responsive:has(.no-data-row),
.table-responsive:has(.no-data-row-open-orders2) {
    display: flex;
    flex-direction: column;
}

.table-responsive:has(.no-data-row) table,
.table-responsive:has(.no-data-row-open-orders2) table {
    flex: 1;
    min-height: 0;
    height: 100%;
}

.table-responsive:has(.no-data-row) .no-data-row td,
.table-responsive:has(.no-data-row-open-orders2) .no-data-row-open-orders2 td {
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.table-responsive .no-data-wrapper {
    height: 100%;
    min-height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.table-responsive .no-data-row .no_data_s,
.table-responsive .no-data-row .no_data_vector,
.table-responsive .no-data-row-open-orders2 .no_data_s,
.table-responsive .no-data-row-open-orders2 .no_data_vector {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Internal Wallet Transfer / Swap History – table .dashboard_summary me (table-responsive nahi) */
.dashboard_summary:has(.no-data-row) {
    display: flex;
    flex-direction: column;
    min-height: 300px;
}

.dashboard_summary:has(.no-data-row) table {
    flex: 1;
    min-height: 0;
    height: 100%;
}

.dashboard_summary:has(.no-data-row) .no-data-row td {
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.dashboard_summary:has(.no-data-row) .no-data-wrapper {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dashboard_summary:has(.no-data-row) .no_data_vector,
.dashboard_summary:has(.no-data-row) .no_data_s {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spot Markets (dashboard) – no-data row vertical + horizontal center */
.market_section.maindashboard .dashboard_summary:has(.no-data-row) .tab-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .tab-pane.show {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .tab-pane.show .desktop_view,
.market_section.maindashboard .dashboard_summary:has(.no-data-row) .tab-pane.show .mobile_view {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .table-responsive {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 200px;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .table-responsive table {
    flex: 1;
    min-height: 0;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .no-data-row td {
    height: 100%;
    min-height: 200px;
    vertical-align: middle;
    text-align: center;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .no-data-wrapper {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.market_section.maindashboard .dashboard_summary:has(.no-data-row) .no_data_s {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Spot Markets – single no-data block (one image for whole section) */
.market_section.maindashboard .spot_markets_no_data {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    width: 100%;
}

.market_section.maindashboard .spot_markets_no_data .no-data-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.market_section.maindashboard .spot_markets_no_data .no_data_s {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile: no-data image center (backup) */
@media screen and (max-width: 991px) {

    .no-data-row td,
    .no-data-row-open-orders2 td {
        text-align: center;
        vertical-align: middle;
    }

    .navbar-collapse {
        background-color: #111114 !important;
        max-height: calc(100vh - 0px);
        height: calc(100vh - 0px);
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    header .navbar-expand-lg .navbar-nav .nav-link i{ font-size: 22px; }
    .navbar-collapse .navbar-nav {
        overflow-y: auto;
        overflow-x: hidden;
        flex: 1 1 auto;
        min-height: 0;
        padding-bottom: 24px;
    }

    body.light_theme .navbar-collapse {
        background-color: #ececec !important;
    }

    .no-data-row .no-data-wrapper,
    .no-data-row-open-orders2 .no-data-wrapper {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .no-data-row .no_data_s,
    .no-data-row .no_data_vector,
    .no-data-row-open-orders2 .no_data_s,
    .no-data-row-open-orders2 .no_data_vector {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Open Orders / Order History mobile: no-data image vertical + horizontal center */
@media screen and (max-width: 991px) {
    .order_history_mobile_view .d-flex:has(.no-data-wrapper) {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .order_history_mobile_view .no-data-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        min-height: 300px;
    }

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

    .order_history_mobile_view .no_data_vector img {
        display: block;
        margin: 0 auto;
    }
}

.header_right .button_outer .login_btn.deposit-btn {
    background: transparent;
    border: 1px solid #f3bb2b;
    color: #f3bb2b;
    display: flex;
    gap: 4px;
    min-height: 100%;
}

.header_right .button_outer .login_btn.deposit-btn:hover {
    background-color: #f3bb2b;
    color: #000;
}

.icon_notificaton_r ul {
    display: flex;
    gap: 8px;
}


.deposit-btn {
    background-color: #fcd535;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.sidebar_deposit {
    color: #fff;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: -450px;
    width: 430px;
    height: 100%;
    background-color: #212328;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.6s ease-in-out;
    padding: 75px 32px 32px;
}

.blog_detail a.mb-3 {
    color: #fff;
}

.sidebar_deposit h2 {
    font-size: 16px;
}

.sidebar_deposit.open {
    right: 0;
}

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0px;
}

.close-btn:hover {
    background-color: transparent;
}

.modal-backdrop {
    z-index: 1;
}

table tr th {
    white-space: nowrap;
}

.deposit_option {
    display: flex;
    gap: 20px;
    border: 1px solid #666;
    padding: 18px;
    border-radius: 10px;
}

.deposit_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 15px;
}

.deposit_cnt p {
    padding-top: 3px;
    font-size: 13px;
    margin-bottom: 0px;
}

.deposit_option img {
    width: 32px;
}

.user_login {
    position: relative;
}

.sc-eAKtBH.gVtWSU {
    display: flex;
    gap: 15px;
    justify-content: end;
}

.hVPalX.gap-2 {
    text-align: end;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 15px !important;
}

.hVPalX.gap-2 span {
    margin-top: 0px;
    color: #bababc;
}

.sc-eAKtBH.gVtWSU button {
    padding: 4px 0px;
}

.user_login:hover .login_profile_header {
    opacity: 1;
    visibility: visible;
}

.user_img.user_tow_img img {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #666;
    border-radius: 50px;
}

.login_profile_header {
    top: 60px;
    right: 0px;
    height: 100%;
    position: fixed;
    transition: 0.5s;
    background-color: #191C1E;
    padding: 15px 24px 24px 0px;
    width: 330px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 6666;
}

img.round_img {
    border-radius: 50px;
    border: 1px solid #666;
}

.login_profile_header .user_profile_cnt h3 {
    color: #fff;
}

p.user_info a {
    font-size: 13px;
    color: #dbdbdb;
    background-color: #222222;
    padding: 4px 8px;
    border-radius: 3px;
    margin-top: 4px;
    display: inline-block;
}

.verified_user {
    align-items: center;
    display: flex;
    gap: 10px;
    color: #fff;
    font-size: 13px;
    padding: 0px 15px;
}

.verified_top_tag {
    color: #000;
    background-color: #01BC8D;
    padding: 2px 12px;
    border-radius: 3px;
}

.login_profile_header .navi_sidebar li a {
    padding: 4px 15px 4px 15px;
}

.login_profile_header .navi_sidebar li button {
    padding: 4px 15px 4px 15px;
}

.login_cnt.register_form {
    padding: 120px 30px 30px;
}

.profile_id_s {
    display: flex;
    gap: 70px;
    justify-content: normal;
    width: 100%;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    min-width: 0;
    flex-wrap: nowrap;
}

.profile_id_s::-webkit-scrollbar {
    height: 6px;
    display: none;
}

.profile_id_s:hover::-webkit-scrollbar,
.profile_id_s:active::-webkit-scrollbar,
.profile_id_s:focus::-webkit-scrollbar {
    display: block;
}

.profile_id_s::-webkit-scrollbar-track {
    background: transparent;
}

.profile_id_s::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.profile_id_s:hover::-webkit-scrollbar-thumb,
.profile_id_s:active::-webkit-scrollbar-thumb,
.profile_id_s:focus::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.profile_id_s:hover {
    scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

.profile_id_s:active,
.profile_id_s:focus {
    scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

/* Mobile scrollbar visibility */
@media screen and (max-width: 991px) {
    .profile_id_s::-webkit-scrollbar {
        height: 4px;
        display: none;
    }

    button.btn.btn-success {
        padding: 7px 16px;
    }

    .email_code .get_otp.otpcode {
        top: 9px;
    }

    .crypto_section .hot_spot_outer .top_heading {
        display: none;
    }

    .profile_id_s:active::-webkit-scrollbar,
    .profile_id_s:focus::-webkit-scrollbar {
        display: block;
    }
}

/* Desktop scrollbar visibility */
@media screen and (min-width: 992px) {
    .profile_id_s:hover::-webkit-scrollbar {
        display: block;
    }
}

img.round_img {
    border-radius: 50px;
}

.spotLists_bs_dropbox {
    z-index: 999999 !important;
}

.bs_dropbox .spotLists {
    background-color: #111214;
}

/* .dashboard_right_side .features_block {
    min-height: 100px;
    max-height: 320px;
    overflow: auto;
} */


.arbitrage_subscriptions_block {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 70px 0px;
}

.arbitrage_subscriptions_block h1 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.arbitrage_subscriptions_block ul li .arbitbot_vector {
    max-width: 450px;
    margin: 0 auto;
}

.icon_notificaton_r {
    display: flex;
    align-items: center;
}

.arbitrage_subscriptions_block ul li .arbitbot_cnt {
    margin-top: 42px;

}

.tt_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding: 8px 0;
}

.dashboard_deposit_s .form-group input {
    width: 100%;
    color: #fff;
    border-color: #555;
    padding: 15px 1.5rem;
    outline: none;
    background-color: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 10%);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 16px;
    border-radius: 60px;
}

label.balance {
    width: 100%;
    padding: 10px 0px 15px;
    text-align: right;
    color: #f3bb2b;
}

.select_option_bank {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.select_option_bank h6 {
    margin: 0px;
}

.select_option {
    width: 190px;
    background-color: transparent;
    border: 1px solid #ffffff1c;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
}

.col-md-12.upload-area {
    margin-top: 10px;
}

.upload-area .brows-file-wrapper {
    position: relative;
    /* background: #1e1e1e; */
    border-radius: 10px;
    transition: 0.3s;
}

.upload-area .brows-file-wrapper input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    color: #fff;
    border-color: #555;
}

.upload-area label {
    border: 2px dashed #52556445;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    margin-bottom: 15px;
    background: rgb(255 255 255 / 5%);
}

.upload-area label span {
    font-size: 20px;
}

.upload-area label .file-type {
    font-size: 14px;
    font-weight: 300;
}

.dashboard_deposit_s .btn.btn-gradient {
    background-color: #f3bb2b;
    color: #000 !important;
    font-size: 16px;
    padding: 12px 18px;
    font-weight: 600;
    border-radius: 50px;
}

.dashboard_deposit_s {
    padding: 40px;
    background-color: #141414;
    border-radius: 15px;
    width: 50%;
    margin: 0 auto;
}

.dashboard_deposit_s h1 {
    font-size: 30px;
    margin-bottom: 24px;
}

.arbitrage_subscriptions_block ul li.cruise h2 {
    background-color: #B08B5F;
}

.arbitrage_subscriptions_block ul li.cruise h2::before {
    background-color: #B08B5F;
}

.arbitrage_subscriptions_block ul li.turbovector h2 {
    background-color: #D7C4F4;
}

.arbitrage_subscriptions_block ul li.turbovector h2::before {
    background-color: #D7C4F4;
}

.arbitrage_subscriptions_block ul li h2 {
    background-color: #ACAEAE;
    font-size: 18px;
    padding: 7px;
    border-radius: 3px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
}

.arbitrage_subscriptions_block ul li h2::before {
    width: 60px;
    height: 2px;
    position: absolute;
    content: "";
    background-color: #acaeae;
    bottom: -22px;
    border-radius: 20px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

.arbitrage_subscriptions_block ul li .arbitbot_cnt p {
    font-size: 15px;
    margin-bottom: 8px;
}

.arbitrage_subscriptions_block ul li .pricetag {
    color: #f3bb2b;
    font-size: 16px;
    font-weight: 500;
}

button.subscribe_btn {
    position: relative;
    background-color: #f3bb2c;
    width: 100%;
    /* border: 1px solid #FFFFFF; */
    border-radius: 50px;
    padding: 8px 15px;
    margin-top: 20px;
}

button.subscribe_btn a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.arbitrage_subscriptions_block ul {
    display: flex;
    align-items: normal;
    margin-top: 80px;
    justify-content: space-evenly;
}

.arbitrage_subscriptions_block {
    background-image: url(../images/arbitragebottombg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.how_work_s {
    margin-top: 70px;
}


.asstes_outer_s {
    width: 100%;
    padding: 20px 0px;
}

.overview_section h1 {
    font-size: 20px;
    color: #fff;
    display: flex;
    gap: 13px;
    align-items: center;
}

.overview_section {
    width: 100%;
    position: relative;
    margin: 32px 0px 32px 20px;
}

.dashboard_right .overview_section {
    margin-left: 0px;
}

.dashboard_right {
    overflow: hidden;
}

.overview_cate_section ul#myTab {
    border: 1px solid #f3bb2b;
    border-radius: 50px;
    padding: 13px 32px 13px;
    gap: 24px;
    justify-content: space-around;
}

.overview_summary_currency .slick-dots li.slick-active button:before {
    color: #f3bb2b;
    opacity: 1;
}

.overview_summary_currency .slick-dots li button:before {
    color: #f3bb2b;
    font-size: 10px;
}


.overview_summary_currency .slick-dots {
    bottom: -30px;
}

.overview_cate_section .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #f3bb2b;
    border: none !important;
}

.overview_cate_section .nav-tabs .nav-link {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding: 0px;
    border-radius: 0px;
    border: none !important;
}

.meme_listing_section .top_heading {
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.meme_listing_section .top_heading h4 {
    margin-bottom: 0px;
}

.row.top_heading_overview {
    align-items: center;
}

.row.top_heading_overview .col-sm-10 {
    padding-left: 48px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.estimated_balance_bl {
    padding: 20px;
    border: 1px solid #787878;
    border-radius: 12px;
    color: #fff;
    min-height: 260px;
}

.slick-slider .estimated_balance_bl {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
}

.estimated_balance_bl h2 {
    font-size: 18px;
    border-bottom: 1px solid #787878;
    padding-bottom: 10px;
}

.overview_summary_currency {
    margin-top: 30px;
    padding-bottom: 30px;
}

.overview_summary_currency .slick-slide img {
    height: 100%;
}

.overview_summary_currency .slick-track {
    gap: 24px;
}

.overview_summary_currency .slick-dots li {
    margin: 0px;
}

.dashboard_right .dashboard_listing_section.Overview_mid {
    padding-left: 0px;
}

.swap_outer_section {
    width: 70%;
    display: block;
    padding: 40px 0px 10px;
}

.give_currency_s {
    border: 1px solid #434343;
    padding: 24px;
    border-radius: 12px;
    display: flex;
    gap: 80px;
}

.cnt_amountsl {
    gap: 24px;
    justify-content: space-between;
}

.swap_bitcoin {
    max-width: 96px;
    margin-top: -24px;
}

.top_heading_s {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_heading_s h2 {
    margin-bottom: 0px;
}

.swap_currency_total {
    border: 1px solid #434343;
    border-radius: 12px;
    width: 100%;
    color: #fff;
}

section.block_currency {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bitcoin_currency {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.navi_sidebar li:first-child .navi_sidebar_icon {
    font-size: 20px;
    width: 20px;
    min-width: 20px;
}

.vector_icon {
    width: 80px;
    height: 80px;
    background-color: #222831;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swap_usdtdata p {
    font-size: 14px;
    margin: 7px 0px 0px;
}

.swap_usdtdata p span {
    display: block;
    color: #F3F3F340;
    margin-bottom: 5px;
}

.swap_usdtdata button.btn {
    width: 100%;
    background-color: #F3BB2B;
    border: none;
    border-radius: 50px;
    padding: 10px 15px;
}

.swap_usdtdata button.btn {
    width: 100%;
    background-color: #F3BB2B;
    border: none;
    border-radius: 50px;
    padding: 12px 15px;
    color: #000;
    margin-top: 20px;
    font-weight: 600;
}

.bitcoin_top_currency {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.bitcoin_top_currency h3 {
    display: flex;
    gap: 10px;
    font-size: 20px;
    color: #fff;
    align-items: center;
    margin: 0px;
}

.bitcoin_top_currency ul {
    display: flex;
    gap: 20px;
    font-size: 15px;
    color: #BCBCBC;
    justify-content: end;
}

.btc_price_range {
    border: 1px solid #434343;
    padding: 13px 16px;
    border-radius: 6px;
}

.btc_price_range select option {
    font-size: 18px;
    color: #000;
    justify-content: space-between;
    display: flex;
    margin: 0px;
}

.btc_price_range select {
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
}

.amount_detail_bottom {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    border-top: 1px solid #434343;
    padding: 20px 20px 10px;
}

.amount_cnt p span {
    display: block;
}

button.orderbtn {
    background-color: #f3bb2b;
    padding: 8px 32px;
    border: 1px solid #f3bb2b !important;
    color: #000;
    font-size: 16px;
    transition: 1s all;
    font-weight: 500;
    line-height: 24px;
    border: none;
    border-radius: 7px;
}

button.orderbtn:hover {
    background-color: #0a0a0a;
    color: #f3bb2b;
}

button.orderbtn:hover a {
    color: #f3bb2b;
}

button.orderbtn a {
    color: #000;
}

.earningbouns_tb .currency_td {
    flex-direction: column;
    gap: 0px;
    align-items: start;
}

.earningbouns_tb .selected-option {
    gap: 10px;
    padding: 0px;
    border-radius: 0px;
    border: none;
}

.user_list_l.earning_section_cate {
    border: none;
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
}

.user_list_l.earning_section_cate .nav-tabs .nav-link {
    font-size: 16px;
}

.earningbouns_tb .selected-option span {
    font-size: 10px;
}

.earningbouns_tb .balance_td {
    font-size: 16px;
}

.dashboard_recent_s .fade:not(.show) {
    display: none;
}

.dashboard_recent_s .active.show {
    display: block;
}

.earningbouns_tb .select_currency_s {
    margin-top: 2px;
}

.earningbouns_tb .subtotal {
    color: #ffdc89;
    font-size: 11px;
    font-weight: 200;
}

.earningbouns_tb table tr h5 {
    font-size: 16px;
    color: #f3bb2b;
}

.earningbouns_tb table tr .subtotal_overview {
    font-size: 14px;
    display: flex;
    gap: 5px;
}

.earningbouns_tb table tr .subtotal_overview span {
    font-size: 12px;
}

.earningbouns_tb table tr b {
    font-size: 16px;
    font-weight: 600;
}

.earningbouns_tb span.arrow {
    position: absolute;
    right: -21px;
    top: 1px;
    z-index: 1;
}

.top_heading_s h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.searchBar.custom-tabs {
    background-color: #1f1f1f;
    border: 1px solid #787878;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 50px;
    gap: 3px;
}


/* 
.asset_account ul li span.spot:before {
    background-color: #4C7ECF;
}

.asset_account ul li span.swap:before {
    background-color: #B2CD52;
}

.modal .btn-close:hover {
    background-color: transparent;
}

.asset_account ul li span.staking:before {
    background-color: #DCA451;
}

.asset_account ul li span.futures:before {
    background-color: #CC3D3D;
} */


button.transfer_btn:hover {
    opacity: 0.8;
}

.overview_btn button:hover {
    opacity: 0.8;
}

.dashboard_recent_s h4 {
    font-size: 20px;
    margin: 0px;
}

.amount_cnt p {
    margin: 0px;
}

.maindashboard .table-responsive {
    max-height: 440px;
}

.searchBar button {
    width: 18px;
    opacity: 0.7;
    background-color: transparent;
    border: transparent;
    padding: 0px;
}

.searchBar button i {
    font-size: 16px;
    color: #fff !important;
    opacity: 1;
}


.navbar-expand-lg .navbar-nav .dropdown-menu li .qrcode {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 15px;
    width: 100%;
    color: #fff;
    text-align: left;
}

.searchBar .custom_search {
    background-color: transparent;
    border: none;
    color: #fff;
}

.bitcoin_cate_list {
    width: 100%;
    padding: 20px 0px;

}

.bitcoin_cate_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    height: 300px;
    overflow: auto;
}

.bitcoin_cate_list ul li {
    width: 100%;
    background-color: #1F1F1F;
    border: 1px solid #1F1F1F;
    border-radius: 5px;
    padding: 6px 12px;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    transition: 1s all;
    gap: 10px;
}

.bitcoin_cate_list ul li:hover {
    border: 1px solid #f3bb2b;
}

.bitcoin_cnt {
    line-height: 15px;
}

.bitcoin_cnt h4 {
    font-size: 14px;
    margin: 0px;
}

.bitcoin_cate_list ul li span.price {
    font-size: 13px;
}

.swap_outer_section .currency_block {
    width: 100%;
}

.assets_wallets_section {
    width: 100%;
    color: #fff;
    padding: 0px 0px 20px;
}

.assets_wallets_section h2 {
    font-size: 20px;
    font-weight: 600;
}

.top_bar_assets {
    display: flex;
    margin: 20px 0px 10px;
    justify-content: space-between;
    align-items: center;
}

.top_bar_assets form {
    display: flex;
    gap: 16px;
    align-items: center;
}

.my_assets_summary_t .issuse_list_t tr td {
    padding: 10px 0px;
    font-weight: 300;
    font-size: 12px;
    color: #848E9C;
}


.my_assets_summary_t .issuse_list_t tr th {
    padding: 10px 0px;
    font-weight: 300;
    font-size: 12px;
    color: #848E9C;
}

.my_assets_summary_t .currency_td {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    line-height: 16px;
}

.my_assets_summary_t .currency_td .pricetag span {
    font-size: 11px;
    font-weight: 400;
    display: block;
}

.top_bar_assets form .checkbox {
    font-size: 11px;
}

.top_bar_assets h5 {
    font-size: 12px;
    font-weight: 700;
}

.top_bar_assets .search_btn {
    background-color: transparent;
    border: none;
    padding: 0px;
}


.my_assets_summary_t {
    border: 1px solid #434343;
    padding: 24px;
    border-radius: 12px;
    width: 100%;
}

.my_assets_summary_t table {
    width: 100%;
}

.my_assets_summary_t tr td {
    font-size: 11px;
    padding: 10px 0px;
}

.wallet_transfer h4 {
    font-size: 16px;
    padding-top: 15px;
    font-weight: 400;
}

.estimated_balance_bl h4 {
    font-weight: 600;
    margin-top: 20px;
    font-size: 24px;
}

.estimated_balance_bl h4 span {
    font-size: 14px;
    font-weight: 400;
    padding-left: 5px;
}

.sub_price {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}

.overview_btn {
    margin-top: 15px;
    display: flex;
    gap: 15px;
    justify-content: center;
}

.overview_btn button {
    background-color: #5EC732;
    border: 1px solid transparent;
    padding: 7px 24px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
}

.overview_btn button.withdrawbtn {
    background-color: #F52534;
}


.estimated_balance_bl.currency_bit h2 {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    padding: 0px;
}

.overview_summary_currency [classname="slick-track"] {
    display: flex;
    gap: 18px;
}

.estimated_balance_bl.currency_bit h4 {
    margin-top: 20px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.estimated_balance_bl.currency_bit h4 span {
    font-size: 12px;
}

.estimated_balance_bl.currency_bit .sub_price {

    font-size: 12px;
}

.change_price_update {
    padding-top: 24px;
    font-size: 12px;
    text-align: left;
}

.change_price_update p {
    margin-bottom: 5px;
}

.overview_section .tab-content>.tab-pane {
    height: 100%;
}

.price_value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0ECB70;
}

.overview_btn button.swapbtn {
    background-color: #1768BA;
}

.custom-select {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.selected-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #434343;
}

.option {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    padding: 20px;
    border-top: 1px solid #434343;
}

span.arrow {
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 1;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    background: #0a0a0a;
    width: 100%;
    z-index: 10;
}

.custom-select.open .options {
    display: block;
}

.select_currency_s {
    margin-top: 22px;
}

.form_select {
    width: 100%;
    border: 1px solid #434343;
    padding: 15px;
    border-radius: 5px;
}

.wallet_icon {
    width: 100px;
    cursor: pointer;
}

.estimate_loader {
    min-height: 169px;
}


.form_select span {
    color: #666;
    font-size: 14px;
}

.modelbg2 .form_select span {
    color: #f3bb2b;
    font-size: 18px;
}

.modelbg2 .price_max_total button {
    background-color: #221D10;
    border: 1px solid #f3bb2b;
    color: #f3bb2b;
    font-size: 18px;
    font-weight: 400;
    padding: 16px 22px;
    border-radius: 5px;
}

.modelbg2.modal.search_form input:focus {
    border: none !important;
}

.modelbg2.modal .text-warning {
    color: #f3bb2b !important;
}

.modelbg2.modal .text-info {
    color: #fff !important;
}

.modelbg2 .form_select select {
    font-size: 18px;
}

.form_select select {
    width: 100%;
    background-color: transparent;
    color: #fff;
    border: none;
}

.modal {
    z-index: 9999999;
    background-color: #0a0a0a96;
}

.form_select select option {
    color: #000;
}

.form_select_to_s {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin: 24px 0px;
    align-items: center;
}

.leftside_menu {
    position: fixed;
    top: 80px;
    z-index: 666;
    height: 100%;
    overflow: auto;
}

.bankdetail_tabs .row {
    background-color: #242424 !important;
    padding: 24px;
    border-radius: 20px;
    margin: 0px 0px 20px;
}

.deletebtn {
    /* text-align: right; */
    display: flex;
    justify-content: end;
    margin-bottom: 30px;
}

.deletebtn button {
    border-radius: 50px;
    padding: 10px 36px;
    font-size: 15px;
}

.earningpopup .modal-content {
    background-color: #2B313C;
    border-radius: 20px;
    color: #F2F4F6;
    overflow: hidden;
}

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

.earningpopup .modal-header {
    border-bottom: none;
    padding: 0px;
}

.earningpopup .modal-header .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 666;
}

.modal.earningpopup .modal-dialog {
    min-width: 990px;
}

.earningpopup .btn-close {
    filter: invert(1);
    opacity: 1;
}

.modal.earningpopup h3 {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 7px;
}

.earningpopup h3 img {
    width: 30px;
    border-radius: 50px;
    height: 30px;
}

.earining_popup_exchange {
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

ul.daylist {
    display: flex;
    align-items: center;
    text-align: left;
    color: #949AA4;
    margin: 20px 0px 15px;
    gap: 9px;
}

ul.termslist {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0px;
    border-bottom: 1px solid #434953;
    padding-bottom: 22px;
}

ul.termslist li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    font-size: 12px;
    color: #949AA4;
}

ul.launchpadlist {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 32px;
}

ul.launchpadlist li span {
    font-size: 15px;
    color: #949AA4;
    font-weight: 300;
}

ul.launchpadlist li {
    font-size: 24px;
    color: #F2F4F6;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.launchpad_hero_s .cnt_banner {
    width: 85%;
}

.project_coin h2 {
    font-size: 24px;
    color: #F2F4F6;
}

.coin_lft {
    display: flex;
    align-items: center;
    gap: 12px;
}

ul.termslist li span {
    color: #FFFFFF;
}

.payment_method_f {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.select_option {
    width: 100%;
    background-color: #2f2f2f00;
    border-radius: 4px;
    padding: 12px;
}

.select_option select {
    width: 100%;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    border: none;
    font-weight: 500;
    /* color: #949AA4; */
}

.select_option input {
    width: 100%;
    background-color: transparent;
    color: #fff;
    border: none;
}

.select_option select option {
    color: #000;
}

.select_option select:focus-visible {
    outline: none;
}

.select_option input:focus-visible {
    outline: none;
}

.amount_input {
    width: 100%;
    background-color: #2f2f2f00;
    border-radius: 4px;
    padding: 12px;
    border: 1px solid #ffffff1c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.amount_input input {
    background-color: transparent;
    border: none;
    color: #ffff;
    font-size: 12px;
    font-weight: 500;
    width: 100%
}

ul.termslist li span.text-light {
    color: #949AA4;
    font-weight: 200;
}

.right_cnt_pop {
    width: 50%;
    text-align: left;
    background-color: #373E4B;
    padding: 30px;
}

ul.subscriptionlist {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: #949AA4;
    margin: 14px 0px 24px;
    gap: 12px;
    position: relative;
    border-left: 1px solid #949AA4;
    padding-left: 10px;
}

ul.subscriptionlist li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    position: relative;
    font-weight: 300;
    /* padding: 10px; */
    font-size: 12px;
}

ul.subscriptionlist li::before {
    position: absolute;
    left: -15px;
    top: 0px;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50px;
    border: 3px solid #373e4b;
}

ul.subscriptionlist li span {
    color: #fff;
}

ul.subscriptionlist li:last-child:before {
    top: inherit;
    bottom: 0px;
}

.amount_input span.max {
    font-size: 12px;
}

ul.estimatedlist {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 18px;
}

ul.estimatedlist li {
    font-size: 12px;
    color: #949AA4;
}

.earningpopup label {
    font-size: 14px;
    color: #fff;
}

.earningpopup label a {
    color: #f3bb2b;
}

.earningpopup button.subscribebtn {
    background-color: #f3bb2c;
    border: none;
    color: #000;
    /* border: 1px solid #FFFFFF; */
    border-radius: 50px;
    width: 100%;
    padding: 10px 10px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
}

.earningpopup .modal-body {
    padding: 0px;
}

.modal.earningpopup .payment_method_f h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
}

.lft_pop_cnt {
    width: 50%;
    text-align: left;
    padding: 30px;
}

ul.daylist li {
    display: flex;
    flex-direction: column;
    border: 1px solid #949AA4;
    border-radius: 5px;
    font-weight: 500;
    min-height: 45px;
    padding: 10px;
    font-size: 10px;
}

ul.daylist li.active {
    border: 1px solid #fff;
    color: #fff;
}

ul.daylist li span {
    font-size: 9px;
    font-weight: 300;
}

.bankpop_up_d ul#myTab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    border: none;
    flex-wrap: nowrap;
}

.bankpop_up_d ul#myTab li {
    width: 100%;
}

.bankpop_up_d ul#myTab li button {
    width: 100%;
    font-size: 20px;
    color: #fff;
    padding: 0px;
    border: none;
}

.search_form button.btn-close {
    position: absolute;
    right: 24px;
    background-color: #ffffff00;
    opacity: 1;
    border-radius: 100px;
    font-size: 10px;
    padding: 6px;
    top: 24px;
}

.modal.search_form .hot_trading_t {
    padding: 20px 0px;
    min-height: 300px;
    max-height: 500px;
    overflow: auto;
}

.withdrawal_rightside {
    display: flex;
    justify-content: end;
    position: relative;
    top: 24px;
}

.leftside_menu .logout_btn a i {
    padding-left: 4px;
}

.withdrawal_rightside button {
    border-radius: 50px;
    border: none;
}

.search_form .modal-header {
    border-bottom: none;
    padding: 20px;
    flex-direction: column;
    align-items: start;
}

.search_form .modal-header p {
    font-size: 12px;
    color: #949AA4;
    margin-top: 7px;
    margin-bottom: 0px;
}

.search_form .modal-header p span {
    color: #fff;
}

.bankpop_up_d ul#myTab li button.active {
    background-color: transparent;
    color: #f3bb2b;
}

.bankdetail_tabs {
    height: 500px;
    overflow: auto;
}

.bankpop_up_d.modal.fade .modal-dialog {
    min-width: 690px;
}

.price_max_total {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    border: none;
    background-color: #4B515D;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    gap: 12px;
}

.topheading_footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.topheading_footer .icon_i .ri-subtract-fill {
    display: none;
}

.active .topheading_footer .icon_i .ri-subtract-fill {
    display: block;
}

.active .topheading_footer .icon_i .ri-add-fill {
    display: none;
}

.topheading_footer .icon_i {
    display: none;
}

.price_max_total button {
    background-color: transparent;
    border: none;
    font-weight: 500;
    color: #fff;
    padding: 13px 22px 13px 10px;
}

.wallet_transfer legend {
    font-size: 13px;
    color: #b7b7b7;
    margin: 12px 0px;
}

.wallet_transfer legend span {
    color: #fff;
    font-weight: 600;
}

.price_max_total .d-flex {
    align-items: center;
    font-size: 13px;
}

.wallet_transfer button.btn {
    background-color: #F3BB2B;
    width: 100%;
    border-radius: 50px;
    border: none;
    color: #000;
}

.price_max_total input[type="number"] {
    padding: 10px 18px;
    font-size: 13px;
    background-color: transparent;
    border: none;
    width: 90%;
    color: #fff;
}

.price_card_body2 {
    padding: 0px 5px;
}

.scroll_y_reverse .orderbook-table td.text-danger {
    width: 88px;
}

orderbook-table .price_max_total input[type="number"]:focus-visible {
    outline: none;
}

.main_spot_balance {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 13PX;
}

.main_spot_balance P {
    font-size: 14PX;
}

.main_spot_balance P span {
    color: #f3bb2b;
}

button.transfer_btn {
    width: 100%;
    background-color: #f3bb2b;
    padding: 9px 15px;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    border: none;
    font-weight: 600;
    margin-top: 5px;
}

.dashboard_listing_section.Overview_mid {
    padding-left: 20px;
    margin-top: 0px;
}

.dashboard_listing_section.Overview_mid .user_list_top {
    height: 370px;
    overflow: auto;
}

.crypto_trade_add {
    width: 100%;
    display: block;
    padding: 10px 0px;
    color: #fff;
}

.crypto_trade_add .crypto_add_bl {
    width: 100%;
    background-color: #4B3501;
    border: 1px solid #f3bb2b;
    padding: 10px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.crypto_cnt h5 {
    font-size: 14px;
}

.recent_transaction h2 {
    font-size: 20px;
}

.recent_transaction .top_bar_assets a.morebtn {
    color: #fff;
    font-size: 13px;
}

.my_assets_summary_t.recent_transaction tr td {
    font-size: 11px;
    padding: 15px 0px;
}

.recent_transaction .user_list_top {
    height: 230px;
}

.recent_transaction {
    color: #fff;
    margin-top: 30px;
}

.recent_transaction .top_bar_assets {
    margin-top: 0px;
}

.crypto_cnt p {
    color: #aaaaaa;
    font-weight: 500;
    font-size: 12px;
}

.crypto_trade_add .advanced_s {
    background-color: #0a0a0a;
    border-color: #434343;
}

.banner_img {
    position: relative;
}

.user_img img {
    /* width: auto !important; height: auto !important;
     */
}

.d-flex-between.mb-3.custom_dlflex {
    padding-top: 24px;
    width: 100%;
}

.login_bg.login_sec.market_page {
    padding-top: 20px;
    color: #fff;
    background-color: #181A20;
    padding: 30px 0px;
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.live_prices {
    padding-bottom: 30px;
}

.ant-card {
    /* max-height: 200px; */
    border-radius: 20px;
    padding: 19px;
    background-color: #111214;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #212327;
    color: var(--white-color) !important;
    overflow: hidden;
    padding: 10px;
    /* border: 1px solid rgb(239, 242, 245); */
    height: 100%;
}

.faq_cards .faq {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ant-card-head-wrapper {
    margin-bottom: 08px;
    border-bottom: 1px solid #78787854;
    padding: 10px 0px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ant-card-head-title h3 {
    font-size: 18px;
    margin: 0;
    display: flex;
    align-items: center;
}

.bvtPSA {
    height: 30px;
    width: 30px;
    min-width: 30px;
    border-radius: 30px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.bvtPSA img {
    width: 100%;
}

.earning_right_tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.live_prices.mt-0.market_prices.market_update_sec.market_update_table .ant-card-head-title h3 img {
    padding-right: 0px;
}

.ant-card-head-wrapper .btn {
    color: rgb(22 199 132) !important;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    padding: 0px;
    text-transform: capitalize;
    border: none;
}

td.color-green {
    color: #5EBA89 !important;
}

td.text-danger {
    color: #E45561 !important;
}

.market_page .market_update_table table {
    background-color: transparent;
    margin-bottom: 0px;
}

.market_page .table>thead {
    vertical-align: bottom;
}

.market_page .mt_table .table tr th {
    line-height: 1.1;
    padding: 11px 10px !important;
    font-weight: 600;
    font-size: 13px;
    color: #ffffffb3;
}

.icon img {
    border-radius: 50px;
}

.market_page .table> :not(caption)>tr:last-child>* {
    border-bottom: transparent;
    background-color: transparent;

}

.market_update_table .table tbody tr {
    border-radius: 6px;
    cursor: pointer;
    transition: all 1s;
    cursor: pointer;
}

.market_update_table .table tbody tr:hover {
    box-shadow: 0px 0px 20px #f3ba2b25;
    transform: scale(1.02);
}

.market_page .table> :not(caption)>tr th:last-child {
    text-align: right;
    width: 100px;
}

.market_page .custom-tab-content table.table td:last-child {
    text-align: right;
    width: 100px;
}

.market_page img.coinimg {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.market_page .text-end {
    text-align: right !important;
}

.market_page .market_update_sec .table tbody tr td:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.market_page .market_update_sec .table tbody tr td:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.market_page .mt_table .table tr td {
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 400;
    border-color: transparent;
}

.market_prices.market_update_sec.market_update_table .btn-sm {
    padding: 0px !important;
    text-align: right;
}

.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.market_tabs .nav-link {
    display: flex;
    font-size: 15px;
    align-items: center;
    border-radius: 0px;
    justify-content: center;
    color: #949AA4;
    background: none;
    border-bottom: 3px solid #F3BB2B00;
    padding: 5px 0px 13px;
}

.ri-xl {
    font-size: 1.2em;
}

ul.funds_tab.market_tabs {
    gap: 36px;
    border-bottom: 1px solid #454C59;
    width: 100%;
}

.market_tabs .nav-link.active,
.market_tabs .nav-pills .show>.nav-link {
    background: none;
    color: #fff !important;
    border-bottom: 3px solid #F3BB2B;
}

.searchBar.custom-tabs {
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #2B313C;
    border: none;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    width: 40px;
    transition: 0.5s all;
    overflow: hidden;
}

.market_trade_crypto {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.trade_marketvalue {
    border: 1px solid #454C59;
    position: relative;
    border-radius: 12px;
    padding: 24px;
}

header.sticky-top.afterloginheader {
    background-color: #181a20;
}

.trade_marketvalue .tophd {
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.trade_marketvalue .tophd h5 {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0px;
    gap: 1px;
}

.trade_marketvalue .tophd h5 img {
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.trade_marketvalue .price {
    font-size: 28px;
    font-weight: 600;
    color: #F7F7F7;
    margin: 12px 0px;
}

.tradevector_r {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.trade_marketvalue .value {
    font-size: 15px;
}

.trade_marketvalue .privevolume {
    font-size: 13px;
    color: #AAB6B6;
    margin-top: 24px;
}

.searchBar.custom-tabs input {
    font-size: 14px;
    font-weight: 300;
    padding: 0px 10px;
    background: transparent;
    border: 0 !important;
    min-width: min-content;
    width: 100%;
}

.searchBar.custom-tabs input {
    outline: 0;
}

.searchBar.custom-tabs i {
    cursor: pointer;
}

.searchBar.custom-tabs.search_active {
    width: 320px;
    padding-left: 10px;
}

.searchBar .custom_search {
    display: none;
}

.searchBar.custom-tabs.search_active .custom_search {
    display: block;
}

.live_prices .card {
    padding: 25px 10px;
}

.custom-tab-content .card {
    border: 0 !important;
    border-radius: 30px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid #ffffff1f !important;
}

.market_update_table .custom-tab-content .card {
    padding: 20px 0px;
    border: 0 !important;
    border-radius: 0px;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border: none !important;
}

/* .market_update_table .table tbody tr:hover {
    background-color: #191919 !important;
} */

.section-padding.feature_bg.pc_bg {
    display: flex;
    flex-direction: column;
    color: #fffffff0;
    gap: 0px;
    justify-content: space-between;
    background-color: #111114;
    padding: 80px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.earning_section_cate {
    color: #fff;
    position: relative;
}

.dashboard_recent_s {
    color: #fff;
    margin-top: 40px;
}

.user_list_top {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: center;
}

.dashboard_recent_s .user_list_top {
    padding-top: 15px;
    height: 100%;
}

.no_data_s {
    text-align: center;
}

.earning_outer_s .fade:not(.show) {
    display: none;
}

.user_search form input.search {
    border: 1px solid #7878789c;
    background-color: transparent;
    font-size: 15px;
    font-weight: 300;
    padding: 7px 12px;
    color: #fff;
    border-radius: 50px;
}

.user_search form button {
    background-color: #5EC732;
    border: none;
    padding: 7px 24px;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    width: 120px;
}

.dashboard_recent_s table thead tr th {
    background-color: transparent;
    color: #87909F;
    font-weight: 300;
    white-space: nowrap;
    font-size: 12px;
    padding: 3px 10px;
}

.dashboard_recent_s td {
    font-size: 12px;
    color: #ffffffd6;
    padding: 10px;
}

.search_form .withdrawal_top_list {
    margin-top: 15px;
}

.no_data {
    text-align: center;
    width: 150px;
    margin: 40px auto;
}

.dashboard_recent_s table {
    width: 100%;
    margin-top: 18px;
}

.user_search form button.restbtn {
    background-color: #F52534;
}

.user_search form {
    display: flex;
    gap: 12px;
    justify-content: end;
}

.earning_section_cate ul#myTab {
    border: none;
    padding: 0px;
    gap: 40px;
}

section.earning_outer_s {
    background-color: #181A20;
    padding: 40px 0px;

}

.earning_section_cate .nav-tabs .nav-link {
    font-size: 16px;
    border-bottom: 2px solid transparent;
    color: #949AA4;
    font-weight: 400;
    padding: 0px 10px 12px;
    outline: none;
    border: none;
}

.exchange_earning_bnr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px 40px;
}

.exchange_earning_bnr h2 {
    font-size: 40px;
    font-weight: 600;
    color: #F2F4F6;
}

.exchange_earning_bnr p {
    font-size: 20px;
    color: #6F798C;
    font-weight: 300;
    margin: 20px 0px;
}

.exchange_earning_bnr p span {
    color: #F3BB2B;
    font-size: 24px;
    font-weight: 600;
}

ul.balance_list_s {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

ul.balance_list_s li {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    color: #F2F4F6;
    align-items: center;
    width: 100%;
    background-color: #2B313C;
    border-radius: 16px;
    padding: 7px;
}

ul.balance_list_s li:first-child {
    background-color: #263A58;
}

.earning_outer_s .container {
    max-width: 1250px;
}

ul.balance_list_s li .balance_cnt {
    padding: 0px 36px;
}

ul.balance_list_s li p {
    font-size: 16px;
    color: #949AA4;
    margin: 0px;
    font-weight: 300;
}

.all_product_data {
    margin-top: 70px;
}

.all_product_data table tr th {
    color: #949AA4;
    font-size: 12px;
    padding: 6px 20px !important;
    font-weight: 300;
    border: none;
    line-height: 2;
}

.all_product_data table tr td {
    font-size: 13px;
    border: none;
    font-weight: 300;
    padding: 12px 20px;
}

span.btn.custom-btn.subscribebtn {
    padding: 0px;
}

.all_product_data h3 {
    margin-bottom: 24px;
    padding-left: 20px;
}

.all_product_data table tbody tr:hover .subscribebtn button {
    border: 1px solid #d9d9d9;
}

.subscribebtn button {
    background-color: #2b313c;
    border: none;
    border: 1px solid #2b313c;
    color: #d9d9d9;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 18px;
    border-radius: 50px;
}

button.signbtn {
    padding: 14px 36px;
    border: none;
    border-radius: 50px;
    margin-top: 12px;
    display: inline-block;
}

.earning_bnr {
    max-width: 290px;
}

.googlebtn button {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 11px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.login_btn {
    font-weight: 600;
}

.login_btn input {
    font-weight: 600;
}

.earning_section_cate ul li:focus-visible {
    outline: none;
}


.toptabs_hd {
    width: 100%;
    border-bottom: 1px solid #393F4F;
}

.earning_list_block ul.currency_list_b li img {
    max-width: 40px;
}

.all_product_data .desktop_view {
    border: 1px solid #2b313c;
    padding: 10px;
    border-radius: 10px;
}

.currency_list_b ul li h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 10px;
}

.vector_bottom {
    width: 52px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.earning_list_block ul.currency_list_b li .vector_bottom img {
    width: 100%;
    max-width: 100%;
}

.currency_list_b ul li p {
    font-weight: 600;
    font-size: 16px;
}

.currency_list_b ul li h6 {
    margin-bottom: 0px;
}

.currency_list_b ul {
    display: flex;
    justify-content: center;
    gap: 75px;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 16px;
}

.currency_list_b ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 1s;
    max-width: 100%;
}

.currency_list_b ul li:hover {
    border: 1px solid #F3BB2B;
    background-color: #424A58;
}

.currency_list_b ul li:hover svg path {
    fill: #F3BB2B;
}

.currency_list_b ul li.active {
    border: 1px solid #F3BB2B;
    background-color: #424A58;
}

.currency_list_b ul li.active svg path {
    fill: #F3BB2B;
}

.currency_list_b ul li .currency_bit {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.currency_bit_inner {
    display: flex;
    align-items: center;
    gap: 8px;
}

.currency_bit_footer {
    width: 100%;
}

.currency_list_b ul li .currency_bit img {
    width: 28px;
    height: 28px;
    border-radius: 50px;
}

.currency_list_b ul li .currency_bit img {
    object-fit: contain;
    height: 100%;
}

.currency_list_b ul li p span {
    color: #f3bb2b;
    padding-left: 3px;
}

.earning_list_block .slider_group_wrapper .currency_list_b ul {
    gap: 0px;
    max-width: 100%;
    justify-content: space-between;
    margin: 0px;
    background: #0f0f0f;
    border-radius: 10px;
}

.slider_group_wrapper .currency_list_b ul.usd_detail_list li {
    background-color: transparent;
    gap: 0px;
    text-align: left;
    align-items: start;
}

.slider_group_wrapper button.subscribe_btn {
    margin-top: 5px;
}

.slider_group_wrapper .currency_list_b ul li {
    text-align: left;
    align-items: start;
}

.savebtn {
    margin: 36px 0px 10px;
    display: flex;
    justify-content: center;
}

.savebtn button {
    font-size: 16px;
    background-color: #fff;
    color: #000;
    border-radius: 50px;
    border: none;
    font-weight: 500;
}

.arbitrage_subscriptions_block button.subscribe_btn a {
    font-size: 16px;
}

.arbitrage_subscriptions_block button.subscribe_btn {
    line-height: 23px;
    margin: 0 auto;
    margin-top: 13px;
}


.earning_list_block .slick-slider .currency_list_b ul li p {
    font-weight: 500;
    font-size: 13px;
    margin: 0px;
}

.earning_list_block .slick-slider .currency_list_b ul li h2 span {
    font-size: 13px;
    font-weight: 200;
}

.earning_list_block .slick-slider .currency_list_b ul li h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
}

span.newtag {
    font-size: 11px;
    /* background-color: #d83333; */
    color: #f3bb2c;
    /* padding: 3px 8px; */
    border-radius: 3px;
}

.currency_list_b ul.usd_detail_list {
    width: 100%;
    gap: 20px;
    margin-top: 18px;
}

.slider_group_wrapper .currency_list_b ul li.pricevalue {
    font-size: 24px;
    font-weight: 600 !important;
    text-align: right;
    align-items: end;
}

.currency_list_b ul.usd_detail_list li {
    display: flex;
    min-height: 100%;
    border: none;
    padding: 0px 5px;
    font-weight: 300;
    color: #F2F4F6;
}

.currency_list_b ul.usd_detail_list li span {
    color: #87909F;
    font-size: 12px;
    font-weight: 300;
}

.earning_list_block ul.currency_list_b li h2 span {
    font-weight: 500;
}

.earning_section_cate .tab-content>.tab-pane {
    padding-right: 0px;
    height: 100%;
}

.earning_section_cate .tab-content {
    padding-top: 36px;
}

.earning_list_block {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.productdata {
    border: none;
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    margin-top: 40px;
}

.all_product_data table td {
    vertical-align: middle;
}

table th.action_td {
    text-align: right;
    vertical-align: middle;
    width: 160px;
}

table td.action_td {
    text-align: right;
    vertical-align: middle;
    width: 160px;
    padding: 4px !important;
}

.earning_list_block .slick-dots {
    bottom: -35px;
}

.table-responsive {
    min-height: 350px;
    max-height: 460px;
}

.trade_summary_table_lft .notfound_vector {
    min-height: 350px;
    justify-content: center;
    margin: 0px auto;
}

#home .user_search {
    margin-bottom: 24px;
    display: flex;
    justify-content: end;
}


.earning_list_block ul.currency_list_b {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

.currency_list_b ul li {
    border: 1px solid #5E687B00;
    border-radius: 12px;
    padding: 24px;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    /* background-color: #2B313C; */
    transition: 1s all;
    gap: 15px;
    align-items: center;
    justify-content: center;

}

.currency_list_b_li {
    background-image: url('/images/34222219_7_qsasa144.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.currency_list_b ul li svg path {
    fill: #5E687B;
}


.earning_list_block .slick-track {
    gap: 24px;
}

.vector_bottom img {
    height: 100%;
}

.pagination_list {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 30px;
}

.pagination_list .pagination {
    gap: 6px;
}

.pagination_list ul li.active a.page-link {
    background-color: #f3bb2b;
    color: #000;
}

.pagination_list a.page-link {
    background-color: #F5F5F5;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    color: #404B52;
    font-weight: 600;
    padding: 2px 12px;
}



.nav-link:focus-visible {
    box-shadow: none !important;
}

.earning_section_cate .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #F2F4F6;
    border-bottom: 2px solid #F2F4F6 !important;
}

.earning_section_cate .nav-tabs .nav-link:focus-visible {
    outline: none;
}

.section-padding.feature_bg.pc_bg .row.align-items-center.py-5 {
    padding-top: 0px !important;
}

.section-padding.feature_bg.pc_bg p {
    font-size: 18px;
}

.section-padding.feature_bg.pc_bg h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.custom-tab-content .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.market_update_table table {
    background-color: transparent;
}

.custom-tab-content .table> :not(caption)>tr:last-child>* {
    border-bottom: 1px solid #282D36;
}

.market_update_sec .table> :not(caption)>*>* {
    padding: 14px 20px;
    background-color: transparent;
}

.custom-tab-content .table>thead th {
    color: #949AA4;
    font-size: 13px;
    padding: 6px 20px !important;
    font-weight: 400;
    border: none;
    line-height: 2;
}

img.coinimg {
    border-radius: 50px;
    max-width: 40px;
    display: inline-block;
    margin-right: 15px;
}

.td_div {
    display: flex;
    align-items: center;
    min-width: max-content;
}

.custom-tab-content table.table td {
    line-height: 2;
    border-color: #282D36;
    vertical-align: middle;
    box-shadow: none;
    color: #F7F7F7;
    text-shadow: none !important;
    font-weight: 300;
    font-size: 13px;
}

/* .custom-tab-content table.table tr:hover .btn-sm {
    background: #f3bb2b !important;
    color: #000 !important;
    font-weight: 600;
} */

.custom-tab-content.tab-content>.tab-pane {
    height: 100% !important;
    padding-right: 0px !important;
}

.btn-sm {
    padding: 7px 20px !important;
    font-size: 13px !important;
    line-height: 1;
}

.custom-btn,
.btn-gradient {
    color: #5EBA89 !important;
    transition: all 0.3s;
}

/* .custom-btn:hover,
.btn-gradient:hover {
    background: #fea903 !important;
    color: #000 !important;
    font-weight: 500;
    border-color: #fea903 !important;
} */

.trade_card table tr:hover {
    background-color: #2B313C;
}

table.table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.favouriteData {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
}

.btn-link {
    color: #FFF3D7;
}

p.mt-2 {
    color: #fff;
    font-size: 14px;
}


.community_sec .card-body {
    padding: 30px;
    position: relative;
    overflow: hidden;
}

.community_sec .card {
    border: 1px solid #ffffff1c !important;
    /* box-shadow: 33px 31px 56px 0px rgba(0, 0, 0, 0.04); */
    background: #ffffff08;
    color: #ffffffe6;
    border-radius: 30px;
}

.card_pp_row {
    display: block;
    text-align: center;
    margin: 30px 0;
}

.card_pp {
    /* display: flex
    ; */
    /* align-items: center; */
    /* justify-content: center; */
    /* flex-direction: column; */
    margin: 20px;
    width: 280px;
    /* height: 350px; */
    display: inline-block;
}

.card_pp .percent {
    position: relative;
}

.card_pp svg {
    position: relative;
    width: 210px;
    height: 210px;
    transform: rotate(-90deg);
}

.card_pp .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.card_pp .number h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0;
}

.card_pp .number span {
    font-size: 11px;
    line-height: 1.4;
    font-weight: 500;
    display: block;
    margin-top: 7px;
}

.card_pp svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 10;
    stroke-linecap: round;
}

.card_pp.cir_2 svg circle:last-child {
    stroke-dasharray: 625px;
    stroke-dashoffset: calc(625px -(625px* 40) / 100);
    stroke: #a65fff;
}

.card_pp.cir_3 svg circle:last-child {
    stroke-dasharray: 625px;
    stroke-dashoffset: calc(625px -(625px* 25) / 100);
    stroke: #a65fff;
}

.sm_card {
    padding-top: 20px;
    border-top: 1px solid #3333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.sm_card .btn-link {
    color: #fff;
}

.sm_card .btn-link {
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    word-break: break-all;
}

.sm_card span {
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    margin-right: 3%;
}

.sm_card span img {
    max-width: 40px;
    margin-right: 15px;
}

.card_mini.col-cards .card-body {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px 0;
}

.os_sec .card-body p {
    margin-bottom: 0;
    font-size: 14px;
    color: #ffffffdd;
}

.st_sec .card-body .st_card {
    padding: 40px;
    padding-left: 20%;
}

body .st_sec .card {
    background: #111214;
}

.os_sec .col-cards.card_mini .card {
    background: #ffffff0a;
    border: 0 !important;
    border-radius: 15px;
    border: 1px solid #ffffff1f !important;
}


.community_sec .section-title {
    border: 0;
    padding-left: 70px;
}

.community_sec .section-title h1 {
    font-weight: 800;
}

.p_sec .section-title p {
    font-size: 15px;
    font-weight: 400;
    margin: 1rem 0;
    line-height: 1.6;
}

.custom-border-btn-white {
    color: #ffffff !important;
    border: 1px solid #ffffff2d;
    background: transparent;
}

.custom-border-btn-white:hover {
    border-color: #cbdbd433 !important;
    background: #cbdbd44a !important;
}

.p_sec {
    margin: 70px 0;
}


section.ep_sec.section-padding {
    color: #ffffffd0;
    padding: 20px 0 80px;
}

section.ep_sec.section-padding h2 {
    font-weight: 700;
}

section.ep_sec.section-padding p {
    font-size: 15px;
}

.os_sec table.table.table-bordered td,
table.table.table-bordered tr {
    border-color: #ffffff33 !important;
    padding: 19px 22px;
    font-size: 13px;
    vertical-align: middle;
    background-color: transparent;
    color: #ffffffbf;
}

button#submitBtn {
    font-size: 18px !important;
    padding: 8px 24px;
}

.section-title {
    margin-bottom: 60px;
}

.os_sec .section-title p {
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    font-size: 15px;
}

section.os_sec {
    padding: 40px 0 50px;
    color: #ffffffcf;
}

.partner_page .os_sec .card-body {
    padding: 40px;
    color: #ffffffe0;
}

.partner_page .os_sec .card {
    border-radius: 30px;
    background: #111214;
    /* background: #0D162E; */
    border: 0 !important;
    border-radius: 30px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid #ffffff1f !important;
}

.partner_page .os_sec .card-body h5 {
    margin: 20px 0;
    font-size: 20px;
}

.partner_page .os_sec .card-body p {
    font-size: 14px;
    margin: 0px;
}

.os_sec h3 {
    margin-bottom: 40px;
}

.os_sec .col-cards .card-body {
    display: flex;
    padding: 20px;
    align-items: center;
}

section.os_sec h2 {
    font-weight: 700;
}

.os_sec .card-body i {
    width: 56px;
    height: 56px;
    display: inline-flex;
    color: #ffffffb5;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    margin-right: 15px;
}

body .form-control {
    background-color: transparent !important;
    border: 1px solid #ffffff1c;
    color: #fff !important;
    border: 1px solid #ffffff26 !important;
    padding: 15px 20px;
    width: 100%;
}

body .form-control[type="file"] {
    border: none !important;
    border-radius: 0px !important;
}

button.btn.supportbtn {
    background-color: #f3bb2b;
    color: #000 !important;
    font-size: 16px;
    padding: 14px 42px;
    font-weight: 600;
    border-radius: 50px;
    opacity: 1;
    width: auto;
    cursor: pointer;
}

.issuelist_data {
    margin-top: 40px;
}

.issuelist_data table tr th {
    font-size: 12px;
    color: #949AA4;
    font-weight: 300;
}


.card.f_card {
    color: #ffffffb8;
}

.c_form {
    margin-top: 20px;
}

.search_icon2 input[type="search"] {
    border: none;
    padding: 4px;
    background: #2e2e2d;
    border-radius: 50px;
    color: #bfbfbf;
    text-align: center;
}

.form-group label {
    color: var(--white-color);
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 10px;
}

body .support_form_s .form-control:focus {
    background-color: transparent;
    border: 1px solid #ffffff1c;
    color: #fff !important;
}

section.st_sec .card-body {
    padding: 50px;
}

.st_card {
    padding: 40px;
}

.st_sec img {
    /* margin-top: -27%; */
    max-width: 350px;
}

.st_sec .card {
    background: #111214;
    border: 0 !important;
    border-radius: 30px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid #ffffff1f !important;
    color: #ffffffcc;
}

.partner_page .st_sec .st_card h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.st_card h5 {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 15px;
}

.partner_page .st_card p {
    font-size: 15px;
    line-height: 1.8;
}

.partner_page .st_card p b {
    font-weight: 800;
    font-size: 140%;
    line-height: 1;
}

/* .text-gradient {
    background: var(--gradient2, linear-gradient(62deg, #a65fff 0%, #bd83cb 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.blog_section_b {
    color: #fff;
    background-color: #181A20;
    /* padding: 50px 0px; */
    /* background-image: url(../images/buler_bg.png); 
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;*/
}


.trade-wrapper.spot {
    display: flex;
    color: #fff;
    gap: 42px;
    justify-content: space-between;
    background-color: #111114;
    padding: 80px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}


.token_outerbg {
    display: flex;
    flex-direction: column;
    color: #fff;
    gap: 0px;
    justify-content: space-between;
    background-color: #111114;
    padding: 10px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.token_outerbg .partner_page {
    background-image: none;
    background-color: transparent;
}

.token_outerbg .os_sec.cv_tocnomics .card {
    background: #ffffff01;
    /* background: #0D162E; */
    color: #ffffffe6;
    border: 0 !important;
    border-radius: 30px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid #ffffff1f !important;
}

.coin_list_outer_s {
    display: flex;
    flex-direction: column;
    color: #ffffffc7;
    gap: 0px;
    justify-content: space-between;
    background-color: #111114;
    padding: 60px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.card {
    background-color: transparent;
    /* background: #ffffff0a;
    border: 0 !important;
    border-radius: 12px;
    border: 1px solid #ffffff1f !important; */
}

.refrefer_earn_outer {
    display: flex;
    flex-direction: column;
    color: #ffffffc7;
    gap: 0px;
    justify-content: space-between;
    background-color: #181A20;
    padding: 60px 0px;
    background-image: none;
}

.ref_col {
    max-width: 100%;
}

.ref_body {
    margin-top: 36px;
    max-width: 50%;
}

.refrefer_earn_vector {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.slider_img img {
    width: 500px;
    height: 454px;
    border: 1px solid #2F384E;
    border-radius: 16px;
}

.ref_cards.mb-0 {
    max-width: fit-content;
    padding: 23px;
    background: #7ed37529;
    border: 2px solid #7ed3754a;
    border-radius: 20px;
}

.ref_cards p {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.ref_cards h3 {
    color: #7ED375;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}

.card-header.ref_header {
    margin: 0px 0;
    background: transparent;
    padding: 0;
    border: 0;
    color: #ffffffd6;
}

.card-header.ref_header h2 {
    letter-spacing: 0px;
    font-weight: 500;
    color: #f3bb2b;
    margin-bottom: 15px;
}

.card-header.ref_header h4 {
    font-size: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

.card-header.ref_header h6 {
    font-weight: 400;
    font-size: 20px;
    color: #7f848d;
    line-height: 32px;
}

.ref_body .form-control {
    padding: 0.875rem 1.5rem;
    color: #fff;
    background-color: rgb(255 255 255 / 0%);
    font-feature-settings: "pnum" on, "lnum" on;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50px;
}

.field-otp-box>input {
    padding-right: 81px !important;
}

.referral_recent_s {
    padding-bottom: 60px;
}

.referral_recent_s .dashboard_recent_s {
    margin: 0px;
}

.card-body_inner.referral_code_s {
    background-color: #2B313C;
    padding: 24px;
    border-radius: 16px;
    width: 95%;
    margin-top: 20px;
}

.referral_code_s ul {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.referral_code_s ul li {
    font-size: 14px;
    color: #6F798C;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

.referral_code_s ul li span {
    color: #fff;
}

.referral_code_s ul li span a {
    color: #fff;
    margin-left: 20px;
}

.referral_code_s button {
    background-color: #F3BB2B;
    color: #000;
    border-radius: 50px;
    padding: 10px 36px;
    margin-top: 18px;
}

.referral_code_s button a {
    color: #000;
}

.how_to_refer_s {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
}

.how_to_refer_s h2 {
    font-size: 30px;
}

.how_to_refer_s ul {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 32px;
}

.how_to_refer_s ul li {
    font-size: 14px;
    color: #6F798C;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-direction: column;
}

.how_to_refer_s ul li img {
    width: 40px;
    height: 40px;
}

.how_to_refer_s ul li h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

.how_to_refer_s ul li p {
    font-size: 14px;
    color: #6F798C;
    width: 70%;
}


/* Normal placeholder */
input::placeholder {
    color: #9ca3af;
    /* light gray */
    opacity: 1;
    /* Firefox fix */
}

/* Chrome / Edge / Safari */
input::-webkit-input-placeholder {
    color: #9ca3af;
}

/* Firefox */
input::-moz-placeholder {
    color: #9ca3af;
}

/* IE / Old Edge */
input:-ms-input-placeholder {
    color: #9ca3af;
}

::-webkit-input-placeholder {
    color: #bfbfbf;
}

::-moz-placeholder {
    color: #bfbfbf;
}

:-ms-input-placeholder {
    color: #bfbfbf;
}

:-moz-placeholder {
    color: #bfbfbf;
}



/* Normal placeholder */
body.light_theme input::placeholder {
    color: #666;
    /* light gray */
    opacity: 1;
    /* Firefox fix */
}

/* Chrome / Edge / Safari */
body.light_theme input::-webkit-input-placeholder {
    color: #666;
}

/* Firefox */
body.light_theme input::-moz-placeholder {
    color: #666;
}

/* IE / Old Edge */
body.light_theme input:-ms-input-placeholder {
    color: #666;
}

body.light_theme::-webkit-input-placeholder {
    color: #666;
}

body.light_theme::-moz-placeholder {
    color: #666;
}

body.light_theme:-ms-input-placeholder {
    color: #666;
}

body.light_theme:-moz-placeholder {
    color: #666;
}



.ri-search-line {
    color: #bfbfbf;
}

.login_section .lightlogo,
.login_section .darklogo {
    width: 180px;
    margin-bottom: 30px;
}

.field-otp-box button {
    /* top: 11px; */
    position: absolute;
    right: 15px;
    padding: 6px 12px;
    min-width: 80px;
    font-weight: normal;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ffffff1a;
    background: #111214;
    color: #fff !important;
    font-weight: 600;
    margin-top: 0px;
}

.referral_code_s .field-otp-box {
    margin-top: 18px;
}

.field__wrap {
    position: relative;
}

.field__label {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
}

label {
    color: #b1b5c3;
}

.cursor-pointer {
    cursor: pointer !important;
}

.refrefer_earn_outer {
    padding: 90px 0px;
}

.joc_social {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #f3bb2b;
    padding: 8px 13px;
    border-radius: 50px;
    color: #000;
    font-size: 22px;
    transition: 1s all;
    margin-right: 10px;
    transition: 0.2s all;
    border: 1px solid #f3bb2b;
    font-weight: 300;
}

.joc_social:hover {
    background: #0a0a0a;
    color: #f3bb2b;
}

.login_section .form_block_login sup {
    font-size: 15px;
}

.login_section .form_block_login p {
    text-align: center;
    font-size: 14px;
    color: #87909f;
}

.login_section .form_block_login p span {
    color: #f3bb2b;
    padding: 0px;
    border-radius: 2px;
}

.register_verified_form {
    /* background: linear-gradient(180deg, rgba(96, 83, 51, 1) 0%, rgba(0, 0, 0, 1) 100%); */
    border-radius: 24px;
    /* padding: 90px; */
    text-align: center;
    color: #fff;
    margin: 70px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.register_verified_vector {
    max-width: 450px;
    margin: 0 auto;
}

.register_verified_vector2 {
    max-width: 200px !important;
}

.register_verified_form h1 {
    font-size: 53px;
    color: #f3bb2b;
    margin-top: 24px;
    padding-bottom: 10px;
}

.register_verified_form button {
    width: 185px;
    padding: 0px;
    margin-top: 20px;
    border: none;
    border-radius: 6px;
}

.register_verified_form button a {
    font-size: 14px;
    color: #000;
    padding: 15px 32px;
    display: block;
}

.register_verified_form p {
    font-size: 20px;

    line-height: 16px;
}

p.dark_yellow {
    color: #B4964E;
}

p.light_red {
    color: #C5484A;
}

p.yellow {
    color: #F4B609;
}

.verifiedform .registration__info.bottom {
    margin-top: 10px;
}

.login_section .form_block_login h4 {
    text-align: center;
}

body .right_t.right_0 {
    text-align: center !important;
}

.joc_social .ri-xl {
    font-size: 22px;
}

.active_ul {
    color: #fff !important;
}

/* .twofa_card>.card-body {
    padding: 30px;
} */

.table>:not(caption)>*>* {
    border-color: #464c56;
    background-color: transparent;
    color: #F2F4F6;
}

.sc_card {
    display: flex;
    align-items: start;
    gap: 20px;
    margin: 50px 0;
}

.sc_card h5 {
    font-weight: 600;
    font-size: 18px;
}

.sc_card p {
    font-size: 14px;
    opacity: 0.7;
    line-height: 1.5;
    margin: 0px;
}

.img-fluid.joc_img {
    width: 100%;
    max-width: 400px;
}

.partner_page .p_sec .community_sec .row.align-items-center .col-lg-6 {
    text-align: center;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.ep_sec img {
    max-width: 526px;
    width: 100%;
}

.ep_sec.section-padding .col-lg-6 {
    text-align: center;
}

.get_otp2 {
    cursor: pointer;
}

span.max {
    cursor: pointer;
}


section.buy_page.mt-5.hero-1 {
    display: flex;
    flex-direction: column;
    color: #ffffffc7;
    gap: 0px;
    justify-content: space-between;
    background-color: #111114;
    padding: 60px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px !important;
}

form.custom-form.card_qbs.ticket-form {
    position: relative;
}

.announcement_outer {
    display: flex;
    flex-direction: column;
    color: #ffffffc7;
    gap: 0px;
    justify-content: space-between;
    background-color: #111114;
    padding: 60px 0px;
    /* background-image: url(../images/buler_bg.png); */
    background-position-y: top;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px !important;
}

.announcement_outer h2 {
    font-size: 32px;
    font-weight: 600;
    /* padding-bottom: 24px; */
    display: block;
}

section.section-padding.val_sec.pt-0 {
    margin-top: 20px;
}

.announcement_outer .section-padding.val_sec .card {
    color: #ffffffd9;
}

.announcement_outer .an_title h5 {
    margin-bottom: 0;
    font-size: 18px;
}

.announcement_outer .ot_ann .an_title.an_mini h5 {
    font-size: 13px;
}

.ticket-form {
    padding: 50px;
    background: #111214;
    border-radius: 18px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.login-header {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    width: 100%;
}

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

.login-pillss li {
    width: 50%;
}

.login-pills li .nav-link {
    border-radius: 15px 20px 13px 0px;
}

.login-pills li .nav-link.nav_danger {
    border-radius: 24px 15px 0px 13px;
}

.create-item-wrapper a {
    color: #f3bb2b;
}


.login-pills li .nav-link.nav_danger.active {
    background: #ed5765;
    border-color: #ed5765 !important;
    border-radius: 24px 15px 0px 13px;
}

.css-b62m3t-container {
    position: relative;
    box-sizing: border-box;
}

.custom-select__control {
    background-color: #1b1d2c00 !important;
    border-color: #1b1d2c00 !important;
    border-radius: 50px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 1px solid rgb(255 255 255 / 10%) !important;
    padding: 10px 7px !important;
}


.custom-select__menu {
    background-color: #1b1d2c00 !important;
    /* Dark dropdown */
    color: #fff !important;
}

.custom-select__option {
    background-color: #1f2330 !important;
    /* Option background */
    color: #fff !important;
}

.custom-select__option--is-selected {
    background-color: #1b1d2c !important;
    /* Selected option */
}

.custom-select__option--is-focused {
    background-color: #1b1d2c !important;
    /* Hovered option */
}

.custom-select__single-value {
    color: #fff !important;
    /* Selected value text */
}

.custom-select__placeholder {
    color: #1b1d2c !important;
    /* Placeholder color */
}

.custom-select__dropdown-indicator {
    color: #1b1d2c !important;
}

.custom-select__indicator-separator {
    background-color: #1b1d2c !important;
    /* Indicator separator */
}


.custom-select__dropdown-indicator {
    color: #1b1d2c !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    /* display: flex
; */
    -webkit-transition: color 150ms;
    /* transition: color 150ms; */
    color: hsl(0, 0%, 80%);
    padding: 8px;
    box-sizing: border-box;
}

.custom-select__indicator-separator {
    background-color: #1b1d2c !important;
}

.css-1u9des2-indicatorSeparator {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 1px;
    background-color: hsl(0, 0%, 80%);
    margin-bottom: 8px;
    margin-top: 8px;
    box-sizing: border-box;
}

.balance-libra {
    background: #0e2648;
    background: rgb(189 134 38 / 14%);
    border-radius: 15px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #9600f329;
    padding: 7px 15px;
}

.card-success * {
    font-weight: 500 !important;
    font-size: 12px;
}

.card_qbs.ticket-form .form-label,
.fornewlabel {
    font-size: 14px;
}

.field-otp-box {
    position: relative;
}

.field-otp-box button {
    /* top: 11px; */
    position: absolute;
    font-size: 11px;
    right: 15px;
    padding: 6px 12px;
    min-width: 80px;
    font-weight: normal;
    top: 50%;
    transform: translateY(-50%);
    color: #fff !important;
    font-weight: 600;
    background: transparent !important;
    padding: 0 9px;
    min-width: unset;
    border: 0 !important;
}

.custom-form .form-control,
.custom-form .form-select {
    color: var(--p-color);
    margin-bottom: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    outline: none;
    background-color: rgb(255 255 255 / 0%);
    border: 1px solid rgb(255 255 255 / 10%);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 16px;
    border-radius: 60px;
}

.custom-form .tab-content>.tab-pane {
    padding-right: 0px;
    height: 100%;
}

button.btn.btn-success {
    color: #fff !important;
    background-color: #5EBA89 !important;
    border-radius: 50px;
    font-size: 12px;
    padding: 3px 16px;
    border-color: #5EBA89;
}


.issuelist_data table tr td {
    border: none;
    font-size: 12px;
    font-weight: 300;
}

.issuelist_data table tr td i.ri-file-copy-line {
    color: #EAECEF;
}

.issuelist_data table tr th {
    border: none;
}

.supportsection {
    width: 70%;
}


.user_login .user_img {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    overflow: inherit;
}

.user_login .user_img img {
    width: 48px;
    height: 48px;
    border-radius: 50px !important;
    border: 1px solid #666;
    margin-bottom: 2px;
}

.user_login .user_img img {
    border-radius: 7px;
}


.password_security_s {
    width: 100%;
}

.password_security_img {
    max-width: 100%;
    opacity: 0.6;
    text-align: center;
    position: relative;
    top: 40px;
}

body .text-success {
    color: #5EBA89 !important;
}

.password_security_img img {
    max-width: 320px;
}

.password_security_s .row {
    justify-content: space-between;
    align-items: center;
}




.announcement_outer h2 {
    font-size: 24px;
}





.cursor {
    cursor: pointer;
}





.btn-green {
    background-color: #9ad954 !important;
    color: #000 !important;
}

.btn-red {
    background-color: red !important;
}

.marquee-margin {
    margin-right: 60vw !important;
    margin-left: 60vw !important;
}

.deposit_dropdown h5::before {
    background-color: green !important;
}

.refresh-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.fetching_deposit_text {
    font-size: 14px;
    color: rgb(114 109 109) !important;
}

.form-control::placeholder {
    color: white !important;
    opacity: 1;
}

body.light_theme .form-control::placeholder {
    color: #666 !important;
    opacity: 1;
}


.currency_icon img {
    border-radius: 100px;
    object-fit: cover;
    width: 38px;
    height: 38px;
}


.currency_img_mr img {
    border-radius: 100px;
    width: 70px;
    object-fit: cover;
    height: 70px;
}

.currency_tp_s img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    object-fit: cover;
}

.kyc_form_multistep .form-step {
    /* display: none; */
}

.kyc_form_multistep .form-step.active {
    display: block;
}

.kyc_form_multistep .step-buttons {
    margin-top: 20px;
}

.kyc_form_multistep .step-buttons button {
    border-radius: 5px;
    font-size: 16px;
    padding: 6px 7px;
    background: #f3bb2b;
    color: #000 !important;
    cursor: pointer;
    border: 1px solid #f3bb2b !important;
    font-size: 26px !important;
}

.Toastify {
    position: relative;
    z-index: 99999999;
}

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

.kyc_form_multistep .step-indicator {
    margin: 10px 0px 40px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    position: relative;
}

.kyc_form_multistep .step-indicator::before {
    content: "";
    background-color: #949494;
    width: 92%;
    margin: 0 auto;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 81%;
    right: 0px;
}

.kyc_form_multistep .step-indicator span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: #ddd;
    margin-right: 10px;
}

.kyc_form_multistep .step-indicator .active span {
    background-color: #f3bb2b;
    color: #000;
}

.kyc_form_multistep .step-indicator h6 {
    font-size: 15px;
    margin: 0px;
}

.kyc_form_multistep .step-indicator p {
    font-size: 13px;
}

.kyc_form_multistep .step-circle {
    text-align: center;
    color: #949494;
    position: relative;
    z-index: 6666;
}

.kyc_form_multistep .step-circle.active {
    color: #fff;
}

.kyc_form_multistep .form-check {
    padding-left: 0 !important;
    width: 50%;
}

.kyc_form_multistep .form-check-input {
    border: 2px solid #dadce0;
}

.kyc_form_multistep .form-check-input {
    display: none;
}

.kyc_form_multistep .gender_radio .form-check-input:checked,
.kyc_form_multistep .form-check-input[value="true"] {
    background-color: #f3bb2b;
    border-color: #f3bb2b;
}

.kyc_form_multistep .form-check-input[type="radio"] {
    border-radius: 50%;
}


.kyc_form_multistep .gender_radio .form-check-label {
    position: relative;
    color: #ffffff70;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    align-items: center;
    gap: 0 10px;
    padding: 8px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 50px;
}

.kyc_form_multistep .gender_radio input[type="radio"]:checked+.form-check-label:before {
    height: 18px;
    width: 18px;
    border: 4px solid #000000;
    background-color: transparent;
}

.form-check-label:before {
    content: "";
    height: 18px;
    width: 18px;
    border: 2px solid #ffffff4f;
    border-radius: 50%;
}

.gender_radio input[type="radio"]:checked+.form-check-label {
    background-color: #f3bb2b;
    color: #000000;
}

.upload-area .upload-formate h6.title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.kyc_form_multistep .text-danger {
    color: #ff4761 !important;
}

.kyc_form_multistep .text-smallest {
    font-size: 14px;
    font-weight: normal;
    opacity: .7;
    display: block;
    margin-top: 4px;
}

.kyc_form_multistep .upload-area .brows-file-wrapper {
    position: relative;
    border-radius: 10px;
    transition: 0.3s;
}

.kyc_form_multistep .upload-area .brows-file-wrapper input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.kyc_form_multistep .upload-area {
    margin: 32px 0px;
}

.kyc_form_multistep .upload-area label {
    border: 2px dashed #52556445;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    margin-bottom: 15px;
    background: rgb(255 255 255 / 5%);
}

.upload-area label i {
    font-size: 40px;
    stroke-width: 1px;
    color: #f3bb2b;
    margin-bottom: 10px;
}

.upload-area label span {
    font-size: 20px;
}

.upload-area label .file-type {
    font-size: 14px;
    font-weight: 300;
}

.kyc_form_multistep {
    background-color: #000000;
    color: #fff;
    padding: 32px;
}

.kyc_form_multistep .kyc_form_multistep h1 {
    font-size: 24px;
}

.kyc_form_multistep .form-step h2 {
    font-size: 18px;
    margin-bottom: 18px;
}

.kyc_form_multistep .form_bl_step {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #2c2c2c;
    padding: 24px;
    margin-bottom: 32px;
}

.kyc_form_multistep .inquery_fill {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #8b8b8b;
}

.kyc_form_multistep .inquery_fill label {
    font-size: 16px;
}

.kyc_form_multistep .inquery_fill select {
    width: 100%;
    border: 1px solid #6666;
    background-color: transparent;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
}

.kyc_form_multistep .inquery_fill input[type="text"] {
    width: 100%;
    border: 1px solid #6666;
    background-color: transparent;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
}

.kyc_form_multistep .form_bl_step .inquery_fill {
    margin: 15px 0px;
}

.kyc_form_multistep .gender_radio {
    padding: 4px;
    background-color: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 50px;
    gap: 0 10px;
}

.kyc_form_multistep .inquery_fill input[type="number"] {
    width: 100%;
    border: 1px solid #6666;
    background-color: transparent;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
}

.kyc_form_multistep .field-otp-box {
    width: 100%;
    border: 1px solid #6666;
    background-color: transparent;
    border-radius: 50px;
    color: #fff;
    padding: 0px 15px;
}

.kyc_form_multistep .field-otp-box input[type="email"] {
    width: 85%;
    background-color: transparent;
    border: none;
    color: #fff;
}

.kyc_form_multistep .field-otp-box button.btn.btn-sm {
    background-color: #f3bb2b !important;
    border-radius: 50px;
    font-size: 13px;
    color: #000 !important;
    font-weight: 600;
    padding: 4px 15px;
    float: right;
}

.kyc_form_multistep input#emailOTP {
    width: 100%;
    border: 1px solid #6666;
    background-color: transparent;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
}

.kyc_form_multistep .inquery_fill select option {
    color: #000;
}

.kyc_form_multistep .verificationform .row {
    margin-bottom: 24px;
}

/* div#previewSection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

div#previewSection p {
    padding: 24px;
    border-radius: 15px;
    border: 1px solid #404040;
    font-size: 15px;
} */

.submitbutton {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 0px;
    position: relative;
    top: 40px;
}

.img-account-profile {
    height: 10rem;
    width: 10rem;
    object-fit: cover;
}

.review_information {
    padding: 40px;
    background-color: #ffffff17;
    color: #fff;
    border-radius: 25px;
}

.review_information .text-muted {
    color: #ffffffa8 !important;
}

.review_information .text-dark {
    color: #ffffffa8 !important;
}

.review_information .text-center {
    color: #fff;
}

.review_information .card-body.py-5.pb-0 {
    border: 1px solid #333333;
    border-radius: 15px;
}

.review_information .card.card-header-actions.mb-4 {
    border: 1px solid #333333;
    border-radius: 15px;
    color: #fff;
}

.doc_img {
    padding: 1rem;
    border-radius: 10px;
    background: #2b2b2b;
}

.doc_img img {
    overflow: hidden;
    border-radius: 5px;
    object-fit: contain;
}

.kyc_form_s .submitbutton button {
    padding: 12px 36px;
    border-radius: 50px;
}

.step-buttons {
    display: flex;
    justify-content: center;
    gap: 32px;
}

.kyc_form_multistep .inquery_fill label {
    margin-bottom: 12px;
}

.kyc_form_multistep .gender_radio label {
    margin-bottom: 0px;
}



button.morebtn {
    padding: 0px;
}





.faq_cta_outer .card h2 .accordion-button {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.faq_cta_outer .card {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9d9d9d;
    border-radius: 0px;
}

.card-body.card-body-padding-top.text-align-start.border-bottom {
    color: #fff;
}

.gallery_crypto {
    width: 100%;
    border: 1px solid #191C21;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(48, 44, 34, 1) 0%, rgba(7, 7, 7, 1) 25%, rgba(16, 15, 13, 1) 75%, rgba(48, 44, 34, 1) 100%);
    padding: 24px;
    text-align: center;
    min-height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
    justify-content: center;
}

.gallery_crypto h4 {
    margin: 0px;
    font-weight: 600;
}

.gallery_crypto p {
    margin: 0px;
}

.gallery_crypto .cryptoicon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-bottom: 15px;
}

.footer_logo .darklogo {
    display: block;
}

.footer_logo img {
    width: 100%;
}

.coin_view_top h6 {
    margin: 0px;
}

body .themecolor_icon .ri-sun-fill {
    display: none;
    color: #fff;
}

.block_features .lightimg {
    display: none;
}

.icon img {
    border-radius: 50px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    object-fit: cover;
}

.maindashboard .tab-content>.tab-pane {
    padding-right: 0px;
}

span.fontWeight {
    font-weight: 300;
    color: #848E9C;
}

.leftside_menu .logout_btn {
    position: fixed;
    bottom: 0px;
    width: 210px;
    text-align: center;
}

.leftside_menu .logout_btn a {
    background-color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 7px 20px;
    color: #000;
}

.faq_section .table-responsive {
    max-height: 340px;
}

ul.tbltabs {
    display: flex;
    align-items: center;
    gap: 24px;
}

ul.tbltabs li button {
    padding: 5px 16px;
    background-color: transparent;
    border: none;
    color: #949AA4;
    font-size: 13px;
    font-weight: 500;
    background-color: #2B313C00;
    border-radius: 4px;
}

ul.tbltabs li.active button {
    background-color: #2B313C;
}

ul.tbltabs li select {
    background-color: transparent;
    border: none;
    color: #F7F7F7;
    font-size: 13px;
    font-weight: 500;
}

a.search_icon i {
    font-size: 15px;
}

.highlights_crypto_s {
    padding: 70px 0px;
    color: #fff;
    /* text-align: center; */
}

.highlights_crypto_s h2 {
    font-weight: 600;
    text-shadow: 0px 4px 50px #f3bb2b;
}

.highlights_crypto_s .slide_highlights {
    width: 100%;
    border: 1px solid #f3bb2b;
    border-radius: 20px;
    overflow: hidden;
    transition: 1s all;
    background-color: #191919;
    position: relative;
    margin-top: 32px;
    padding: 32px;
}

.highlights_crypto_s .currency_list_b {
    background-color: transparent;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    gap: 0px;
}


.highlights_crypto_s .currency_list_b .heighlightcnt {
    width: 100%;
}

.highlights_crypto_s .currency_list_b .heighlightcnt h2 {
    font-size: 26px;
    text-shadow: none;
}

.vector_icon_slide img {
    width: 100%;
    object-fit: contain;
}

.highlights_crypto_s .row {
    align-items: center;
}

.highlights_crypto_s .vector_icon_slide {
    width: 250px;
}

.modal-backdrop.show {
    opacity: 0 !important;
    display: none;
}

.earining_calculator_form select option {
    color: #000;
}

.top_total_bar {
    display: flex;
    gap: 100px;
    align-items: center;
    margin-top: 32px;
    justify-content: space-between;
}

ul.active_package_top {
    display: flex;
    gap: 50px;
}

ul.active_package_top li {
    font-size: 19px;
    color: #ffffffd2;
}

ul.active_package_top li span {
    color: #f3bb2b;
    font-weight: 600;
    padding-right: 7px;
}

ul.active_package_top li img {
    width: 20px;
}

.subprice_t {
    font-size: 13px;
    color: rgb(136, 136, 136);
    display: block;
}

button.addfundsbtn {
    border-radius: 10px;
}

.referralcode_s .align-items-center {
    align-items: center !important;
    gap: 15px;
}

.referralcode_s label {
    margin: 0px;
    white-space: nowrap;
}

.form-control:disabled {
    background-color: #5b5d5f !important;
    opacity: 1;
}

.yellowcolor {
    color: #f3bb2b;
}

.package_card_block {
    border: 1px solid #434343fc !important;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    background-color: #111114 !important;
    color: #fff !important;
    width: 100%;
    margin: 24px 0px;
}

.package_card_block .row.border.p-3.mb-3.rounded.package_date_s {
    border-color: #838383 !important;
}

.package_card_block .d-flex.justify-content-between.align-items-center.mb-3.flex-wrap.gap-3 {
    text-align: left;
}

.search_form.order_detail_pop .modal-content {
    border-radius: 20px;
    background: linear-gradient(108deg, rgba(43, 35, 25, 1) 0%, rgba(19, 15, 8, 1) 100%);
    border: 1px solid #f3bb2b;
}

.search_form.order_detail_pop .modal-header {
    border-bottom: none !important;
    padding: 32px 32px 0px !important;
}

.search_form.order_detail_pop .modal-header h5 {
    font-size: 26px;
    font-weight: 5000;
    color: #f3bb2b;
    border-bottom: 1px solid #4e432a;
    width: 100%;
    padding-bottom: 10px;
}

.search_form.order_detail_pop .cursor-pointer {
    font-size: 26px;
    color: #f3bb2b !important;
}

.search_form.order_detail_pop .hot_trading_t.model_height th {
    font-size: 18px;
    color: #f3bb2b;
}

.search_form.order_detail_pop .hot_trading_t.model_height td {
    font-size: 18px;
    color: #f3bb2b;
    padding: 12px 0px !important;
    font-weight: 400;
}

td.right_t.price_tb span.usd_price_tb2 {
    font-size: 18px;
    border-radius: 5px;
    color: #BDFBB2;
    background-color: #60a85c45;
    border: 1px solid #60A85C;
    padding: 10px 15px;
}

.search_form.order_detail_pop td.right_t.price_tb span {
    font-weight: 400;
}

.search_form.order_detail_pop tr td [alt="date"] {
    padding-right: 5px;
}

.search_form.order_detail_pop button.orderbtn {
    padding: 12px;
    font-size: 20px;
    font-weight: 600;
}

.search_form.order_detail_pop.modelbg2 .modal-content {
    background: linear-gradient(0deg, rgba(15, 13, 8, 1) 80% 80%, rgba(91, 70, 19, 1) 100%);
}

.newhome_maximizeprofit_s .trade_btn button:hover {
    color: #000;
}


.model_height {
    height: 100% !important;
}

.login_btn input[type="button"]:disabled {
    cursor: not-allowed;
    background: #a79979 !important;
}

input#countryCode {
    border: none !important;
}

.notification_count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: red;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 50%;
    font-weight: bold;
    z-index: 1;
}

td.tb_background {
    background-color: rgb(138 135 142 / 13%);
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}


.user_login.dashbtn a {
    color: #0ecb70;
    background-color: #0ecb702e;
    padding: 5px 20px 6px;
    border-radius: 50px;
    border: 1px solid #0ecb70;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.icon_img {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}




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

.mines,
.plus {
    padding: 0px 10px;
    cursor: pointer;
    user-select: none;
    font-size: 18px;
    border-radius: 0px;
}

.inputvalue input {
    width: 60px;
    text-align: center;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 8px;
    background: #eee;
    margin: 15px 0;
    border-radius: 4px;
    cursor: pointer;
}

.progress-fill {
    height: 100%;
    background: #f3bb2b;
    border-radius: 4px;
    transition: width 0.2s ease;
}

.symblecurrency {
    display: flex;
    align-items: center;
}

.mt_table {
    overflow: auto;
}

.progress-thumb {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #f3bb2b;
    z-index: 999;
    border: none;
    border-radius: 50%;
    cursor: grab;
    transition: left 0.2s ease;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.value_selected ul {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.value_selected li {
    cursor: pointer;
    transition: background 0.3s;
}

.trade_movers_tb .table-responsive {
    min-height: 100%;
    max-height: 450px;
    height: 100%;
}

.order_trade_s .table-trade {
    overflow: clip;
    height: 100%;
}


.order_trade_s .table_info_data table tr th {
    font-size: 13px;
    padding: 8px 0px !important;
}

.reduce_select select {
    width: auto !important;
}

.price_inputbl select option {
    color: #000;
}

.order_trade_s .table_info_data table tr td {
    font-size: 13px;
    padding: 8px 0px !important;
}

.order_trade_s .tab-content>.tab-pane {
    padding-right: 0px;
}

.value_selected ul li:nth-child(2) {
    left: 2px;
}

.value_selected ul li:nth-child(3) {
    left: 6px;
}

.value_selected ul li:nth-child(4) {
    left: 8px;
}

.value_selected ul li:nth-child(5) {
    left: 12px;
}

.value_selected ul li:last-child {
    left: 0px;
}

.price_inputbl li button.active {
    background: #f3bb27;
    color: #000000;
    border-color: #f3bb2b;
}

.tpsl_reduce .form-check-label:before {
    display: none;
}

.trade_movers_tb {
    height: 100%;
}

/* .table_info_data table {
    height: 100%;
} */

.order_trade_s .tab-content>.tab-pane {
    height: 100%;
}

.table_info_data {
    height: 100%;
}

.classic_favorites_bl .trade_movers_tb .table_info_data {
    height: auto;
}

.price_inputbl.value_choose {
    padding-top: 15px;
    margin-top: 5px;
}

.tp_sl_option {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.deposit_crypto_block_coin {
    margin-top: 15px;
}

.tpsl_reduce .form-check {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.tpsl_reduce .form-check .tpsltabs {
    display: flex;
    align-items: center;
    gap: 7px;
}

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

.form-check.reduce_flex {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.progress_list ul li.active .cnt span.cancelled_txt {
    color: #fff;
}

.progress_list ul li.active .cnt a {
    color: #ff9700;
}

.profile_sections h2 {
    font-size: 40px;
}

.giveaway_top_list {
    width: 100%;
    display: inline-block;
    padding: 30px 0px 0px;
    position: relative;
}

.giveaway_top_list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .gaveaway_bg_vector {
    position: absolute;
    width: 75%;
    right: 0px;
    z-index: 333;
    top: 50px;
} */

.banner_t_shirts {
    max-width: 480px;
    position: relative;
    left: 160px;
    top: 40px;
}

.giveaway_top_list ul li:last-child .cnt {
    background-color: transparent;
}

.dashboard_right.padding_0 {
    padding-right: 0px;
}

.giveaway_top_list ul li {
    width: 100%;
    text-align: left;
    display: flex;
    font-size: 20px;
    color: #ffffffbf;
    position: relative;
}

.giveaway_top_list ul::before {
    width: 70%;
    margin: 0 auto;
    background-color: #dddddd4a;
    height: 1px;
    position: absolute;
    content: "";
    bottom: 15px;
}

span.textprofile {
    color: #e3e3e3;
}

.profile_id.kycstatus a.text {
    text-decoration: underline;
}

span.textprofile img {
    margin-left: 3px;
}

.giveway_section {
    text-align: center;
    width: 100%;
    padding: 0px 40px;
}

.mid_cnt {
    text-align: left;
    width: 85%;
    display: flex;
    flex-direction: column;
    padding: 50px 0px 24px;
}

.progress_list {
    width: 100%;
    display: block;
    padding: 32px 0px 0px;
}

.progress_list ul {
    display: flex;
    align-items: center;
    gap: 250px;
}

.progress_list ul li {
    text-align: left;
    display: flex;
    font-size: 20px;
    color: #ffffffbf;
    position: relative;
}

.progress_list ul li.canceltab {
    width: 100%;
    justify-content: center;
}

.progress_list ul li.active {
    color: #FEBA00;
}

.progress_list ul li .cnt {
    display: flex;
    background-color: #181a20;
    flex-direction: column;
    gap: 12px;
    padding: 0px 12px;
    text-align: center;
    align-items: center;
    min-width: 70px;
    position: relative;
}




.giveaway_top_list .cnt {
    display: flex;
    background-color: #181a20;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    align-items: center;
    min-width: 70px;
    position: relative;
}

.giveaway_top_list ul li span {
    width: 32px;
    height: 32px;
    background-color: #DDDDDD;
    border-radius: 50px;
}


.giveaway_top_list ul li.active {
    color: #FEBA00;
}

.giveaway_top_list ul li.active span {
    background-color: #FEBA00;
}

/* .giveaway_top_list ul li.active::before {
    background-color: #FEBA00;
} */

.giveaway_top_list ul li:last-child:before {
    display: none;
}

.giveway_hero {
    width: 80%;
    text-align: left;
    margin-top: 40px;
    display: flex;
    position: relative;
    z-index: 666;
    gap: 32px;
    align-items: start;
}

.banner_cnt_s {
    width: 100%;
}

.giveway_hero h1 {
    font-size: 48px;
    color: #FEBA00;
    font-weight: 600;
}

.giveway_hero ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 32px;
}

.modal-content {
    background-color: #3b4250;
}

.giveway_hero ul li {
    display: flex;
    align-items: start;
    gap: 8px;
}

.giveway_hero ul li h2 {
    font-size: 24px;
}

.giveway_hero ul li p {
    color: #f5f5f5;
    margin: 0px;
}

button.btn_claim {
    background-color: #FEBA00;
    font-size: 20px;
    padding: 10px 36px;
    border: none;
    font-weight: 600;
    color: #000;
    border-radius: 50px;
    margin-top: 32px;
}

button.btn_claim:hover {
    background-color: #FEBA00;
    color: #000;
}

button.btn_claim:active {
    background-color: #FEBA00;
    color: #000;
}

.modal.search_form .selectoption select {
    border: none;
    padding: 0px !important;
}

#claimModal.modal.search_form .selectoption select {
    padding: 0px 10px !important;
}

.form-select:focus {
    box-shadow: none;
}

.modal.search_form .selectoption {
    border-radius: 50px;
    padding: 12px 7px;
    border: 1px solid #545454;
}

.modal.search_form .selectoption option {
    color: #000;
}

#claimModal.modal.fade .modal-dialog {
    min-width: 520px;
}

#claimModal.search_form .modal-header {
    padding: 15px 32px !important;
}

.progress_list ul li:last-child:before {
    display: none;
}

.progress_list ul li .cnt img {
    filter: brightness(0) invert(1);
    /* default white */
    transition: 0.3s;
}

.progress_list ul li.active .cnt img {
    filter: invert(41%) sepia(75%) saturate(724%) hue-rotate(360deg) brightness(103%) contrast(101%);
}


.crypto_tabs_mbl {
    width: 100%;
    margin-top: 0px;
    display: none;
}

.crypto_tabs_mbl ul {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.crypto_tabs_mbl ul li button {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 10px 15px;
    border-bottom: 2px solid #ffffff00;
}

.crypto_tabs_mbl ul li.active button {
    color: #F3BB2B;
    border-bottom: 2px solid #F3BB2B;
}

.wallet_balance_tb {
    width: 100%;
    display: block;
    margin-top: 50px;
}

.twofactor_outer_s {
    border: 1.5px solid #2B313C;
    width: 100%;
    /* background-color: #2B313C; */
    border-radius: 12px;
    padding: 24px;
    margin-top: 24px;
}

.twofactor_outer_s p {
    font-size: 12px;
    color: #949AA4;
    margin: 0px;
}

.security_level {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
}

.security_level p span {
    color: #E45561;
}

.profile_form .emailinput .d-flex {
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.profile_form .emailinput {
    width: 100%;
    position: relative;
    border: 1px solid #949AA4;
    border-radius: 5px;
}

.profile_form .emailinput label {
    color: #949AA4;
    font-size: 12px;
    position: absolute;
    top: -10px;
    left: 24px;
    background-color: #373E4B;
    width: auto;
    padding: 0px 10px;
}

.profile_form .emailinput input {
    font-size: 14px;
    min-height: 50px;
    font-weight: 300;
    background: none;
    border-radius: 0px;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    border: none;
    width: 100%;
}

.alert.alert-warning {
    font-size: 14px;
}

.profile_form .emailinput textarea {
    font-size: 14px;
    min-height: 50px;
    min-height: 120px;
    font-weight: 300;
    background: none;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    border: none;
    width: 100%;
}

.profile_form .row {
    row-gap: 30px;
}

.profile_form .emailinput select {
    font-size: 14px;
    min-height: 50px;
    font-weight: 300;
    background: none;
    padding: 10px;
    font-size: 12px;
    color: #949AA4;
    border: none;
    width: 100%;
}

.search_form .profile_form button.submit {
    background-color: #FFFFFF;
    border: none;
    border-radius: 50px;
    margin-top: 12px;
}

.supportinquery .profile_form button.submit {
    margin-top: 0px;
}

#editAvatarModal .selfie_circle {
    width: 200px;
    margin: 15px auto;
}

.form_select select option {
    background-color: #4B515D;
    color: #fff;
}

#profilepop .user_img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

#profilepop .edit_user {
    right: -15px;
    bottom: 5px;
    width: 32px;
    height: 32px;
}

.phonecode {
    width: 90px;
    border: 1px solid #666;
    border-radius: 5px;
    padding-right: 7px;
}

.modal.search_form .emailinput .d-flex.mobilenumber {
    gap: 10px;
    padding: 10px;
}

.profile_form .emailinput .mobilenumber select {
    padding: 5px !important;
    min-height: 32px;
}

.profile_form .emailinput .mobilenumber select option {
    color: #000;
}

.getotp {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 50px;
    margin-right: 10px;
}

.supportinquery {
    margin-top: 36px;
}

.supportinquery .profile_form .emailinput label {
    background-color: #181a20;
}


.chatmessages .chat-container {
    height: 700px;
    background: #2F3542;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chatmessages .chat-header {
    background: #2A303C;
    padding: 16px;
    border-bottom: 1px solid #3B4251;
}

.chatmessages .chat-header h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 6px;
}

.chatmessages .ticket {
    color: #9AA3B2;
    font-size: 13px;
}

.chatmessages .chat-body {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
}

.chatmessages .message {
    display: flex;
    margin-bottom: 22px;
    align-items: flex-end;
}

.chatmessages .message.right {
    justify-content: flex-end;
}

.chatmessages .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #4B5160;
    display: flex;
    background-color: #303234;
    align-items: center;
    justify-content: center;
    color: #FFD54F;
    font-weight: bold;
    margin-right: 10px;
}

.chatmessages .message.right .avatar {
    margin-left: 10px;
    margin-right: 0;
}

.chatmessages .bubble {
    max-width: 300px;
    background: #47505E;
    color: #E6E9EF;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
}

.chatmessages .message.left .bubble::before {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 12px;
    border-width: 6px 6px 6px 0;
    border-style: solid;
    border-color: transparent #47505E transparent transparent;
}

.chatmessages .message.right .bubble::before {
    content: "";
    position: absolute;
    right: -6px;
    bottom: 12px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #3A4151;
}

.chatmessages .chat-footer {
    padding: 14px;
    border-top: 1px solid #3B4251;
    background: #2A303C;
    display: flex;
    align-items: center;
}

.chatmessages .chat-footer input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
}

.chatmessages .chat-footer input::placeholder {
    color: #7C8495;
}

.chatmessages .icon-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #4B5160;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    color: #fff;
    cursor: pointer;
}

.chatmessages .send-btn {
    background: #F5C542;
    border: none;
    color: #000;
}

.modal.chatmessages .modal-dialog {
    position: absolute;
    right: 0px;
}

.swaplist {
    display: flex;
    gap: 42px;
}

.swaplist li {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.swaplist li span {
    color: #ffffff40;
    display: block;
}

.swap_usdtdata {
    width: 610px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #222831;
    border-radius: 16px;
    padding: 26px;
    margin-top: 60px;
}

.swap_ustd_bl {
    width: 100%;
    background-color: #FFFFFF05;
    border-radius: 13px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.swap_ustd_bl .from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.swap_ustd_bl .from button {
    background-color: #181A20;
    border: none;
    padding: 8px;
    border-radius: 50px;
    width: 190px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #F2F4F6;
    font-size: 18px;
}

.swap_ustd_bl .from h6 {
    font-size: 22px;
    margin: 0px;
    color: #535963;
    font-weight: 600;
}

.swap_ustd_bl .from button img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    overflow: hidden;
}

.swap_ustd_bl .from p {
    font-size: 15px;
    color: #87909F;
    display: flex;
    align-items: center;
    gap: 2px;
}

.swap_usdtdata .d-flex {
    flex-direction: column;
    gap: 26px;
    position: relative;
}


.price_heading span {
    color: #87909F;
    font-weight: 200;
}

.position_order .earning_section_cate .position_list li.active button {
    color: #fff;
}

.position_order .earning_section_cate .position_list {
    border-bottom: none;
}

.kyc_verif_bnr_wrapper .faq_section {
    background: #2B313C;
    border-radius: 10px;
    overflow: hidden;
}

.kyc_verif_bnr_wrapper .faq_section h4 {
    padding: 24px 24px 0px;
    margin-bottom: 0px;
}

.kyc_verif_bnr_wrapper .faq_item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.kyc_verif_bnr_wrapper .faq_question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 15px 20px 10px;
    text-align: left;
    color: #ffffff80;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.kyc_verif_bnr_wrapper .faq_question .icon {
    transition: transform 0.3s ease;
}

.kyc_verif_bnr_wrapper .faq_item.active .faq_question .icon {
    transform: rotate(180deg);
}

.kyc_verif_bnr_wrapper .faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 20px;
}

.kyc_verif_bnr_wrapper .faq_item.active .faq_answer {
    max-height: 200px;
    padding: 0 20px 18px;
}

.kyc_verif_bnr_wrapper .faq_answer p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    margin: 0;
}

.kyc_verif_bnr_wrapper .faq_question:hover {
    background-color: transparent;
}

.kyc_verif_bnr_wrapper .account_benifits .row {
    margin-top: 32px;
}

.kyc_verif_bnr {
    width: 100%;
    display: block;
    background: linear-gradient(130deg, rgba(43, 49, 60, 1) 65%, rgba(69, 65, 51, 1) 100%);
    padding: 20px 32px;
    border-radius: 10px;
    margin-top: 24px;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}

.kycvector {
    min-width: 360px;
    max-width: 100%;
    margin-right: 10px;
}

.kysbnr_cnt {
    width: 70%;
}

.kysbnr_cnt p {
    font-size: 13px;
    color: #6F798C;
}

.kyc_step h6 {
    font-size: 14px;
    margin: 15px 0px;
}

.kyc_step p {
    font-size: 12px;
    color: #9398a3 !important;
}

.info_text ul li li {
    color: #6F798C;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.kyc_step .info_text {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.info_text ul li li:first-child {
    color: #fff;
}

ul.kyclist {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 15px;
    color: #6F798C;
    margin-top: 10px;
}

ul.kyclist li {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
}

ul.kyclist li img {
    width: 16px;
}

.kyc_verif_bnr button.kyc.btn {
    width: 310px;
    background-color: #F3BB2B;
    font-size: 16px;
    color: #000;
    padding: 12px;
    border-radius: 50px;
    margin-top: 22px;
}

.account_benifits {
    width: 100%;
    background-color: #2B313C;
    border-radius: 10px;
    padding: 24px;
}

.kyc_account.d-flex {
    gap: 36px;
    margin-top: 36px;
}

.kyc_modal .modal-content {
    background: #3b4250;
    border-radius: 14px;
    width: 600px;
    max-width: 100%;
    color: #fff;
}

/* KYC Submit Modal Styles */
#kycSubmitModal .modal-content {
    background: #3b4250;
    border-radius: 14px;
    color: #fff;
}

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

.success_icon_wrapper i {
    font-size: 64px;
    color: #4caf50;
}

#kycSubmitModal .modal-body {
    padding: 30px;
}

#kycSubmitModal .modal-body h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

#kycSubmitModal .modal-body p {
    color: #b8c0cc;
    font-size: 14px;
    line-height: 1.6;
}

#kycSubmitModal .text-muted {
    color: #949AA4 !important;
}

.modal-header {
    border-bottom: 1px solid #4a5161;
}

.label {
    font-size: 14px;
    color: #cfd3dc;
}

.select_box {
    background: #4a5161;
    padding: 12px 16px;
    border-radius: 8px;
}

.select_box select {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
}

.select_box select option {
    color: #000;
}

.id_preview {
    margin-bottom: 20px;
}

.id_preview img {
    width: 100%;
}

.kyc_step .input {
    width: 100%;
    height: 46px;
    background: #3b4250;
    border: none;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #949AA4;
}

.upload_grid input[type="file"] {
    width: 100%;
}

.success_icon_wrapper.mb-3 {
    max-width: 90px;
    margin: 0 auto;
}

.kyc_verif_bnr_wrapper {
    width: 90%;
}

.modal .btn-close {
    filter: invert(1);
    opacity: 1;
    border: 1px solid #000000;
    border-radius: 50px;
    padding: 8px;
    font-size: 9px;
}

.upload_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
}

.upload-box {
    background: #4a5161;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    min-height: 126px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

img.successfull_img {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.kyc_step span.small {
    font-size: 11px;
    color: #7e8695 !important;
}

.kyc_modal .modal-header {
    border-bottom: none;
}

.face_circle {
    max-width: 320px;
    margin: 40px auto;
}

img.upload_back_img {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}


.upload_big {
    margin: 14px 0;
}

.selfie_circle {
    width: 200px;
    margin: 20px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.small {
    font-size: 12px;
    opacity: .7;
}

/* .kyc_step{display:none;} */
.kyc_step.active {
    display: block;
}

.photomini {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

.kyc_step {
    color: #fff;
}

.label {
    font-size: 14px;
    color: #b8c0cc;
    margin-bottom: 6px;
    display: block;
}

/* ===== ID GRID ===== */
.id_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 12px;
}

/* ===== ID CARD ITEM ===== */
.id_item {
    position: relative;
    padding: 14px 16px 14px 44px;
    background: #4B515D;
    border-radius: 12px;
    cursor: pointer;
    font-size: 15px;
    color: #d5dbea;
    transition: all 0.25s ease;
    border: 1px solid transparent;
}

/* Hover effect */
.id_item:hover {
    background: #424a5c;
}

/* ===== Hide default radio ===== */
.id_item input {
    display: none;
}

/* ===== Custom radio circle ===== */
.id_item::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #7b859a;
    background: transparent;
}

/* ===== Checked state ===== */
.id_item input:checked+span,
.id_item input:checked {
    display: none;
}

/* Active / Selected */
.id_item:has(input:checked) {
    background: #454f63;
    border-color: #f6c343;
    color: #ffffff;
}

/* Inner dot */
.id_item:has(input:checked)::before {
    border-color: #fff;
    background: radial-gradient(circle at center, #fff 35%, transparent 36%);
}

/* ===== Button ===== */
.primary_btn {
    width: 100%;
    margin-top: 20px;
    background: #f6c343;
    color: #000;
    border: none;
    padding: 10px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
}

button.primary_btn.prevStep {
    background-color: #fff;
}

.primary_btn:hover {
    background: #ffd15a;
}

.kyc_step {
    display: none;
}

.kyc_step.active {
    display: block;
}

/* Validation Error Styles */
#countryError,
#idTypeError {
    display: block;
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.select_box.error {
    border: 1px solid #ff6b6b;
    background: #4a5161;
}

.select_box.error select {
    color: #ff6b6b;
}

.id_grid.error .id_item {
    border: 1px solid #ff6b6b;
}

.upload-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease;
}


.upload-label .icon {
    font-size: 20px;
    margin-bottom: 0px;
}

.upload-label h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
}

.upload-label p {
    font-size: 12px;
    opacity: 1;
    margin: 5px 0px 0px;
    color: #fff;
}

.kyc_step .info_text ul li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wallet-header {
    width: 100%;
}

.wallet-title {
    font-size: 18px;
    font-weight: 600;
}

.wallet-sub {
    font-size: 15px;
    color: #9aa4ad;
}

.wallet-sub span {
    color: #8b949e;
    display: block;
    margin-top: 10px;
}

.estimated_balance button.btn {
    font-size: 15px;
    border-radius: 50px;
}

.estimated_balance button.btn:focus {
    background: #484c53;
}

.modal .btn-close:hover {
    filter: invert(1);
    background-color: transparent;
}

.estimated_balance h6 {
    font-weight: 400;
    color: #848E9C;
    display: flex;
    align-items: center;
    gap: 12px;
}

.estimated_balance h6 button {
    padding: 0px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #848E9C;
}

.supportinquery .profile_form button.submit {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
    border: 0px;
    border-radius: 7px;
    font-size: 16px;
    background-color: #F3BB2B;
    color: #000;
    /* border-radius: 50px; */
    border: none;
    font-weight: 500;
}

.verify_authenticator_s {
    width: 100%;
    text-align: center;
    margin: 10px 0px 30px;
}

.verify_authenticator_s p {
    margin: 15px auto;
    max-width: 60%;
}

.verify_authenticator_s img {
    width: 120px;
}

.transaction_history_t .table-responsive {
    min-height: 600px;
    max-height: 600px;
}

.transaction_history_t .table-responsive .table-responsive {
    min-height: 100%;
    max-height: 200px;
}

img.profileimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

body .trade_summary_table_lft .table-responsive .table-responsive {
    min-height: 100%;
    max-height: 100%;
}

.transaction_history_t table tr:hover {
    background-color: transparent;
}

.btn-deposit {
    background: #f0b90b;
    color: #000;
    font-weight: 600;
    border: none;
}

.btn-deposit:hover {
    background: #d9a900;
    color: #000;
}

.btn-outline-custom {
    border: 1px solid #848e9c;
    color: #eaecef;
}

.btn-outline-custom:hover {
    background: #484c53;
    color: #fff;
}

.wallet_form {
    background-color: #4B515D;
    border-radius: 10px;
    padding: 20px;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form_select.refreshcntr {
    position: relative;
}

.form_select.refreshcntr:before {
    width: 82%;
    top: 44%;
    height: 1px;
    background-color: #91A9B4;
    position: absolute;
    content: "";
    right: 0px;
    left: -15px;
    margin: 0 auto;
}

.wallet_form .form_select {
    width: 100%;
    border: none;
    padding: 0px;
    border-radius: 0px;
    display: flex;
    gap: 22px;
}

.formfiled label {
    width: 24px;
}

.formfiled {
    width: 100%;
    display: flex;
    gap: 32px;
    align-items: center;
    font-size: 12px;
}

.formfiled .select_spot {
    width: 75%;
}

.kyc_information_del {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: start;
    background-color: #4B515D;
    padding: 24px;
    border-radius: 12px;
    margin-top: -10px;
}

.documentnumber_s {
    width: 100%;
    background-color: #4B515D;
    padding: 18px 24px;
    border-radius: 6px;
    margin-top: 20px;
}

.documentnumber_s ul li {
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    justify-content: space-between;
    display: flex;
    gap: 24px;
}

.documentnumber_s ul li span {
    color: #ffffff60;
}

.picture_front_bl {
    margin-top: 20px;
    width: 100%;
}

.document_front_bl {
    width: 100%;
    background-color: #4B515D;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
}

.kyc_step .document_front_bl p {
    color: #fff;
    margin-bottom: 8px;
}

.kyc_information_del .userinfolft {
    width: 200px;
    text-align: center;
}

.kyc_information_del .face_circle {
    margin-bottom: 15px;
}

.info_list {
    width: 60%;
}

.info_list ul {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.info_list ul li {
    font-size: 12px;
    color: #ffffff60;
    font-weight: 300;
    justify-content: space-between;
    display: flex;
    gap: 12px;
}

.info_list ul li span {
    font-weight: 500;
    color: #fff;
    width: 60%;
    text-align: right;
}

.estimated_balance.dash_balance {
    flex-direction: row;
    gap: 24px;
    background-color: transparent;
    border: 1px solid #454C59;
    padding: 15px;
}

.crypto_selectcoin {
    margin-top: 20px;
}

.coin_cryptofiled button {
    width: 100%;
    border: none;
    background-color: #4B515D;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    gap: 12px;
}

.coin_cryptofiled button span {
    display: flex;
    gap: 7px;
    align-items: center;
}

.coin_cryptofiled button span img {
    width: 28px;
}

.orderbook-table th {
    font-size: 12px;
    font-weight: 500;
    color: #8b92a5;
    background: #1c2230;
    position: sticky;
    top: 0;
    z-index: 5;
}

.orderbook-table th {
    font-size: 12px;
    font-weight: 300;
    color: #87909F;
    position: sticky;
    top: 0;
    z-index: 5;
}

.orderbook-table tr.active {
    background: rgba(255, 255, 255, 0.05);
}

.orderbook-table td {
    padding: 8px 10px;
    vertical-align: middle;
}


.mobiletable {
    width: 100%;
    display: none;
    align-items: center;
    background-color: #181a20;
    padding: 0px;
    border-radius: 0px;
    color: #fff;
}

.mobiletable table {
    line-height: 2;
    vertical-align: middle;
    color: #F7F7F7;
    text-shadow: none !important;
    font-weight: 300;
    font-size: 12px;
}

.mobiletable table tr th {
    font-weight: 300;
    padding: 5px !important;
    border-bottom: 1px solid #282D36;
}

.mobiletable table tr td {
    font-weight: 300;
    padding: 5px !important;
    border-bottom: 1px solid #282D36;
}

.account_table .td_first {
    position: relative;
    padding-left: 16px;
}

.account_table .td_first::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #DB54A2;
}

.account_table .td_first.spot::before {
    background-color: #4C7ECF;
}

.account_table .td_first.swap::before {
    background-color: #B2CD52;
}

.account_table .td_first.staking::before {
    background-color: #DCA451;
}

.account_table .td_first.futures::before {
    background-color: #CC3D3D;
}

.account_table td.amount_td span {
    display: block;
}

.order_history_mobile_view {
    width: 100%;
    display: none;
    margin-top: 20px;
}

.order_datalist {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1.5px solid rgb(43 49 60);
    border-radius: 5px;
}

.order_datalist .listdata {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* border-bottom: 1px solid #ffffff9c; */
    padding-bottom: 5px;
}

.order_datalist_2 .listdata {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: none;
    padding-bottom: 0px;
}

.order_datalist .listdata li {
    display: flex;
    flex-direction: row;
    gap: 15px;
    font-size: 12px;
    font-weight: 300;
    color: #ffffff;
}

.order_datalist .listdata li span.date {
    color: #fff !important;
    font-size: 14px;
    margin: 0px;
}

.order_history_mobile_view .d-flex {
    flex-direction: column;
    gap: 15px;
}

.order_datalist .listdata li span.date_light {
    color: #ffffffa3 !important;
    margin: 0px;
}

button.view_more_btn {
    background-color: transparent;
    color: #9fa0a2;
    border: none;
    padding: 0px;
    text-align: start;
    width: 100%;
    margin-top: -22px;
    font-weight: 400;
    font-size: 20px;
    transform: rotate(180deg);
}

.order_datalist .listdata li span:first-child {
    color: #ffffffa3;
    width: 50%;
    text-align: left;
}

.order_datalist .listdata li span:last-child {
    width: 50%;
    text-align: right;
}

.executed_trades_list button {
    background-color: transparent;
    border: none;
    padding: 0px;
    color: #fff;
    font-weight: 300;
}

.executed_trades_list {
    margin: 10px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: right;
    align-items: end;
}

.executed_trades_list_items {
    background-color: #2f3643;
    width: 100%;
    padding: 10px;
    border-radius: 7px;
    margin-top: 15px;
}

.executed_trades_list_items ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.executed_trades_list_items ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 18px;
    font-size: 12px;
    font-weight: 300;
    color: #ffffffa3;
}

.executed_trades_list_items ul li span:first-child {
    width: 50%;
    text-align: left;
}

.executed_trades_list_items ul li span:last-child {
    width: 50%;
    text-align: right;
    color: #fff;
}

.executed_trades_list_items ul li span:last-child span {
    color: #fff;
    font-weight: 500;
}


.trade_summary_table_lft.position_order .table-responsive {
    max-height: 300px;
    min-height: 300px;
}

tr.no-data-row {
    width: 100%;
    text-align: center;
    height: 100%;
    display: contents;
    justify-content: center;
}

.trade_summary_table_lft tr th {

    text-align: left;
}

.trade_account_summary_assets.futuresflex tr.no-data-row {
    display: flex; }

.trade_card.orderbook_two .trade_history_tab {
    height: 100%;
}

#twofaInfoModal .qr_code {
    padding-left: 0px;
    width: 230px;
    margin: 20px auto;
}

#twofaInfoModal .qr_code img {
    width: 100%;
}

.coypcodetext {
    width: 100%;
    background-color: #4B515D;
    padding: 15px;
    flex-direction: column;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 5px;
    border-radius: 5px;
}

.copycodetxt {
    width: 100%;
    background-color: #ffffff1f;
    border-radius: 5px;
    padding: 0px 10px;
    margin-top: 3px;
}

.copycodetxtcode {
    color: #fff;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 14px;
    word-break: break-all;
}

.coypcodetext p {
    margin: 0px;
    color: #ffffffad;
}

button.copy_code {
    background-color: transparent;
    border: none;
    padding: 0px;
    color: #fff;
    font-weight: 200;
}

.buysell_card.buysell_two .custom-btn {
    color: #fff !important;
}

.process_step label.btn.active:before {
    background-color: #ffffffed;
}

.table_responsive_2 {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.referral_events_slider_wrapper {
    margin-top: 42px;
}

.referral_events_slider_container {
    overflow: hidden;
    width: 100%;
}

.referral_events_slider {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

a:hover {
    color: #fff;
}

.learnbtn:hover {
    color: #f3bb2b;
}

.referral_event_item {
    flex: 0 0 calc((100% - 24px) / 2);
    min-width: 0;
    margin-right: 24px;
    background-color: #2B313C;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: space-between;
}

.referral_event_item:last-child {
    margin-right: 0;
}

.referral_event_item_content {
    text-align: left;
}

.referral_events_slider h6 {
    font-size: 22px;
    color: #F2F4F6;
}

.referral_events_slider p {
    color: #888c95;
}

.referral_events_slider button.btn.btn-primary {
    background-color: #373F4E;
    border: none;
    border-radius: 50px;
    padding: 10px 32px;
    font-size: 13px;
    font-weight: 200;
}

.referral_events_pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.referral_events_dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background-color: #4A5568;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease;
}

.referral_events_dot:hover {
    background-color: #6B7280;
}

.referral_events_dot.active {
    background-color: #F2F4F6;
    width: 24px;
    border-radius: 5px;
}

.refrefer_earn_outer .card {
    padding: 0px;
    border: none;
}

button.p2p-submit-button {
    border-radius: 10px;
}


@media screen and (max-width:1700px) {

    .refrefer_earn_outer {
        background-size: 70%;
    }

    .navigation nav ul {
        gap: 12px;
    }


    .user_login.dashbtn a {
        font-size: 13px;
        padding: 11px 10px;
    }



    .scan_block {
        max-width: 744px;
        margin: -130px auto;
    }

    .currency_logo ul li img {
        max-width: 80px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90%;
    }

    .h2,
    h2 {
        font-size: 2.6rem;
    }

    .mu_pr_mark h3 {
        font-size: 24px;
    }

    .market_summary_right_tp .mr_data h5 {
        font-size: 18px;
    }

    .navigation nav ul li a {
        font-size: 13px;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 13px;
    }

    .serurity_vector {
        max-width: 320px;
        left: 10px;
    }

    .giveway_hero h1 {
        font-size: 48px;
    }

    .button_outer .scantophdr {
        padding-top: 34px;
    }

    .listing_left_outer {
        width: 76%;
    }

}


@media screen and (max-width:1440px) {

    .listing_left_outer {
        width: 70%;
    }

    ul.kyclist {
        font-size: 12px;
    }

    .navigation {
        padding-left: 0px;
    }

    .resources_cnt {
        padding: 24px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 21px;
    }

    .security_list li h3 {
        font-size: 32px;
    }

    .resources_news h3 {
        font-size: 24px;
    }

    .giveway_hero ul li h2 {
        font-size: 24px;
    }

    .giveway_hero ul li p {
        font-size: 15px;
    }

    .giveway_hero h1 {
        font-size: 40px;
    }

    .progress_list ul li {
        font-size: 16px;
    }

    .currency_preference_b {
        font-size: 15px;
        padding: 15px;
    }

    .give_currency_s {
        gap: 32px;
    }

    button.orderbtn {
        padding: 8px 24px;
        font-size: 14px;
    }

    .profile_sections h2 {
        font-size: 32px;
    }

    .kyc_form_multistep .step-indicator::before {
        width: 86%;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 12px;
    }

    .user_login.dashbtn a {
        padding: 5px 11px;
        height: auto;
        font-size: 12px;
    }

    .overview_summary_currency .slick-track {
        gap: 12px;
    }

    .dashboardsummary_bottom a.btn {
        font-size: 13px;
    }

    .dashboardsummary_bottom h4 {
        font-size: 13px;
    }

    .navigation nav ul li a {
        font-size: 12px;
    }

    .refrefer_earn_outer {

        min-height: 620px;
    }

    .navigation {
        width: 95%;
    }

    .header_right {
        gap: 12px;
    }

    .wallet_profile_tab {
        left: -270px;
    }

    .serurity_vector {
        max-width: 320px;
        left: 0px;
    }

    header .annousment_s {
        bottom: -36px;
        left: -210px;
    }

    body .hero_section {
        padding-bottom: 90px;
    }

    .dashboard_right {
        width: 100%;
        padding-right: 60px;
    }

    .header_right .button_outer .login_btn {
        font-size: 12px;
        padding: 5px 11px;
        letter-spacing: 1px;
    }


    .banner_cnt h1 {
        font-size: 48px;
    }

    .earning_section_cate ul#myTab {
        gap: 20px;
    }

    h1 {
        font-size: 2.8rem;
    }

    .effect_left_circle {
        max-width: 650px;
        top: 30%;
        left: 100px;
    }

    .kycvector {
        min-width: 250px;
    }

}


@media screen and (max-width:1367px) {

    .sticky_menu {
        top: 0px;
    }

    .effect_left_circle {
        max-width: 700px;
        top: 25%;
        left: 90px;
    }

    .block_features h5 {
        font-size: 14px;
    }

    body .buy_transferbtn a {
        padding: 7px 12px;
    }

    .giveway_hero h1 {
        font-size: 36px;
    }

    .giveway_hero ul li h2 {
        font-size: 24px;
    }

    .giveway_hero ul li p {
        font-size: 14px;
    }

    .progress_list ul li {
        font-size: 14px;
    }

    .dashboardsummary_bottom a.btn {
        font-size: 11px;
        padding: 4px 8px;
    }

    .dashboardsummary_bottom h4 {
        font-size: 11px;
    }

    .dashboard_summary td {
        font-size: 12px;
    }

    .dashboard_summary .price_heading span {
        font-size: 12px;
    }

    .hero_section_main {
        padding-top: 60px;
    }

    .register_verified_form h1 {
        font-size: 36px;
    }

    h1 {
        font-size: 2.5rem;
    }

    .register_verified_form p {
        font-size: 24px;
    }

    button {
        font-size: 14px;
        padding: 11px 32px;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 11px;
    }

    .withdrawal_rightside {
        top: 0px;
    }

    .kyc_form_multistep .step-indicator {
        margin: 0px 0px 30px;
    }

    .dashboard_deposit_s {
        width: 70%;
    }

    h2.mb-0.pb-0 {
        font-size: 24px;
    }

    .kyc_form_multistep {
        padding: 10px;
    }


    .earning_section_cate .nav-tabs .nav-link {
        font-size: 16px;
    }

    .earning_right_tab {
        gap: 18px;
    }

    .banner_cnt h1 {
        font-size: 40px;
    }

    .navigation nav ul li a {
        font-size: 11px;
    }

    .navigation nav ul {
        gap: 8px;
    }

    .user_login .active {
        display: block;
    }

    .user_login:hover .login_profile_header {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .user_login:hover .login_profile_header.active {
        opacity: 1 !important;
        visibility: visible !important;
        overflow: scroll;
    }

    .ranking_outer ul li h2 {
        font-size: 28px;
    }

    .hero_section {
        min-height: 920px;
        padding-bottom: 60px;
    }

    .row.cta_register_s {
        margin-top: 0px;
    }


    .crypto_section {
        padding: 10px 0px 40px;
    }

    .trading_platform_section {
        padding: 40px 0px;
    }

    .trading_platform_section h2 {
        font-size: 32px;
    }


    .crypto_exchange_s .trading_img img {
        width: 100%;
    }

    .crypto_exchange_s .trading_img {
        width: 160px;
    }

    .crypto_exchange_s .services_block h4 {
        font-size: 24px;
    }

    .trading_cta_s {
        padding: 100px 0px;
    }

    .trading_cta_s h2 {
        font-size: 40px;
    }

    .how_work_s h2 {
        font-size: 40px;
    }

    .trade_crypto_cnt {
        width: 50%;
    }

    .meme_hero_s {
        padding: 0px 0px 20px;
    }

    .banner_content {
        padding-top: 24px;
    }

    .banner_content h1 {
        font-size: 42px;
    }

}

.mobile_view {
    display: none;
}

.termsofuse a {
    color: #f3bb2b;
}

@media screen and (max-width:1200px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 18px;
    }

    .register_verified_form p {
        font-size: 16px;
    }

    .register_verified_form h1 {
        font-size: 28px;
    }

    .referral_events_slider h6 {
        font-size: 16px;
    }

    .referral_events_slider button.btn.btn-primary {
        padding: 8px 24px;
        font-size: 12px;
    }

    .slider_group_wrapper button.subscribe_btn {
        margin-top: 5px;
        width: 100%;
    }

    .resources_news {
        min-height: 420px;
    }

    .slider_img img {
        height: 100%;
    }

    .refrefer_earn_outer .card-header.ref_header h4 {
        font-size: 26px;
    }


    .referral_list_top {
        display: none;
    }

    .order_history_mobile_view {
        display: block;
    }

    .swap_usdtdata button.btn {
        padding: 8px 15px;
    }

    .dashboard_recent_s .mobile_view {
        display: block;
    }

    .dashboard_recent_s td {
        font-size: 12px;
    }

    .desktop_view2 {
        display: none;
    }

    .recent_deposit_list .withdraw_history_desktop {
        display: none;
    }

    .recent_deposit_list .withdraw_history_mobile {
        display: block;
    }

    .top_total_bar {
        gap: 20px;
    }

    .hot_articles_s h2 {
        font-size: 24px;
    }

    .custom-tab-content .table>thead th {
        font-size: 11px;
        padding: 4px 7px !important;
    }

    .market_update_sec .table> :not(caption)>*>* {
        padding: 10px 7px;
        font-size: 11px;
    }

    .no-data-row td {
        height: 300px;
    }

    footer address {
        font-size: 14px;
    }

    .searchBar.custom-tabs.search_active {
        width: 200px;
    }

    .wallet_tabs {
        gap: 12px;
    }

    .estimated_balance button.btn {
        font-size: 13px;
    }

    .transaction_history_t .table-responsive {
        min-height: 300px;
        max-height: 300px;
    }

    .trade_marketvalue .price {
        font-size: 22px;
    }

    .supportsection {
        width: 100%;
    }

    .kycvector {
        min-width: 180px;
        width: 180px;
    }

    .kyc_verif_bnr button.kyc.btn {
        max-width: 100%;
        font-size: 13px;
        padding: 8px;
        margin-top: 18px;
    }

    .kyc_account.d-flex {
        margin-top: 22px;
        flex-direction: column;
        gap: 24px;
    }

    .currency_list_b ul {
        gap: 24px;
        max-width: 100%;
    }

    .savebtn button {
        font-size: 13px;
    }

    .swap_outer_section {
        width: 100%;
        padding: 20px 0px 10px;
    }

    .swaplist li {
        font-size: 14px;
    }

    .swap_ustd_bl .from button {
        font-size: 15px;
    }

    ul.launchpadlist li {
        font-size: 18px;
    }

    ul.launchpadlist li span {
        font-size: 13px;
    }

    .exchange_earning_bnr h2 {
        font-size: 30px;
    }

    .button_outer .scantophdr {
        padding-top: 28px;
    }

    .sign_in_form_s {
        padding: 0px 32px;
    }

    .form_block_login h2 {
        font-size: 24px;
    }

    .progress_list ul {
        gap: 20px;
    }

    .sign_rewards h2 {
        font-size: 24px;
    }

    .crypto_section .top_heading h4 {
        font-size: 15px;
    }

    .hot_spot_outer {
        padding: 20px;
    }

    .themecolor_icon {
        width: 28px;
        height: 28px; }

    .navigation nav ul {
        gap: 10px;
    }

    .giveway_hero h1 {
        font-size: 26px;
    }

    .banner_t_shirts {
        max-width: 200px;
        left: 0px;
        top: 10px;
    }

    .giveway_hero ul li h2 {
        font-size: 20px;
    }

    .hot_trading_s table tr td {
        font-size: 13px;
    }

    .dashboard_summary td {
        padding: 7px 5px;
    }

    .dashboard_summary th {
        padding: 7px 5px;
    }

    .crypto_dashboard {
        gap: 18px;
        margin-top: 30px;
    }

    .crypto_future_cnt ul.listcrypto li {
        font-size: 16px;
    }

    .reverse_security img.animation_effect.bitcoin {
        width: 130px;
    }

    .card.assetstrade .crypto_app_mbl img {
        max-width: 400px;
    }

    .card.borderlft.assetstrade {
        padding: 30px;
    }

    .crypto_features h4 {
        font-size: 20px;
    }

    .crypto_features .card {
        min-height: 350px;
    }

    .crypto_features .trade_icon {
        max-width: 80px;
        margin-bottom: 20px;
    }

    img.animation_effect.bitcoin1 {
        width: 80px;
    }

    img.animation_effect.bitcoin2 {
        width: 80px;
        right: 100px;
    }

    img.animation_effect.bitcoin3 {
        width: 80px;
        left: 30%;
    }

    .profit_cost_cnt h2 {
        padding-bottom: 10px;
    }

    .resources_news .news_img {
        height: 200px;
    }

    .resources_news h3 {
        font-size: 20px;
    }

    .resources_cnt {
        padding: 22px;
    }

    .partner_logos {
        margin-top: 0px;
    }

    .crypto_features p {
        font-size: 15px;
    }

    .giveaway_top_list ul li {
        font-size: 15px;
    }

    .giveaway_top_list ul li span {
        width: 24px;
        height: 24px;
    }

    .currency_logo {
        padding: 40px 0px 30px;
    }

    .security_form form.row input {
        padding: 10px 15px;
        font-size: 12px;
    }

    .section-padding.feature_bg.pc_bg p {
        font-size: 15px;
    }

    .blog_section_b h1 {
        font-size: 32px;
    }

    .crypto_cta {
        padding-left: 30px;
    }

    .top_articles_h {
        padding: 15px;
    }

    .afterloginheader .user_login {
        position: relative;
    }


    .crypto_section tr.top_tradeing_t th {
        font-size: 13px;
    }

    .card-header.ref_header h4 {
        font-size: 32px;
    }

    .card-header.ref_header h6 {
        font-size: 18px;
    }

    .crypto_section tr.top_tradeing_t td {
        font-size: 13px;
    }

    .trade-wrapper.spot.pb-3 .row.g-1.g-md-2 {
        row-gap: normal;
    }

    .mmn_btm_minus_spc {
        margin: 20px 0px 0px;
    }

    .crypto_section table .right_t a {
        font-size: 12px;
        padding: 5px 20px;
    }

    .otp_code_in2 button {
        padding: 8px 10px 7px;
    }

    header .logo img.eaglelogo {
        width: 22px;
    }

    .amount_detail_bottom {
        gap: 12px;
    }

    .security_form form.row input[type="button"] {
        font-size: 14px !important;
    }

    .kyc_form_multistep .step-indicator::before {
        width: 82%;
        top: 85%;
    }

    .factor_bl {
        font-size: 14px;
    }

    ul.navi_sidebar {
        gap: 15px;
        padding-bottom: 110px;
    }

    .kyc_form_multistep .inquery_fill label {
        font-size: 12px;
    }

    .kyc_form_multistep .inquery_fill select {
        padding: 10px 12px;
        font-size: 12px;
    }

    .kyc_form_multistep .inquery_fill input[type="text"] {
        padding: 10px 12px;
        font-size: 12px;
    }

    .kyc_form_multistep .inquery_fill input[type="number"] {
        padding: 10px 12px;
        font-size: 12px;
    }

    body .form-control {
        padding: 10px 12px;
        font-size: 12px;
    }

    input[type="date"] {
        padding: 10px 12px;
        font-size: 12px;
    }

    .kyc_form_multistep .text-smallest {
        font-size: 12px;
    }

    .kyc_form_multistep .upload-area label {
        height: 200px;
    }

    .dashboard_summary td {
        font-size: 12px;
    }

    .upload-area label span {
        font-size: 15px;
    }

    .upload-area label .file-type {
        font-size: 12px;
    }

    .form-label {
        font-size: 12px;
    }

    .dashboard_summary .price_heading span {
        font-size: 12px;
    }

    .td_first {
        font-size: 12px;
    }

    .block_features {
        flex-direction: column;
        gap: 12px;
    }

    .dashboard_summary th {
        font-size: 12px;
    }

    .footer_logo .darklogo {
        width: 90% !important;
    }

    .block_features p {
        font-size: 12px;
    }

    .hand_shake_cntr {
        left: 80px;
    }

    .lightlogo,
    .darklogo {
        width: 110px !important;
    }

    .modal.fade .modal-dialog.verifypop {
        min-width: 650px;
    }

    .user_login.dashbtn a {
        font-size: 10px;
        padding: 5px 9px;
        height: 24px;
    }

    ul.active_package_top {
        gap: 20px;
    }

    .d-flex.download_button {
        align-items: start;
        gap: 12px;
    }

    .effect_left_circle {
        max-width: 500px;
        top: 36%;
        left: 30px;
    }

    h1 {
        font-size: 2.2rem;
    }

    .overview_cate_section.asstes_listing_tb ul#myTab {
        padding: 10px 8px 10px;
    }

    .dashboard_bot_rightbtn button.addfundsbtn a {
        white-space: nowrap;
    }

    section.termsofuse {
        padding: 20px 0px 20px;
    }

    .overview_summary_currency {
        padding-bottom: 20px;
    }

    .overview_summary_currency .slick-track {
        gap: 0px;
    }

    .assets_wallets_section .market_section {
        min-height: 100%;
        padding: 15px;
    }

    .highlights_crypto_s .vector_icon_slide {
        width: 100%;
    }

    .refrefer_earn_outer .trade_btn {
        margin-top: 0px;
    }

    .highlights_crypto_s .currency_list_b {
        padding: 30px;
    }

    .joc_social {
        padding: 6px 10px;
        font-size: 18px;
    }

    .profile_id_s {
        gap: 32px;
    }

    .anytime_anywhere p {
        font-size: 17px;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 11px;
    }

    .section-padding.feature_bg.pc_bg {
        padding: 50px 0px 20px;
    }

    section.faq_cards {
        padding: 20px 0px 20px;
    }

    .termsofuse li {
        font-size: 14px;
    }

    section.faq_cards h1.text-center {
        font-size: 32px;
        width: 60%;
    }

    .grid.faq_sidebar a.card h5 {
        font-size: 16px;
    }

    .faq_cards .faq_list .card.faq_item {
        padding: 16px;
        font-size: 15px;
    }

    .faq_cards .faq_list .card.faq_item h5 {
        font-size: 18px;
    }

    section.faq_cards .row {
        padding-top: 0px;
    }

    .cta_register_s ul.social_media {
        margin: 50px 0px 20px;
    }

    .hero_section_main {
        padding: 70px 0px 40px;
        min-height: 100%;
    }

    .currency_img_mr {
        left: -20px;
    }

    .dashboard_deposit_s {
        width: 80%;
        margin-left: 0px;
    }

    .dashboard_deposit_s h1 {
        font-size: 24px;
    }

    .ant-card.ant-card-bordered .symblecurrency {
        display: flex;
        align-items: center;
    }

    .market_update_table .table tbody tr {
        vertical-align: middle;
    }

    .navigation {
        width: 100%;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 95%;
    }

    .security_vector {
        padding: 0px 0px;
    }

    .password_security_s .securityform_s .security_form .row {
        gap: 15px;
    }

    .password_security_s .securityform_s .row {
        gap: 0px;
    }

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

    .profit_costs_cta_outer.costouterbg {
        padding: 40px 0px 70px;
    }

    .profit_costs_cta_outer.costouterbg .profit_cost_cnt {
        padding: 0px 0px 0px;
    }

    .profit_cost_cnt {
        padding: 40px 0px 0px;
    }

    .earning_list_block .slick-track {
        gap: 0px;
    }

    button.subscribe_btn {
        width: 80px;
        padding: 8px 7px;
    }

    button.subscribe_btn a {
        font-size: 12px;
    }

    .currency_list_b ul li h2 {
        font-size: 14px;
    }

    .currency_list_b ul li p {
        font-size: 11px;
    }

    .earning_section_cate ul#myTab {
        gap: 10px;
    }

    .earning_section_cate .nav-tabs .nav-link {
        font-size: 14px;
    }

    .refrefer_earn_outer {
        background-position: center right;
        background-size: 50%;
        min-height: 600px;
    }

    .give_currency_s {
        flex-direction: column;
        gap: 40px;
    }

    .arbitrage_subscriptions_block ul li .arbitbot_cnt {
        margin-top: 30px;
    }

    .arbitrage_subscriptions_block ul li h2::before {
        bottom: -15px;
    }


    .bitcoin_top_currency h3 {
        font-size: 16px;
    }

    .bitcoin_top_currency h3 img {
        width: 24px;
    }

    .bitcoin_top_currency ul {
        gap: 5px;
        font-size: 10px;
    }

    .btc_price_range h3 {
        font-size: 16px;
    }

    button.orderbtn {
        padding: 6px 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .amount_cnt p {
        margin: 0px;
        font-size: 14px;
    }

    .market_page .mt_table .table tr td {
        padding: 11px 5px;
        font-size: 10px;
    }

    .balance_chart_left h4 {
        font-size: 12px;
        margin: 0px;
    }

    ul.wallet_price_list {
        min-height: 50px;
    }

    .recommendations_block ul li h6 {
        font-size: 14px;
    }

    .leftside_menu .logout_btn a {
        font-size: 14px;
        padding: 8px 20px;
    }

    ul.wallet_price_list li {
        font-size: 12px;
    }

    .balance_chart_left h3 {
        font-size: 12px;
    }

    .dashboardsummary_bottom {
        flex-direction: column;
        align-items: start;
    }

    .listing_left_outer h4 {
        font-size: 16px;
        text-align: left;
    }

    .trusted_partner {
        padding: 60px 0px;
    }

    .banner_cnt h1 {
        font-size: 36px;
    }

    .coin_list_outer_s {
        padding: 30px 0px;
    }

    .banner_cnt p {
        font-size: 18px;
        max-width: 70%;
    }

    .top_header_dash {
        gap: 20px;
    }

    .scan_block {
        max-width: 725px;
        margin: -110px auto;
    }

    .hero_section {
        min-height: 790px;
    }

    .currency_logo ul li img {
        max-width: 50px;
    }

    .mu_pr_mark h3 {
        font-size: 24px;
    }

    .mu_pr_mark {
        gap: 18px;
        padding-left: 0px;
        padding-top: 10px;
    }

    img.crypto_cntr {
        width: 120px;
        top: -20px;
    }


    img.bitcoin_right {
        right: -15px;
        width: 80px;
    }

    img.bitcoin_left {
        width: 70px;
    }

    .password_security_s .row {
        flex-direction: column;
        gap: 36px;
        width: 100%;
        --bs-gutter-x: 0px;
    }

    .password_security_s .row .col-sm-6 {
        width: 100%;
    }

    .password_security_img {
        top: 0px;
    }

    .p_sec {
        margin: 40px 0;
    }

    .community_sec .section-title {
        padding-left: 0px;
    }

    .img-fluid.joc_img {
        max-width: 280px;
    }

    section.ep_sec.section-padding {
        color: #ffffffd0;
        padding: 20px 0 20px;
    }

    section.os_sec {
        padding: 20px 0 10px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .st_sec .card-body .st_card {
        padding: 0px;
        padding-left: 0%;
    }

    section.st_sec .card-body {
        padding: 30px;
    }

    section.st_sec {
        margin-top: 30px;
    }

    .refrefer_earn_outer {
        padding: 10px 0px;
    }

    .ref_cards h3 {
        font-size: 36px;
    }

    .login_bg.login_sec.market_page {
        padding: 30px 0px;
    }

    ul.nav.nav-pills.mb-2.overflowx_scroll.funds_tab.market_tabs {
        gap: 12px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .partner_page .st_sec .st_card h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 1rem;
    }

    .announcement_outer {
        padding: 30px 0px;
    }

    .right_costs_rg ul li {
        font-size: 50px;
        line-height: 44px;
    }

    .right_costs_rg ul {
        gap: 70px;
    }

    button.learnbtn a {
        font-size: 16px;
        padding: 15px 48px;
    }

    .faq_cta_outer .accordion-item h3 button.accordion-button {
        font-size: 18px;
        padding: 18px;
    }

    .faq_cta_outer .accordion-item {
        font-size: 15px;
        padding-top: 0px;
    }

    .faq_cta_outer .accordion-body {
        padding-top: 0px;
    }

    .market_summary_right_tp {
        padding: 24px 40px;
    }

    .rectangle_bottom_eft {
        max-width: 90px;
    }

    img.round_img {
        width: 30px !important;
        height: 30px !important;
    }

    header img.round_img {
        width: 24px !important;
        height: 24px !important;
    }

    .calculator_top_cnt h1 {
        font-size: 36px;
    }

    .banner_content h1 {
        font-size: 36px;
    }

    .earining_calculator_form h2 {
        font-size: 24px;
    }

    .earining_calculator_form form {
        max-width: 100%;
    }

    .login_cnt.register_form {
        padding: 60px 30px 30px;
    }

    .serurity_vector {
        max-width: 80%;
    }

    .os_sec.cv_tocnomics .card_pp {
        margin: 0px;
        width: 33%;
    }

    .meme_hero_s .container {
        width: 90%;
    }

    .crypto_list ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .meme_listing_section .container {
        width: 90%;
    }

    .meme_coin_top h1 {
        font-size: 36px;
    }

    .meme_coin_top p {
        font-size: 15px;
    }

    .user_login {
        position: inherit;
    }

    .table_outer {
        overflow: auto;
    }

    .deposit-btn img {
        width: 15px;
    }


    .login_profile_header.active {
        right: 0px;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .login_profile_header {
        left: inherit;
        right: -330px;
        top: 52px;
    }

    .user_login:hover .login_profile_header {
        opacity: 0;
        visibility: hidden;
    }



    .currency_preference_outer {
        width: 100%;
    }

    .form_block_login {
        padding: 50px 60px;
    }

    .login_cnt {
        padding: 50px;
    }

    .transaction_top_select {
        flex-wrap: wrap;
    }

    .crypto_section .hot_trading_s .td_first {
        font-size: 12px;
        gap: 4px;
    }

    .how_work_s {
        padding: 50px 0px 40px;
    }

    .how_work_s .content_p {
        max-width: 48%;
    }

    .trading_cta_s {
        padding: 60px 0px;
    }

    .listing_left_outer ul li {
        border-radius: 10px;
        padding: 15px;
    }

    .listing_left_outer ul li h5 {
        font-size: 14px;
    }

    .listing_left_outer ul li .deposit_btn {
        font-size: 10px;
        padding: 6px 20px;
        margin: 5px 0px 0px;
    }

    .new_features_s h4 {
        font-size: 16px;
    }

    .block_features h5 {
        font-size: 13px;
    }

    .dashboard {
        gap: 20px;
    }

    .navigation nav ul li a {
        font-size: 9px;
    }

    .dashboardsummary_bottom a.btn {
        font-size: 12px;
    }

    .ant-card-head-title h3 {
        font-size: 15px;
    }

    .navigation nav ul {
        gap: 8px;
    }

    button.btn_claim {
        font-size: 14px;
        padding: 8px 28px;
    }

    .button_outer {
        gap: 10px;
    }

    .mid_cnt {
        padding: 24px 0px 18px;
    }

    .mid_cnt p {
        font-size: 14px;
    }

    .giveway_section {
        background-image: none;
        width: 100%;
        padding: 0px 20px;
    }

    .progress_list ul li .cnt {
        min-width: auto;
    }

    .progress_list ul li {
        min-width: 170px;
    }

    .progress_list ul {
        overflow: auto;
        justify-content: start;
    }

    .header_right .button_outer .login_btn {
        font-size: 10px;
        padding: 5px 9px;
        line-height: 12px;
        min-height: 28px;
    }

    .header_right {
        gap: 5px;
    }

    .icon_notificaton_r ul li {
        padding: 0px 2px;
        width: 30px;
        min-width: 30px;
    }

    li.downloadtabs {
        text-align: center;
    }

    .icon_notificaton_r ul {
        gap: 5px;
    }

    header {
        padding: 12px 10px;
    }

    .slick-slide {
        margin-right: 7px;
    }

    .listing_left_outer .help_support_s ul {
        margin-top: 0px;
    }

    .dashboard_right {
        padding-right: 30px;
        padding-left: 250px;
    }

    .deposit_crypto_block_coin {
        gap: 50px;
    }

    p {
        font-size: 16px;
    }

    .coin_items_select {
        flex-wrap: wrap;
    }

    .selected-option {
        font-size: 14px;
        padding: 13px;
    }

    .form_select {
        padding: 10px 15px;
        font-size: 14px;
    }

    .price_max_total input[type="number"] {
        padding: 10px 18px;
        font-size: 14px;
    }

    .overview_section h1 {
        font-size: 15px;
        gap: 5px;
    }

    .overview_cate_section .nav-tabs .nav-link {
        font-size: 14px;
    }

    .overview_cate_section ul#myTab {
        padding: 10px 8px 0px;
        gap: 10px;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .overview_section h1 img {
        width: 24px;
    }

    .top_heading h4 {
        font-size: 18px;
    }

    .assets_wallets_section h2 {
        font-size: 18px;
    }

    .assets_wallets_section .row {
        flex-direction: column;
        gap: 24px;
    }

    .assets_wallets_section .row .col-sm-6 {
        width: 100%;
    }

    .assets_wallets_section .dashboard_summary {
        height: 100%;
    }

    .tab-content .overview_summary_currency .row {
        flex-direction: column;
        gap: 24px;
    }

    .tab-content .overview_summary_currency .row .col-lg-4 {
        width: 100%;
    }

    .tab-content .overview_summary_currency .row .col-lg-8 {
        width: 100%;
    }

    .ant-card-head-wrapper {
        padding: 6px 0px 9px;
    }

    .ant-card-head-wrapper .btn {
        font-size: 12px;
    }

    section.earning_outer_s {
        padding: 30px 0px;
    }

    .address_footer h5 {
        font-size: 20px;
        padding-bottom: 24px;
    }

    .order_history_mobile_view.twomobile {
        min-height: 300px;
    }

    .order_history_mobile_view .d-flex.datalist_mbl {

        height: 100%;
    }

    .hVPalX.gap-2 {
        padding: 0px 0px 0px;
    }

    .lastchildfooter.address_footer h5 {
        padding-left: 15px;
    }

    .dashboard_right_side.profileslider .slick-slide h6 {
        font-size: 20px;
    }

    .dashboard_right_side.profileslider .slick-slide p {
        font-size: 16px;
    }

    section.pb-5.kyc_form_s {
        margin-top: 15px;
    }

    .kyc_form_multistep .field-otp-box input[type="email"] {
        font-size: 12px;
    }

    .kyc_form_s button {
        font-size: 12px !important;
    }

    .review_information {
        padding: 20px;
    }

    .kyc_form_multistep .field-otp-box input[type="email"] {
        padding-left: 0px;
    }

    .doc_img.py-5.px-4.my-4 {
        padding: 20px !important;
        font-size: 12px;
    }

    .review_information .text-dark {
        font-size: 12px !important;
    }

    .review_information .card.card-header-actions.mb-4 {
        font-size: 13px;
    }

    button#submitBtn {
        font-size: 12px !important;
        padding: 6px 18px;
    }

    .kyc_form_multistep .step-buttons button {
        padding: 6px;
        font-size: 18px !important;
    }

    body.light_theme .recent_deposit_list .withdraw_card_item {
        color: #454545;
    }

    body.light_theme .dashboard_right .withdraw_card_footer .withdraw_card_view_btn {
        background-color: transparent; }

    .search_icon_s {
        font-size: 14px;
        margin-top: 10px;
        padding: 10px;
    }

    .address_input {
        margin-top: 10px;
        padding: 10px;
        font-size: 14px;
    }

    .withdraw_input {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px;
    }

    .support_form_s {
        padding: 10px 20px;
    }

    .market_tabs .nav-link {
        font-size: 12px;
        padding: 8px 18px;
    }

    .d-flex.gap-2.mt-3.mt-md-0 {
        padding-top: 15px;
    }

    .how_to_refer_s ul li p {
        font-size: 12px;
    }

    .how_to_refer_s ul li h6 {
        font-size: 15px;
    }

    .order_history_mobile_view .d-flex .hVPalX.d-flex {
        flex-direction: row;
    }

    .order_history_mobile_view .d-flex .hVPalX .d-flex {
        flex-direction: row;
    }

    .sc-eAKtBH.gVtWSU.d-flex.gap-1 {
        flex-direction: row;
    }

    .hVPalX.gap-2.d-flex.justify-content-between.align-items-center.mt-2.flex-wrap {
        flex-direction: row;
        padding-top: 0px;
    }

    button.view_more_btn {
        margin-top: -5px;
    }


}

@media screen and (max-width:991px) {

    .position_order .order_history_mobile_view {
        margin: 15px 0px 40px;
        min-height: 300px;
    }

    .bottm_lightbox_two .bs_box_header i {
        font-size: 22px;
        background-color: #f3bb2b;
        color: #111114;
        border-radius: 50px;
    }

    .refrefer_earn_vector {
        margin-top: 24px;
    }




    .dashboard_recent_s .mobile_view {
        background-color: transparent;
        padding: 0px;
    }

    .all_product_data {
        margin-top: 50px;
    }

    .custom-tab-content table.table td {
        font-size: 11px;
    }

    .dashboard_right .col-sm-10 {
        width: 100%;
    }

    .icon_notificaton_r ul li.downloadtabs {
        display: none;
    }

    .wallet_tabs .tab_btn {
        font-size: 16px;
    }

    ul.kyclist li {
        font-size: 12px;
    }

    .kyc_verif_bnr {
        padding: 15px 20px;
        margin-top: 20px;
        gap: 15px;
    }

    .kycvector {
        min-width: 110px;
        width: 110px;
    }

    .two_factor_list h6 {
        font-size: 14px;
    }

    .estimated_balance.desktop_view {
        display: none;
    }

    .estimated_balance.mobile_view {
        display: block;
    }

    .exchange_earning_bnr h2 {
        font-size: 24px;
    }

    .exchange_earning_bnr p {
        font-size: 16px;
        margin: 15px 0px;
    }

    .exchange_earning_bnr p span {
        font-size: 18px;
    }

    button.signbtn {
        padding: 10px 24px;
        margin-top: 5px;
    }

    .button_outer .downloadtabs {
        display: none;
    }

    .header_right .themeicon {
        display: none;
    }

    .icon_notificaton_r ul li.themetbs {
        display: none;
    }

    .icon_notificaton_r ul li.themetbs {
        cursor: pointer;
    }

    .profit_costs_cta_outer .d-flex.download_button button.btn {
        font-size: 12px;
        line-height: 20px;
        padding: 8px 9px;
    }

    .navigation nav ul li.mbl {
        display: block;
    }

    .navigation nav ul li.mbl a {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .scantophdr {
        padding-top: 7px;
    }

    .button_outer .scantophdr {
        padding-top: 11px;
    }

    .crypto_tabs_mbl {
        display: inline-block;
    }

    .scaner_pop_up input.input_text {
        width: 46%;
    }

    .deposit_crypto_left::before {
        height: 250px;
    }

    .withdrawal_outer::before {
        height: 74%;
    }

    .twofactor_outer_s .row .col-sm-4 {
        width: 100%;
    }

    .view_data.remove {
        display: none;
    }

    .kyc_nofti.kyc_done {
        max-width: 100%;
    }

    .sc-bdfBQB.sc-kmATbt.fOxqyX.dzKkzw {
        gap: 18px;
        margin-bottom: 18px;
    }

    .check_bar {
        padding: 8px 15px;
        gap: 2px;
    }


    .progress_list ul li {
        min-width: 120px;
    }

    .giveway_hero {
        width: 100%;
        margin-top: 24px;
        flex-direction: column;
        gap: 24px;
    }

    .giveway_section {
        width: 100%;
        padding: 0px 10px;
    }

    .giveway_hero ul {
        gap: 15px;
        margin-top: 20px;
    }

    .progress_list ul li .cnt img {
        width: 30px;
    }

    .banner_t_shirts {
        max-width: 210px;
        margin: 0 auto;
        left: 0px;
        top: 0px;
    }

    .giveaway_top_list ul li {
        font-size: 15px;
    }

    .giveaway_top_list {
        padding: 30px 10px 0px;
    }

    .modal.search_form .otp_s_in button {
        top: 9px;
    }

    button.btn_claim {
        font-size: 15px;
        padding: 7px 32px;
        margin-top: 24px;
    }

    .dashboard_summary th {
        font-size: 12px;
    }

    .blog_section_b h1 {
        font-size: 26px;
    }

    .search_outer_blog {
        padding: 15px;
    }

    .left_hb ul li {
        font-size: 14px;
    }

    a.startbtn {
        font-size: 12px;
        padding: 7px 24px;
    }

    .crypto_cta {
        padding: 18px;
    }

    .articles_blog_bl h4 {
        font-size: 15px;
    }

    .subscribe_form {
        padding: 30px;
    }

    .subscribe_form h4 {
        font-size: 22px;
    }

    .dashboard_recent_s .user_list_top {
        padding-top: 0px;
    }

    body form.searchinput input {
        font-size: 12px;
    }

    .what_coin_s p {
        font-size: 13px;
    }


    .coin-card_itemcnt {
        font-size: 13px;
    }

    .coin-card_itemcnt h6 {
        font-size: 13px;
    }

    .searchBar.custom-tabs {
        font-size: 12px;
    }

    .searchBar.custom-tabs input {
        font-size: 12px;
    }

    .bitcoin_cnt h4 {
        font-size: 12px;
    }

    .bitcoin_cate_list ul li span.price {
        font-size: 11px;
    }

    .twofactor_outer_s .row .col-sm-8 {
        width: 100%;
    }

    .kyc_approval_s {
        /* padding: 24px; */
    }

    .currency_preference_b {
        font-size: 14px;
        gap: 7px;
    }

    .currency_outer_b {
        gap: 12px;
        margin-top: 20px;
    }

    .kyc_form_multistep .gender_radio .form-check-label {
        gap: 0 5px;
        font-size: 10px;
        padding: 6px 12px;
    }

    .kyc_form_multistep .gender_radio {
        gap: 0 5px;
    }

    .field-box p {
        font-size: 12px;
    }

    .kyc_form_multistep .step-indicator h6 {
        font-size: 12px;
    }

    .kyc_form_multistep .gender_radio input[type="radio"]:checked+.form-check-label:before {
        height: 14px;
        width: 14px;
        border: 2px solid #000000;
    }

    .form-check-label:before {
        height: 14px;
        width: 14px;
    }

    .kyc_form_multistep .step-indicator p {
        font-size: 12px;
    }

    .kyc_form_multistep .step-indicator span {
        width: 20px;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }

    .kyc_form_multistep .step-indicator::before {
        top: 88%;
    }

    .profie_block p {
        font-size: 13px;
    }

    .profile_cvtrade h2 {
        font-size: 20px;
    }

    .profie_block span {
        font-size: 13px;
    }

    .dashboard_right_side.profileslider .slick-slide h6 {
        font-size: 18px;
    }

    .dashboard_right_side.profileslider .slick-slide p {
        font-size: 15px;
    }

    .profile_btn {
        font-size: 12px;
        padding: 4px 14px;
    }

    .profile_id {
        font-size: 12px;
    }

    .overview_cate_section .nav-tabs .nav-link {
        font-size: 12px;
    }

    .transaction_history_t table tr td {
        padding: 10px 7px !important;
    }

    .transaction_history_t table tr th {
        padding: 10px 7px !important;
    }

    .listing_left_outer .dashboard_summary ul li button {
        font-size: 12px;
    }

    p {
        font-size: 14px;
    }

    .estimated_balance_bl h4 {
        margin-top: 15px;
        font-size: 20px;
    }

    .estimated_balance_bl.currency_bit h4 {
        margin-top: 15px;
        font-size: 14px;
    }

    .navbar-toggler-icon {
        background-image: none;
    }

    .overview_btn {
        gap: 7px;
    }

    .overview_btn button {
        padding: 5px 20px;
    }

    .wallet_btn_small a {
        font-size: 13px;
    }

    .price_max_total button {
        font-size: 12px;
        padding: 7px 22px;
    }

    .anytime_anywhere {
        padding-left: 0px;
        text-align: center;
    }

    .d-flex.download_button {
        align-items: center;
        justify-content: center;
    }

    .login_section {
        max-width: 60%;
    }

    .bs_dropbox .price_card {
        overflow: auto;
        height: 100vh;
    }

    .dashboard_summary {
        overflow: auto;
    }

    .navigation button {
        border: none;
    }

    ul.active_package_top li {
        font-size: 15px;
    }

    .dashboard_bot_rightbtn button.addfundsbtn {
        font-size: 13px;
        padding: 9px 20px;
    }

    .search_form.order_detail_pop .modal-header h5 {
        font-size: 20px;
    }

    .search_form.order_detail_pop .cursor-pointer {
        font-size: 20px;
    }

    .search_form.order_detail_pop .hot_trading_t.model_height td {
        font-size: 15px;
        padding: 8px 0px !important;
    }

    td.right_t.price_tb span.usd_price_tb2 {
        font-size: 15px;
        padding: 7px 10px;
    }

    .search_form.order_detail_pop button.orderbtn {
        padding: 9px;
        font-size: 15px;
    }

    .td_btn_balance button {
        min-height: 35px;
    }

    .dashboard_recent_s table thead tr th {
        font-size: 13px;
    }

    .login-header {
        margin-left: 0px;
        width: 100%;
    }

    .form_block_login form {
        margin-top: 20px;
    }

    .modal.fade .modal-dialog {
        min-width: 650px;
    }

    .d-flex.datalist_mbl {
        height: 100%;
    }

    .top_header_dash {
        padding: 8px 0px;
    }

    .position_order .order_history_mobile_view {
        margin: 15px 0px 50px;
    }

    header .logo {
        max-width: 200px;
    }

    .lightlogo,
    .darklogo {
        width: 135px !important;
    }

    header .logo img.eaglelogo {
        width: 25px;
    }

    .dashboard_summary .price_heading span {
        font-size: 12px;
    }

    .dashboard_summary td {
        font-size: 12px;
    }

    .earningtop_search {
        position: relative;
        top: 0px;
        right: 15px;
    }

    .td_btn_balance button.walletbtn {
        line-height: 14px;
    }

    .wallet_balance_tb .user_list_top .user_search form {
        flex-direction: row;
    }

    .rectangle_bottom_eft {
        max-width: 70px;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        padding: 5px 15px !important;
    }


    section.faq_sec {
        padding: 20px 0px 0px;
    }

    section.faq_cards h1.text-center {
        font-size: 30px;
        width: 80%;
    }

    .market_summary_right_tp .mr_data h5 {
        font-size: 16px;
    }

    .responsive-table {
        overflow: auto;
        width: 100%;
    }

    .withdrawal_rightside {
        margin-bottom: 20px;
    }

    .support_form_s .d-flex-between.mb-3.custom_dlflex {
        padding-top: 10px;
    }


    body .responsive-table ul#myTab {
        white-space: nowrap;
        flex-wrap: inherit;
        overflow: inherit;
        border-radius: 0px !important;
        border: none;
    }

    .earning_section_cate ul#myTab {
        gap: 24px;
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    ul.balance_list_s li h4 {
        font-size: 20px;
    }

    ul.balance_list_s li p {
        font-size: 13px;
    }

    .dashboard_recent_s .user_list_top ul#myTab {
        border: none;
    }

    .dashboard_recent_s .user_list_top .user_search form {
        flex-direction: row;
    }

    body .dashboard_recent_s .user_list_top form.searchinput button {
        width: 23px;
    }

    .mt-0.market_prices.market_update_sec .d-flex-between.mb-3.custom_dlflex {
        padding-top: 10px;
        gap: 18px;
    }

    ul.nav.nav-pills.mb-2.overflowx_scroll.funds_tab.market_tabs {
        gap: 4px;
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        top: 5px;
        position: relative;
    }

    .earning_section_cate .user_search form {
        flex-direction: row;
    }


    section.earning_outer_s {
        padding: 40px 0px;
    }

    .earning_section_cate {
        padding: 20px;
    }

    .earning_section_cate .nav-tabs .nav-link {
        font-size: 15px;
    }

    .earning_section_cate .tab-content {
        padding-top: 18px;
    }

    .user_list_top .user_search form {
        flex-direction: column;
    }

    .card-header.ref_header h4 {
        font-size: 26px;
    }

    .card-header.ref_header h6 {
        font-size: 17px;
    }

    .refrefer_earn_outer {
        min-height: 440px;
    }

    .arbitrage_subscriptions_block ul li .arbitbot_cnt {
        margin-top: 40px;
    }

    button.subscribe_btn {
        width: 100px;
    }

    .arbitrage_subscriptions_block ul li h2 {
        font-size: 14px;
    }

    .arbitrage_subscriptions_block ul {
        gap: 20px;
    }

    .bitcoin_top_currency {
        align-items: start;
        flex-direction: column;
    }

    .amount_detail_bottom {
        flex-wrap: wrap;
        gap: 18px;
    }

    .user_search form {
        flex-direction: column;
        gap: 10px;
        align-items: self-end;
    }

    .market_page .mt_table .table tr td {
        padding: 7px 5px;
    }

    .estimated_balance {
        flex-direction: column;
        margin-top: 0px;
    }

    .dashboard_summary ul.nav-tabs {
        margin-top: 0px;
    }

    footer .menu li a {
        font-size: 14px;
    }

    footer h3 {
        font-size: 15px;
    }

    .overview_summary_currency .slick-track {
        gap: 0px;
    }

    .overview_btn {
        flex-wrap: wrap;
    }

    .footer_logo {
        margin-bottom: 24px;
    }

    body .hero_section {
        padding: 100px 0px 50px;
        min-height: 100%;
    }

    .hrborder img {
        height: 80px;
    }

    .mu_pr_mark {
        gap: 4px;
    }

    .mu_pr_mark h3 {
        font-size: 22px;
    }

    .currency_tp_s {
        gap: 10px;
    }


    .market_summary_right_tp {
        padding: 20px 24px;
    }

    .currency_img_mr {
        max-width: 100px;
    }

    .profit_costs_cta_outer {
        padding: 40px 0px;
    }

    .profit_cost_cnt h2 {
        padding-bottom: 12px;
    }

    .scan_block {
        margin: -50px auto;
    }

    .banner_img {
        width: 300px;
        float: none;
        margin: 0 auto;
    }

    .banner_content {
        text-align: center;
        width: 100%;
    }

    .hero_section_main {
        padding-top: 20px;
    }

    header .button_outer {
        align-items: start;
    }

    .scan_left_s img {
        width: 50px;
    }

    .banner_cnt h1 {
        font-size: 30px;
    }

    .banner_cnt p {
        max-width: 90%;
    }

    .crypto_section {
        padding: 10px 0px 20px;
    }

    .currency_logo {
        padding: 15px 0px 20px;
    }

    .twofactor_outer_s .row {
        flex-direction: column-reverse;
    }

    .ep_sec.section-padding .row.align-items-center.gx-md-5 {
        flex-direction: column-reverse;
    }

    .twofactor_outer_s .row .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .currency_logo ul {
        animation: cryptoScroll 24s linear infinite;
    }

    .currency_logo ul li {
        min-height: 120px;
        width: 320px;
        min-width: 320px;
    }

    .currency_logo ul li .icon_crypto {
        width: 80px;
    }

    .viewmorebtn {
        margin-top: 20px;
    }

    section.crypto_exchange_section {
        padding: 40px 0px;
    }

    .crypto_future_cnt ul.listcrypto li {
        font-size: 14px;
    }

    .animation_effect {
        width: 160px;
    }

    .cryptofuture_s.reverse_security {
        margin-top: 80px;
    }

    .security_list li h3 {
        font-size: 24px;
    }

    .serurity_vector {
        max-width: 240px;
        top: -10px;
        position: relative;
        left: 0px;
    }

    .card.assetstrade .crypto_app_mbl img {
        max-width: 340px;
    }

    .deposit_crypto_block_coin h2 {
        font-size: 18px;
    }

    .profit_cost_cnt p {
        font-size: 15px;
    }

    .profit_costs_cta_outer.platform_trading_s {
        padding-bottom: 10px;
    }

    .resources_news .news_img {
        height: 160px;
    }

    .resources_cnt {
        padding: 20px;
    }

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

    .trusted_partner {
        padding: 30px 0px;
    }

    .search_icon_s {
        margin-top: 10px;
        padding: 10px;
        font-size: 13px;
    }

    .community_sec .section-title {
        padding-left: 0px;
    }

    .address_input {
        font-size: 13px;
        padding: 10px;
    }

    .withdraw_input {
        padding: 10px;
        font-size: 13px;
    }

    .community_sec .text-end {
        text-align: left !important;
    }

    .st_sec .card-body .st_card {
        padding: 0px;
        padding-left: 0%;
    }

    .l_sec.section-padding img.img-fluid.mx-auto {
        max-width: 350px;
    }

    .h5,
    h5 {
        font-size: 18px;
    }

    .os_sec .col-cards .card-body {
        padding: 12px;
    }

    /* .navbar-toggler-icon {
        display: none;
    } */

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        width: 100%;
        padding: 5px 0px;
    }

    .navigation nav ul li ul li a {
        padding: 8px 18px !important;
        font-size: 14px;
    }

    header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 15px !important;
        font-size: 14px;
    }

    .calculator_top_cnt h1 {
        font-size: 30px;
    }

    .earning_calculator_section {
        padding: 0px 0px 40px;
    }

    footer .menu {
        gap: 10px;
    }

    .row.main_footer_menu_s {
        padding-top: 30px;
    }

    footer p {
        font-size: 14px;
    }

    .copyright {
        padding-top: 30px;
    }

    .profile_custom {
        padding-right: 0px !important;
        flex-direction: column !important;
        justify-content: end !important;
        align-items: flex-end !important;
    }

    .trade_add_view {
        flex-direction: column;
    }

    .login_section .form_block_login {
        padding: 32px;
    }

    .custom-form .form-control,
    .custom-form .form-select {
        margin-bottom: 18px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 14px !important;
    }

    .col-md-12.mb-4 {
        margin-bottom: 10px !important;
    }


    header .annousment_s {
        left: -180px;
    }

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

    .deposit_crypto_block_coin {
        gap: 50px;
        flex-direction: column;
    }

    .crypto_list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .deposit_crypto_left {
        width: 100%;
    }

    .deposit_crypto_right {
        width: 100%;
    }

    .recent_deposit_list {
        padding: 40px 0px 24px;
    }

    .navigation .container-fluid {
        padding: 0px;
    }

    .login_profile_header {
        top: 46px;
    }

    .form_block_login {
        padding: 40px 40px;
    }

    .form_block_login h2 {
        font-size: 22px;
    }

    .login_cnt {
        padding: 30px;
    }

    .rewards_vector {
        width: 100%;
        margin: 10px auto;
    }



    .market_section.help_support_s {
        margin-top: 10px;
    }

    .help_support_s .security_form form.row {
        padding: 0px 0px;
    }

    .help_support_s textarea {
        min-height: 70px;
    }

    .Security_factor {
        width: 90%;
    }

    .dashboard_right_side.profileslider {
        width: 100%;
    }

    footer {
        padding: 40px 0px 10px;
    }

    .trading_services {
        margin-top: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .security_form form.row input[type="button"] {
        font-size: 14px !important;
    }

    .banner_content h1 {
        font-size: 30px;
    }

    .d-flex.download_button button.btn {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }

    .banner_content p {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    body .banner_img {
        width: 80%;
        left: 0px;
        max-width: 80%;
        margin-top: 40px;
    }

    .ranking_outer ul li {
        font-size: 14px;
    }

    .ranking_outer ul li h2 {
        font-size: 24px;
    }

    .ranking_outer {
        padding: 15px 0px;
    }

    .banner_add_slider {
        padding: 30px 0px;
    }

    .crypto_section h2 {
        font-size: 30px;
    }

    .hero_section {
        padding-top: 10px;
    }

    .crypto_dashboard {
        flex-direction: column;
    }

    .crypto_section .hot_spot_outer {
        width: 100%;
        display: none;
    }

    .crypto_section .hot_spot_outer.active {
        display: block;
    }

    .how_work_s ul {
        max-width: 100%;
        padding-top: 40px;
    }

    .how_work_s.partner_logo {
        padding: 40px 0px;
    }

    .how_work_s h2 {
        font-size: 32px;
    }


    .balance_chart_left h3 {
        font-size: 16px;
    }

    .dashboard_listing_section {
        flex-direction: column;
    }

    .listing_left_outer {
        width: 100%;
    }

    .estimate_cnt h4 {
        font-size: 14px;
    }

    .estimate_cnt h4 span {
        font-size: 14px;
    }

    .dashboard_right_side {
        width: 100%;
        margin-top: 20px;
    }

    .navi_sidebar li a {
        padding: 5px 20px 5px 20px;
    }

    .navi_sidebar li button {
        padding: 5px 20px 5px 20px;
    }

    .navigation {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 999;
        background-color: transparent;
        top: 6px;
        padding: 0px;
    }

    .navbar-toggler {
        position: absolute;
        right: 12px;
        top: 1px;
    }

    .navbar-collapse {
        background-color: #111114;
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        margin-top: 40px;
        padding: 20px 0px 0px;
        z-index: 1;
    }

    .navigation nav ul {
        gap: 9px;
        padding: 0px 0px;
    }

    .header_right {
        position: absolute;
        gap: 10px;
        right: 65px;
        top: 10px;
        align-items: start;
        z-index: 1001;
    }

    .afterloginheader .header_right {
        right: 65px;
    }

    .navigation .navbar-toggler img {
        width: 17px;
    }

    .icon_notificaton_r ul li {
        width: 18px;
        min-width: 18px;
    }

    .icon_notificaton_r ul li svg {
        width: 18px;
    }

    .kyc_approval_s .cnt p {
        font-size: 14px;
    }

    .get_otp {
        font-size: 12px;
        padding: 6px 15px;
    }

    .form_block_login .input_filed {
        font-size: 13px;
        padding: 13px 20px;
    }

    .form_block_login .row {
        gap: 16px;
    }




    .login_btn input[type="button"] {
        padding: 10px;
    }

    .verify_btn a {
        font-size: 14px;
    }

    .dashboard_deposit_s {
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 5px;
    }

    .dashboard_deposit_s h1 {
        font-size: 24px;
    }

    .bankpop_up_d.modal.fade .modal-dialog {
        min-width: 80%;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 14px;
    }

    .navbar-toggler {
        top: 3px;
    }

    .scan_cnt_l {
        width: 80%;
        overflow: scroll;
    }

    .maindashboard .table-responsive {
        max-height: 450px;
    }

    .login_section.forgot_password {
        max-width: 520px;
    }

    .hand_shake_cntr {
        left: 60px;
    }

    .address_footer h5 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .kyc_approval_s.activity_logs .price_heading {
        font-size: 12px;
    }

    .kyc_approval_s.activity_logs .right_t {
        font-size: 12px;
    }

    .Overview_mid .dashboard_summary .currency_btn a {
        font-size: 13px;
        padding: 8px 24px;
    }

    .trade_summary_table_lft .table-responsive {
        justify-content: start !important;
    }

    .order_history_mobile_view {
        margin-top: 0px;
    }

    .how_to_refer_s h2 {
        font-size: 24px;
    }

}

@media screen and (max-width:767px) {

    .card-body_inner.referral_code_s {
        padding: 15px;
        border-radius: 10px;
        width: 100%;
        margin-top: 10px;
    }

    .recent_deposit_list .top_heading {
        margin-bottom: 10px;
    }

    .recent_deposit_list .top_heading .more_btn {
        margin-top: 0px;
    }

    .withdrawal_top_list h5 {
        font-size: 13px;
        font-weight: 500;
    }

    .recent_deposit_list .top_heading h4 {
        margin-bottom: 0px;
    }

    .currency_bit_footer {
        padding: 0px 15px 6px;
    }

    .dashboard_summary td span {
        font-size: 10px;
    }

    .email_code .get_otp.otpcode {
        top: 6px;
    }

    .referral_events_slider_wrapper {
        margin-top: 20px;
    }

    .how_to_refer_s {
        margin-bottom: 40px;
    }

    .how_to_refer_s h2 {
        font-size: 22px;
    }

    .card-header.ref_header h6 {
        line-height: 24px;
    }

    .referral_code_s .field-otp-box>input {
        padding-left: 15px;
    }

    .referral_code_s ul li {
        font-size: 12px;
    }

    .referral_code_s ul li span {
        text-align: left;
    }

    .referral_code_s ul li span a {
        margin-left: 0px;
    }

    .referral_event_item {
        flex: 0 0 100%;
        margin-right: 0;
    }

    .desktop_view {
        display: none;
    }

    .swiper-pagination-bullet-active {
        background: #ffffff !important;
    }

    .modal.earningpopup .payment_method_f h3 {
        font-size: 14px;
    }

    .estimated {
        margin-top: 15px;
    }

    .earningpopup label {
        font-size: 12px;
    }

    .earningpopup button.subscribebtn {
        padding: 8px 10px;
        font-size: 13px;
        margin-top: 15px;
    }

    .modal.earningpopup h3 {
        font-size: 16px;
    }

    .qrcode p {
        font-size: 12px;
    }

    .label {
        font-size: 12px;
    }

    .table_responsive_2 {
        min-height: 280px;
    }

    .id_item {
        padding: 10px 12px 10px 40px;
        font-size: 12px;
    }

    .kyc_step h6 {
        font-size: 12px;
        margin: 12px 0px;
    }

    .kyc_step h5 {
        font-size: 12px;
    }

    .select_box select {
        font-size: 12px;
    }

    .kyc_information_del {
        gap: 20px;
        padding: 18px;
    }

    .kyc_information_del .userinfolft {
        width: 130px;
    }

    .info_list ul {
        gap: 12px;
    }

    .documentnumber_s {
        padding: 12px 15px;
    }

    .upload-label h3 {
        font-size: 12px;
    }

    .primary_btn {
        padding: 7px;
        font-size: 12px;
    }

    .scroll_y_reverse .orderbook-table td.text-danger {
        width: auto;
    }

    .verify_authenticator_s p {
        max-width: 100%;
        font-size: 12px !important;
    }

    .login_section .lightlogo {
        display: none;
    }

    .address_cntemail {
        text-align: left;
        display: flex;
        justify-content: center;
    }

    footer address {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .reverse_security .exchange_future_s .verification_mobile {
        max-width: 100%;
    }

    .network_top_p {
        margin-top: 0px;
    }

    footer .menu li a {
        font-size: 12px !important;
    }

    span.admin_email {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #666;
    }

    .emaildiv {
        margin-left: 0px;
        margin: inherit;
        display: flex;
        width: 100%;
        margin-bottom: 0px;
    }

    footer address img {
        background-color: #393e47;
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 50px;
    }

    .forgot_password a {
        margin-top: 0px;
    }

    section.termsofuse h3 {
        font-size: 17px;
    }

    footer address {
        font-size: 12px;
    }

    .refrefer_earn_outer .card-header.ref_header h4 {
        font-size: 18px;
    }

    .how_to_refer_s h2 {
        font-size: 18px;
    }

    .modal.search_form#exampleModal .modal-dialog {
        margin-top: 0px;
    }

    .form_block_login .email_code .input_filed {
        padding-right: 50px;
    }

    #twofaInfoModal .qr_code {
        width: 110px;
        margin: 0px auto;
    }

    .user_profile_cnt h3 {
        gap: 20px;
    }

    .top_header_dash .user_profile {
        padding: 0px 0px;
    }

    .all_product_data .mobile_view span {
        position: relative;
        right: 0px;
    }

    body .all_product_data .mobile_view {
        padding: 5px 0px;
    }

    .crypto_tabs_mbl ul {
        gap: 5px;
    }

    .mobile_view {
        display: block;
    }

    .dashboard_summary .price_heading span {
        position: relative;
        right: 0px;
    }

    .supportsection h4 {
        font-size: 18px;
    }

    .d-flex.gap-2.mt-3.mt-md-0 {
        margin: 0px !important;
    }


    .listing_left_outer.full_width.transaction_history_t .market_section.spotorderhist {
        padding-top: 20px;
    }

    .supportsection {
        padding-top: 10px;
    }


    .mobiletable {
        display: block;
        margin-bottom: 15px;
    }

    h2.mb-0.pb-0 {
        font-size: 20px;
    }

    .kyc_verif_bnr_wrapper {
        width: 100%;
        margin-top: 15px;
    }

    .kyc_verif_bnr {
        flex-direction: column;
    }

    .kysbnr_cnt {
        width: 100%;
    }

    .kyc_verif_bnr_wrapper .account_benifits .row {
        margin-top: 10px;
        row-gap: 24px;
        flex-direction: row;
    }

    .kyc_verif_bnr_wrapper .account_benifits .row .col-sm-4 {
        width: 33.33%;
    }

    .account_benifits {
        padding: 15px;
    }

    .account_benifits h6 {
        font-size: 12px;
    }

    .mobile_view .swiper-pagination span {
        position: relative;
        right: inherit;
    }

    .estimated_balance .swiper-pagination {
        bottom: 4px !important;
    }

    .factor_bl {
        flex-direction: column;
        width: 100%;
    }

    .two_factor_list .lftcnt {
        width: 100%;
    }

    .enable {
        width: 100%;
    }

    .two_factor_list button.btn {
        font-size: 12px;
        width: 100%;
        padding: 6px 12px;
    }

    .estimated_balance .div_tag {
        padding-bottom: 30px;
    }

    .desktoptable {
        display: none;
    }

    .modal-dialog-centered {
        align-items: end;
    }

    .earningpopup .modal-content {
        border-radius: 0px;
    }

    .modal.fade .modal-dialog {
        min-height: 100%;
    }

    ul.tbltabs {
        gap: 5px;
    }

    button.btn.btn-outline-primary.favourites-toggle-btn-mobile {
        justify-content: space-between;
    }

    ul.tbltabs li button {
        padding: 2px 7px;
        font-size: 11px;
    }

    ul.tbltabs li select {
        font-size: 11px;
    }

    .market_trade_crypto {
        margin-top: 0px;
    }

    .trade-wrapper.spot {
        padding: 30px 0px;
        height: auto;
        min-inline-size: auto;
    }

    .trade_favourites_lft .spotLists {
        min-height: 100%;
        top: 0px;
    }

    .market_trade_crypto .row {
        flex-direction: column;
        gap: 20px;
    }

    .market_trade_crypto .row .col-sm-4 {
        width: 100%;
    }

    .trade_marketvalue .price {
        font-size: 20px;
        margin: 6px 0px;
    }

    body .cnt_first_t .icon_currency img {
        width: 24px;
    }

    .animation {
        height: auto;
    }

    .sign_rewards {
        display: none;
    }

    .crypto_future_cnt p {
        margin: 5px 0px 10px;
    }

    .crypto_tabs_mbl ul li button {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 8px;
    }

    .profit_cost_cnt h2 {
        padding-bottom: 2px;
    }

    .cryptofuture_s {
        flex-direction: column;
        gap: 24px;
    }

    img.animation_effect.bitcoin1 {
        width: 50px;
        left: 5%;
    }

    img.animation_effect.bitcoin2 {
        width: 50px;
        right: 40px;
    }

    img.animation_effect.bitcoin3 {
        width: 50px;
        left: 24%;
    }

    section.crypto_exchange_section {
        padding: 20px 0px;
    }

    .resourceslft {
        width: 100%;
        text-align: center;
    }

    .latest_resources {
        padding: 10px 0px 20px;
    }

    .latest_resources .row {
        margin-top: 30px;
    }

    .hero_section_main .d-flex.download_button {
        margin-top: 20px;
    }

    .resources_news h3 {
        font-size: 15px;
    }

    .resources_news p {
        font-size: 12px;
    }

    .resources_news {
        min-height: 370px;
    }

    .date {
        font-size: 12px;
        margin-bottom: 10px;
    }

    button.downloadbtn {
        font-size: 14px;
        margin-top: 10px;
        line-height: 18px;
        width: 180px;
        padding: 8px 10px;
    }

    .exchange_future_s {
        width: 210px;
        text-align: center;
        margin-top: 15px;
    }

    .animation_effect {
        width: 120px;
    }

    .row.cta_register_s {
        flex-direction: column;
    }

    .row.cta_register_s .col-sm-5 {
        width: 100%;
    }

    .latest_resources .row .col-sm-6 {
        width: 100%;
    }

    .row.cta_register_s .col-sm-7 {
        width: 100%;
    }

    .exchange_future_s img.animation_effect.bitcoin2 {
        right: 0px;
        top: 65%;
        width: 45px;
    }

    .reverse_security .exchange_future_s {
        width: 220px;
        text-align: center;
    }

    .gallery_crypto {
        border-radius: 18px;
        padding: 18px;
        min-height: 260px;
    }

    .cryptofuture_s.reverse_security {
        margin-top: 40px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .security_list li {
        min-height: 140px;
    }

    .animation_effect {
        top: 150px;
    }

    .reverse_security img.animation_effect.bitcoin {
        width: 80px;
        right: -20px;
    }

    .invest_tradetop {
        gap: 18px;
        flex-direction: column;
        align-items: center;
    }

    .crypto_features {
        flex-direction: column;
        margin-top: 24px;
    }

    .card.borderlft.assetstrade {
        padding: 24px;
        width: 100%;
        text-align: center;
    }

    .card.borderlft.assetstrade p {
        width: 100%;
    }

    .card.assetstrade .crypto_app_mbl {
        margin-top: -10px;
    }

    .learnbtn {
        font-size: 14px;
        justify-content: center;
        margin-top: 12px;
    }

    .crypto_features .card {
        padding: 32px 24px;
        min-height: 100%;
        width: 100%;
    }

    .profit_costs_cta_outer .invest_tradetop h2 {
        width: 100%;
        margin: 0px;
    }

    .currency_logo ul li {
        width: 300px;
        min-width: 300px;
    }

    .crypto_features .borderlft {
        border-right: none;
    }

    .crypto_features .border_btm {
        border-bottom: 1px solid #2F2F2F;
    }

    .crypto_features p {
        margin: 0px;
    }

    .crypto_features .border_btm:last-child {
        border-bottom: none;
    }

    .currency_logo ul li h3 {
        font-size: 18px;
    }

    .currency_logo ul li span {
        font-size: 11px;
    }

    .currency_logo ul {
        animation: cryptoScroll 10s linear infinite;
    }

    img.crypto_cntr {
        width: 50px;
        top: -10px;
        left: 20px;
    }

    img.bitcoin_left {
        width: 40px;
        left: 20px;
        bottom: 0px;
    }

    img.bitcoin_right {
        right: -15px;
        width: 40px;
        top: 40px;
    }

    .overview_summary_currency .slick-dots {
        display: none !important;
    }

    .modal.search_form .profile_cnt_lightb {
        padding: 0px;
    }

    .modal.search_form .profile_form label {
        font-size: 12px;
    }

    .modal.search_form .profile_bl h5 {
        font-size: 12px;
    }

    .btn_profile_list button {
        font-size: 13px;
        padding: 7px 18px;
    }

    .modal.search_form .btn_profile_list {
        margin-top: 15px;
    }

    .homebonuspop.modal.fade .modal-dialog {
        padding: 0px !important;
        margin: 0 auto;
    }



    .dashboard_recent_s .user_list_top {
        margin-bottom: 7px;
    }

    .giveway_hero h1 {
        font-size: 22px;
    }

    .banner_cnt_s {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .progress_list {
        padding: 20px 0px 0px;
    }

    .giveway_hero ul li h2 {
        font-size: 18px;
    }

    .serurity_vector {
        max-width: 240px;
        margin: auto;
        top: 0px;
    }

    .modal.search_form .otp_s_in button {
        top: 3px;
        font-size: 11px;
        right: 3px;
        padding: 3px 8px;
    }

    .more_btn {
        margin-top: 10px;
    }

    .coin_items_select.mt-5 {
        margin-top: 20px !important;
    }

    .order_trade_s .table_info_data table tr td {
        font-size: 12px;
    }

    .modal-content.popup-box.homepop_box {
        width: 60%;
        margin: 0 auto;
    }

    .login_section {
        min-height: calc(100vh - 54px) !important;
    }

    .market_section.spotorderhist {
        padding-top: 0px;
    }

    .afterloginheader .user_login {
        top: 0px;
    }

    .earning_section_cate .row .col-sm-2 {
        width: 100%;
    }

    .articles_blog_bl h4 {
        font-size: 14px;
    }

    .blog_section_b .top_heading_cnt h2 {
        font-size: 18px;
    }

    .twofactor_outer_s .row .col-sm-8 {
        padding: 0px;
    }

    .crypto_list ul li .crypto_icon img {
        height: auto;
    }

    .search_items {
        padding: 5px 10px;
    }

    .navbar-collapse {
        margin-top: 30px;
    }

    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
    }

    .notification_table {
        margin-top: 0px;
        height: 100%;
    }

    .kyc_form_multistep .step-indicator::before {
        top: 81%;
    }

    .overview_cate_section.asstes_listing_tb ul#myTab {
        padding: 7px 8px 7px;
    }

    .form_select span {
        font-size: 12px;
    }

    .order_trade_s .table_info_data table tr th {
        font-size: 12px;
    }

    .afterloginheader .navbar-toggler {
        right: 6px;
        top: 5px;
    }

    .hand_shake_cntr {
        left: 0px;
    }

    section.live_prices.mt-0.market_prices.market_update_sec.market_update_table .container,
    .container-sm {
        max-width: 100%;
    }

    .header_right {
        top: 9px;
    }

    .lastchildfooter.address_footer h5 {
        padding-left: 0px;
    }

    .crypto_section tr.top_tradeing_t th.desktop_view {
        display: none;
    }

    .address_cnt .lightlogo {
        width: 50px !important;
    }

    ul.exclusivelist li span {
        text-align: right;
    }

    .footer_logo .darklogo {
        width: 100% !important;
    }

    .earning_section_cate .recenttable_s .tab-content {
        padding-top: 0px;
    }


    footer .col-sm-4 {
        width: 100%;
    }

    header .logo img.eaglelogo {
        width: 24px;
    }

    .lightlogo,
    .darklogo {
        width: 100% !important;
    }

    ul.navi_sidebar {
        padding-bottom: 20px;
        overflow: inherit;
        height: auto;
    }

    .crypto_section tr.top_tradeing_t th.mobile_view {
        display: block;
        background-color: transparent;
    }

    .leftside_menu .logout_btn {
        position: relative;
    }

    .navi_sidebar li a {
        padding: 10px;
    }

    .navi_sidebar li button {
        padding: 10px;
    }

    .login_section.forgot_password {
        max-width: 100%;
        border-radius: 0px;
        margin-top: 0px !important;
        justify-content: start;
    }

    .user_login.dashbtn a {
        padding: 7px 15px;
        font-size: 10px;
    }

    .login_section {
        max-width: 100%;
    }

    .search_form.modal.fade .modal-dialog {
        top: inherit;
        bottom: 0px;
    }

    .modal-dialog h4 {
        font-size: 18px;
    }

    .wallet-sub {
        font-size: 13px;
    }

    .modal.search_form input {
        padding: 6px 12px !important;
        font-size: 12px;
        min-height: 36px;
    }

    .user_login.dashbtn a {
        padding: 7px 8px;
    }

    .user_login.dashbtn a {
        height: 25px;
        display: block;
        padding: 3px 10px;
    }


    body .bs_dropbox .spotLists {
        margin: 0 auto;
        min-height: 100%;
        max-height: 100%;
    }

    .bs_dropbox.spotLists_bs_dropbox.active {
        align-items: center;
    }

    .user_list_l.earning_section_cate .nav-tabs .nav-link {
        font-size: 14px;
    }

    .card-body-padding-top .faq_text p {
        font-size: 14px;
    }

    .currency_preference_b {
        font-size: 15px;
        padding: 15px;
    }

    .termsofuse li {
        font-size: 13px;
        line-height: 22px;
    }

    .plicy_sec {
        font-size: 13px;
    }

    .plicy_sec br {
        display: none;
    }

    .currency_preference_b .icon {
        width: 24px;
    }

    .kyc_form_multistep .inquery_fill label {
        font-size: 14px;
    }

    .modal.fade .modal-dialog.verifypop {
        min-width: 85%;
    }

    body h2 {
        font-size: 24px;
    }

    #popup-box {
        width: 60%;
    }


    .popup_modal img {
        width: 100% !important;
        max-width: 800px;
    }

    .login_section.verifiedform {
        max-width: 100%;
        margin: 0px auto !important;
    }

    .security_shield_vector {
        max-width: 100px;
    }

    .login_section.verifiedform .form_block_login {
        padding: 30px 10px;
        padding: 10px 30px 20px;
    }

    .d-flex.download_button {
        gap: 7px;
        margin-top: 0px;
    }

    .d-flex.download_button button.btn {
        font-size: 13px;
        line-height: 16px;
        padding: 9px 7px;
    }

    .banner_img_main {
        max-width: 100%;
    }

    .hot_trading_s table tbody tr:hover {
        transform: scale(1);
    }

    .login_btn input[type="button"] {
        font-size: 14px;
    }

    .login_section.forgot_password .email_code .get_otp {
        top: 13px;
        padding: 0px 10px;
    }

    .login_section.forgot_password .form_block_login {
        padding: 30px 10px;
        padding: 10px 20px 10px;
    }

    body.loginbg {
        background-color: #fff;
    }

    body.signupbg {
        background-color: #fff;
    }

    .hot_trading_s tr .m_none {
        display: none;
    }

    .profit_costs_cta_outer.platform_trading_s {
        padding-bottom: 10px;
    }


    .code_scan {
        max-width: 90px;
        padding: 6px;
        border-radius: 5px;
    }

    .hero_section_main {
        padding: 30px 0px 0px;
        min-height: 100%;
    }

    .banner_content p {
        font-size: 14px;
        margin: 8px 0px 0px;
    }

    .sign_form [type="button"] {
        font-size: 13px;
        padding: 6px 18px;
    }

    .crypto_dashboard {
        flex-direction: column-reverse;
    }

    .crypto_section tr.top_tradeing_t th {
        font-size: 13px;
    }

    .market_page .market_update_table .row.mb-4.g-2 {
        gap: 18px;
    }

    .custom-tab-content .table>thead th {
        padding: 10px 10px !important;
    }

    body .card_header_title {
        font-size: 14.5px;
        font-weight: 400;
    }

    .custom-tab-content .table>thead th {
        line-height: 18px;
    }

    .no_data_outer {
        padding: 32px 0px 0px;
    }

    .left_hb ul li {
        font-size: 15px;
    }

    .search_items {
        display: flex;
    }

    .crypto_section .hot_spot_outer {
        border-top: none;
    }

    .hot_trading_s th.right_t.right_0 {
        display: none;
    }

    .hot_trading_s td.right_t.right_0 {
        display: none;
    }

    .refrefer_earn_outer .ref_col {
        max-width: 100%;
        text-align: center;
    }

    .bs_dropbox .table-responsive {
        min-height: 100px;
        max-height: 36%;
    }

    .anytime_anywhere {
        padding-left: 0px;
        text-align: center;
    }

    .topheading_footer .icon_i {
        display: block;
    }

    .leftside_menu .logout_btn {
        width: 100%;
    }

    .leftside_menu .logout_btn a {
        font-size: 15px;
        padding: 7px 20px;
    }

    .dashboard_right_side .features_block {
        gap: 20px;
    }

    .dashboard_right_side {
        margin-top: 10px;
    }

    .new_features_s {
        padding: 0px;
    }

    .refrefer_earn_outer .ref_body {
        margin-top: 0px;
        max-width: 100%;
    }

    .refrefer_earn_outer .trade_btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .refrefer_earn_outer .d-flex.joc_social_row.mt-2 {
        justify-content: center;
    }

    .top_right_img img.img-fluid {
        max-width: 290px;
    }

    .refrefer_earn_mobile_vector {
        margin-top: 32px;
        display: block;
    }

    .refrefer_earn_outer {
        background-image: none;
    }

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

    .articles_blog_bl {
        text-align: center;
    }

    .articles_blog_bl ul.meta_date {
        justify-content: center;
    }

    .cta_img {
        width: 280px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .crypto_cta .row {
        flex-direction: column;
    }

    .crypto_cta .row .col-sm-9 {
        width: 100%;
    }

    .crypto_cta .row .col-sm-3 {
        width: 100%;
    }

    .refrefer_earn_outer .ref_body {
        margin-top: 0px;
    }

    .dashboard_recent_s .user_list_top {
        padding-top: 0px;
    }

    .top_total_bar {
        flex-direction: column;
    }

    h1 {
        font-size: 1.7rem;
    }

    /* .herobanner2 .scan_block ul li {
        padding: 22px 40px 22px 0px;
    } */


    .search_form.order_detail_pop .modal-header {
        padding: 20px 32px 0px !important;
    }

    .order_detail_pop .model_height {
        padding: 10px 0px 15px;
    }

    .market_tab_scroll_ot::before {
        height: 48px;
    }

    .market_tab_scroll_ot ul .currency_tag_cnt {
        margin-top: 7px;
    }

    .main_marker_summary {
        padding-top: 10px;
    }

    .mobileview {
        display: none;
    }

    .themecolor_icon i {
        color: #fff;
        line-height: 21px;
    }

    .maindashboard .table-responsive {
        max-height: 350px;
    }

    .dashboard_recent_s table thead tr th {
        font-size: 13px;
    }

    .user_list_top.walletbalance_t {
        flex-direction: column;
        padding: 12px 0px;
        align-items: start;
    }

    .user_list_top.walletbalance_t .user_search {
        width: 100%;
    }

    body .modal-content {
        border-radius: 0px;
    }

    .scan_img {
        width: 100px;
    }

    .deposit_address_s .typography-body3 {
        width: 100px;
    }

    .search_form .modal-swap {
        padding: 0px 15px !important;
    }

    .market_tab_scroll_ot ul li {
        margin-bottom: 18px;
        padding-top: 5px;
    }

    .faq .card .card-header {
        padding: 13px 10px 14px 15px;
    }

    .registration__info.bottom {
        margin-top: 10px;
    }

    .faq_cta_outer h2 {
        padding-bottom: 7px;
    }

    .login_section .nav-tabs {
        margin-top: 15px;
        gap: 20px !important;
    }

    body .login_section .login-pills li .nav-link {
        font-size: 15px;
    }

    .login_section .nav.nav-tabs li button {
        padding: 10px 0px !important;
    }

    .scaner_pop_up.thankyou_s .modal-body {
        width: 90%;
    }

    .login_section .login_form_right {
        margin: 0 auto;
        max-width: 100%;
    }

    .register_verified_form {
        border-radius: 15px;
        padding: 30px;
        margin: 40px 0px;
    }

    .model_height {
        padding-bottom: 0px;
    }

    .register_verified_form h1 {
        font-size: 26px;
    }

    .register_verified_form p {
        font-size: 13px;
        line-height: 19px;
    }

    .register_verified_form.account_activate {
        padding: 0px;
    }

    .register_verified_form button a {
        padding: 12px 32px;
    }

    .register_verified_vector {
        max-width: 250px;
    }

    .currency_btn_2 {
        gap: 10px;
        width: 100%;
        justify-content: center;
        margin-top: 5px;
    }

    .modal.fade .modal-dialog {
        min-width: 100%;
        margin: 0 auto;
    }

    .highlights_crypto_s .vector_icon_slide {
        width: 60%;
        margin: 0 auto;
    }

    .highlights_crypto_s .currency_list_b {
        padding: 0px 0px 15px;
        gap: 12px;
        text-align: center;
    }

    .highlights_crypto_s .currency_list_b .heighlightcnt h2 {
        font-size: 20px;
    }


    footer .col-sm-6 {
        width: 100%;
    }

    .copyright_s .mt-4 {
        margin-top: 0px !important;
    }

    button {
        font-size: 13px;
        padding: 8px 26px;
    }

    .user_search form .currency_btn_2 button {
        width: 100%;
    }

    .swap_tb_his .user_list_top {
        flex-direction: column;
    }

    .swap_tb_his .user_search {
        width: 100%;
    }

    .swap_tb_his .user_search input.search {
        width: 100%;
    }

    .navbar-toggler {
        top: 5px;
        padding: 0px;
    }

    .bs_dropbox .row {
        float: left;
        flex-direction: row !important;
        /* margin: 0px; */
        padding: 0px;
        width: 100%;
        min-width: 100%;
        position: relative;
    }

    .mobile_grid_list {
        display: grid;
        padding: 0px 10px 7px;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        /* text-align: left; */
    }

    #home .user_search.earningtop_search {
        justify-content: center;
        right: 0px;
        width: 100%;
    }

    body .user_search.earningtop_search form.searchinput input {
        width: 90%;
    }

    .earning_section_cate .user_search.earningtop_search form {
        width: 100%;
    }

    .earning_section_cate .tab-content {
        padding-top: 24px;
    }



    .top_header_dash .user_img {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    .top_header_dash .user_img>img {
        width: 22px;
    }

    span.hide button {
        white-space: nowrap;
    }

    .edit_user {
        right: -5px;
        bottom: 0px;
        width: 16px;
        height: 16px;
    }

    ul.wallet_price_list {
        width: 100%;
        min-height: 100%;
    }

    .balance_chart_left img {
        width: 7px;
    }

    .user_list_top.rowtable {
        flex-direction: column;
    }

    .earining_calculator_form .note_text label {
        font-size: 13px;
    }

    .afterloginheader .header_right {
        right: 44px;
    }

    .navigation .navbar-toggler img {
        width: 18px;
    }

    .earning_calculator_section {
        padding: 0px 0px 10px;
    }

    .navi_sidebar li a {
        font-size: 13px;
    }

    .navi_sidebar li button {
        font-size: 13px;
    }

    .login_profile_header ul.navi_sidebar {
        gap: 12px;
        margin-top: 20px;
    }

    .user_login .login_profile_header .user_profile .user_img img {
        width: 30px;
        height: 30px;
    }

    .user_login .login_profile_header .user_profile .user_profile_cnt p {
        margin-bottom: 0px;
    }

    .themecolor_icon {
        width: 23px;
        height: 23px;
    }

    .profit_costs_cta_outer.costouterbg button.learnbtn {
        margin: 0 auto;
    }

    .header_right .button_outer .login_btn {
        font-size: 10px;
        padding: 2px 14px;
        min-height: 20px;
    }

    section.termsofuse {
        padding: 15px 0px 20px;
    }

    .banner_images {
        width: 320px;
    }

    .banner_images.banner_hotCoin {
        width: 250px;
    }


    section.hot_articles_s.recent_blog .row .col-sm-3 {
        width: 30%;
    }

    .blog_section_b section.hot_articles_s .row {
        gap: 10px;
        flex-direction: column;
    }

    .blog_section_b section.hot_articles_s .row .col-sm-4 {
        width: 100%;
    }

    .blog_section_b section.hot_articles_s .row .col-sm-3 {
        width: 100%;
    }

    .os_sec .col-cards .card-body {
        padding: 0px 12px;
    }

    .coin_list_outer_s .os_sec .col-cards .card-body {
        padding: 0px;
    }

    .coin_list_outer_s .card-body {
        padding: 0px;
    }

    .coin_list_outer_s .os_sec .col-lg-6 {
        margin-top: 5px;
    }

    .os_sec .custom-btn,
    .btn-gradient {
        font-size: 13px;
        padding: 10px 20px;
    }

    section.faq_sec .section-title {
        margin-bottom: 0px;
    }

    .section-padding.feature_bg.pc_bg {
        padding: 24px 0px;
    }

    body .section-padding.feature_bg.pc_bg .pt-5 {
        padding: 15px 0px 20px !important;
    }

    .create-item-wrapper.plicy_sec .col-lg-6 {
        margin-top: 0px;
    }

    section.faq_cards {
        padding: 20px 0px;
    }

    .grid.faq_sidebar {
        margin: 22px 0px 0px;
    }

    section.faq_cards h1.text-center {
        font-size: 26px;
        width: 90%;
    }

    .faq_cards .faq {
        padding: 15px;
    }

    section.termsofuse h1.text-center {
        font-size: 20px;
    }


    .search_icon_s {
        padding: 10px 15px;
    }

    .withdrawal_rightside {
        margin-bottom: 10px;
    }

    .bankpop_up_d ul#myTab li button {
        font-size: 16px;
    }

    .bankpop_up_d.modal.fade .modal-dialog {
        min-width: 90%;
    }

    .bankdetail_tabs {
        height: 350px;
    }

    .search_form .tab-content>.tab-pane {
        padding-right: 0px;
    }

    .deletebtn button {
        padding: 8px 32px 6px;
        font-size: 13px;
    }

    .deletebtn {
        margin-bottom: 15px;
    }

    .addbankbtn.btn.btn-gradient {
        font-size: 13px;
        padding: 12px 32px;
    }

    .search_form .mb-4 {
        margin-bottom: 15px !important;
    }

    .bankdetail_tabs .row {
        padding: 0px 0px 0px;
        border-radius: 15px;
        margin: 0px 0px 10px;
    }

    .search_form .modal-header {
        padding: 18px 18px 10px !important;
    }

    .alert.alert-warning {
        font-size: 12px;
        padding: 10px;
    }

    .swaplist li {
        font-size: 13px;
    }

    .model_height {
        padding: 10px 0px;
    }

    .bankpop_up_d .form-group label {
        font-size: 13px;
    }

    .dashboard_deposit_s .form-group input {
        padding: 10px 1.5rem;
        font-size: 14px;
    }

    .field-otp-box input {
        height: 44px;
        font-size: 14px;
    }

    .dashboard_deposit_s .btn.btn-gradient {
        font-size: 15px;
        padding: 10px 16px;
    }

    .select_option {
        width: 170px;
        font-size: 14px;
    }

    .support_form_s .tab-content>.tab-pane {
        padding: 0px;
    }

    .support_form_s {
        padding: 10px 20px;
        border-radius: 15px;
    }

    body .form-control {
        padding: 7px 15px;
        font-size: 14px;
    }

    .security_form {
        padding-top: 10px;
    }

    .Security_factor {
        margin-top: 14px;
        padding: 18px;
    }

    .kyc_approval_s.twofactor_outer_s {
        padding: 20px 15px;
    }

    .support_form_s label {
        font-size: 12px;
    }

    textarea.form-control {
        height: 70px;
    }

    .leftside_menu {
        width: 100%;
    }

    .review_information {
        padding: 24px;
        border-radius: 18px;
    }

    .dashboard_deposit_s {
        width: 100%;
        padding: 24px;
    }

    .dashboard_deposit_s h1 {
        font-size: 20px;
    }

    .review_information .card-body.py-5.pb-0 {
        padding-top: 24px !important;
    }


    .email_icon {
        max-width: 80px;
        margin: 0 auto;
    }

    .kyc_form_multistep .doc_img {
        padding: 10px;
        border-radius: 7px;
    }

    .kyc_form_multistep .card.mb-4.mb-xl-0 {
        margin-bottom: 5px !important;
    }

    .no_data {
        margin: 30px auto;
    }

    .earning_right_tab {
        flex-direction: column;
        gap: 16px;
    }

    .gainers_table table tr th.name {
        width: auto;
    }

    .hero_section {
        background-size: 850px;
        background-position: center;
    }

    .custom-form .form-control,
    .custom-form .form-select {
        margin-bottom: 7px !important;
    }

    .security_vector {
        max-width: 200px;
        margin: 0 auto;
    }

    .currency_preference_outer .kyc_approval_s.securityform_s .cnt {
        width: 100%;
    }

    .otp_code_in2 button {
        padding: 8px 12px 7px;
    }

    .mt-0.market_prices.market_update_sec .d-flex-between.mb-3.custom_dlflex {
        padding-top: 0px;
    }

    .losers_table table tr th.name {
        width: auto;
    }

    footer .row .col-sm-5 {
        width: 100%;
    }


    footer .row .col-sm-7 {
        width: 100%;
    }

    span.green {
        font-size: 13px !important;
    }

    .cta_register_s ul.social_media {
        display: none;
    }

    .email_code .get_otp.otpcode {
        font-size: 13px;
        padding: 7px 12px;
    }

    .login_section {
        min-height: 100%;
        margin: 0px;
        height: 100%;
        background-color: #ffffff00;
        padding-bottom: 20px;
    }

    .login_section .form_block_login {
        padding: 30px 10px;
        padding: 40px 30px 20px;
        width: 100%;
        border-radius: 12px;
        margin: 20px 0;
    }


    .select_option2 {
        width: 150px;
    }

    .login_form_right {
        background-color: #ffffff00;
    }

    .googlebtn button {
        font-size: 14px;
    }

    form.searchinput {
        flex-direction: row;
    }

    .header_right .button_outer .login_btn {
        line-height: 19px;
    }

    .refrefer_earn_outer {
        min-height: 100%;
        background-size: 65%;
        background-position: right center;
        justify-content: center;
    }

    .card-header.ref_header h2 {
        font-size: 18px;
    }

    .card-header.ref_header h4 {
        font-size: 22px;
    }

    .ref_col {
        max-width: 60%;
    }

    .ref_body {
        margin-top: 30px;
        max-width: 70%;
    }

    .earning_section_cate .row {
        flex-direction: column;
    }

    .earning_section_cate .row .col-sm-10 {
        width: 100%;
    }

    .currency_list_b ul li {
        padding: 12px;
    }

    .vector_icon {
        width: 42px;
        height: 42px;
    }

    .swap_usdtdata .d-flex {
        gap: 15px;
    }

    .swap_usdtdata p {
        font-size: 12px;
    }

    .swap_usdtdata button.btn {
        font-size: 12px;
        padding: 8px 10px;
        margin-top: 12px;
    }

    .bitcoin_top_currency {
        flex-direction: row;
        align-items: center;
    }

    .user_search form button {
        font-size: 12px;
        padding: 6px 24px;
        width: 100px;
    }

    .pagination_list {
        justify-content: center;
    }

    .user_list_top {
        gap: 18px;
    }

    .dashboard_recent_s h4 {
        font-size: 16px;
    }

    .calculator_top_cnt {
        padding: 70px 0px 10px;
        border-radius: 0px 0px 24px 24px;
    }

    .dashboard_summary ul.nav-tabs {
        margin-top: 10px;
    }

    .overview_section {
        width: 100%;
        margin: 15px 0px 0px 0px;
    }

    .overview_cate_section ul#myTab {
        padding: 10px;
        gap: 10px;
    }

    .dashboard_listing_section.Overview_mid {
        padding-left: 0px;
        margin-top: 18px;
    }

    .Overview_mid .coin_view_top {
        margin-top: 0px;
    }

    .Overview_mid .searchBar.custom-tabs {
        margin-top: 0px;
    }


    .assets_wallets_section .dashboard_summary {
        height: 100%;
    }

    .overview_summary_currency .slick-track {
        gap: 0px;
    }

    .overview_summary_currency .slick-slide {
        margin: 10px 0px 0px;
    }

    .row.top_heading_overview .col-sm-10 {
        padding-left: 13px;
    }

    .my_assets_summary_t.wallet_transfer {
        margin-top: 24px;
    }

    .wallet_transfer h4 {
        font-size: 13px;
    }

    .selected-option {
        font-size: 13px;
        padding: 15px;
    }

    .swap_outer_section {
        width: 100%;
        display: block;
        padding: 20px 0px 10px;
    }

    .swap_usdtdata {
        border-radius: 12px;
        padding: 15px;
        margin-top: 20px;
    }

    .swap_ustd_bl {
        border-radius: 8px;
        padding: 15px;
    }

    .swap_ustd_bl .from button {
        padding: 6px;
        width: 150px;
        font-size: 12px;
    }

    .swap_ustd_bl .from button img {
        width: 20px;
        height: 20px;
    }

    .swap_ustd_bl .from p {
        font-size: 12px;
    }

    .overview_cate_section .nav-tabs .nav-link {
        font-size: 12px;
    }

    .overview_cate_section {
        overflow: auto;
    }

    .dashboard_recent_s {
        margin-top: 0px;
    }

    .bitcoin_cate_list ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .faq_cta_outer.how_workblock h2 {
        font-size: 24px;
    }

    #home .user_search {
        font-size: 12px;
    }

    .currency_list_b ul li p {
        font-size: 10px;
    }

    .d-flex-between.mb-3.custom_dlflex {
        padding-top: 24px;
    }

    button.subscribe_btn a {
        font-size: 11px;
    }

    button.subscribe_btn {
        width: 72px;
        background-color: #f3bb2b;
        border: none;
        line-height: 18px;
        padding: 4px 11px;
        position: relative;
        margin: 5px 0px 6px;

    }


    .vector_bottom {
        width: 24px;
    }

    .currency_list_b ul li h2 {
        font-size: 12px;
    }

    .earining_popup_exchange {
        flex-direction: column;
        height: 80vh;
        overflow: auto;
    }

    .lft_pop_cnt {
        width: 100%;
        padding: 24px;
    }

    .right_cnt_pop {
        width: 100%;
        padding: 24px;
    }

    .lft_pop_cnt .select_option {
        width: 100%;
    }

    ul.daylist {
        flex-wrap: wrap;
    }

    ul.termslist.border-0 {
        margin: 20px 0px 0px;
        padding-bottom: 5px;
    }

    section.earning_outer_s {
        padding: 20px 0px;
    }

    .rowtable .user_list_l.earning_section_cate.responsive-table {
        margin-bottom: 4px;
    }

    .earning_section_cate {
        border-radius: 0px;
        padding: 0px 20px;
        margin-bottom: 24px;
    }

    .dashboard_recent_s .user_list_l.earning_section_cate {
        margin-bottom: 0px;
    }

    .earning_section_cate ul#myTab {
        padding: 0px 0px 0px;
        gap: 10px;
        border: none;
    }

    .earning_outer_s .container {
        padding: 0px;
    }

    .earning_section_cate .nav-tabs .nav-link {
        font-size: 13px;
    }

    .exchange_earning_bnr {
        padding: 0px 0px 20px;
        flex-direction: row;
        /* text-align: center; */
    }

    .exchange_earning_bnr h2 {
        font-size: 20px;
    }

    .earningbnr_cnt {
        width: 100%;
        text-align: start;
    }

    .exchange_earning_bnr p {
        font-size: 14px;
        margin: 10px 0px;
    }

    .exchange_earning_bnr p span {
        font-size: 15px;
    }

    button.signbtn {
        padding: 7px 24px;
    }

    .earning_bnr {
        max-width: 250px;
        margin-top: 0px;
    }

    ul.balance_list_s {
        gap: 15px;
    }

    #home .user_search {
        justify-content: start;
    }

    .earning_list_block .slick-track {
        gap: 0px;
    }

    .profit_costs_cta_outer.costouterbg {
        background-position: bottom;
        background-size: 80%;
    }

    header {
        padding: 10px 0px;
    }

    .calculator_top_cnt h1 {
        font-size: 22px;
    }

    .crypto_bitcoin_vector {
        max-width: 60%;
        padding-top: 20px;
        float: none;
        margin: 0 auto;
    }

    .right_costs_rg {
        margin-top: 40px;
        justify-content: center;
        text-align: center;
    }

    .trade_app__app .crypto_bitcoin_vector {
        float: none;
    }

    .profit_costs_cta_outer.costouterbg .profit_cost_cnt {
        text-align: center;
    }

    .right_costs_rg ul {
        gap: 30px;
    }

    .banner_cnt p {
        font-size: 16px;
        margin: 10px 0px;
        max-width: 100%;
    }

    .scan_block {
        flex-direction: column;
        gap: 10px;
        padding: 15px;
    }

    .banner_cnt p {
        margin: 0px;
    }

    .scan_left_s h4 {
        margin: 0px;
    }

    .join_group_s {
        width: 100%;
    }

    .join_group_s button.joinbtn {
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        padding: 0px;
    }

    button.morebtn {
        padding: 0px 10px;
    }

    .join_group_s {
        gap: 12px;
        justify-content: start;
    }

    .hrborder {
        display: none;
    }

    .scan_block {
        flex-direction: column;
        gap: 18px;
        padding: 6px;
    }



    .scan_left_s {

        width: 100%;
    }

    .icon img {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }

    .leftside_menu::before {
        display: none;
    }

    .table_pop_up.modal table tr td {
        font-size: 12px;
    }

    .password_security_img img {
        max-width: 240px;
    }

    .security_form label {
        font-size: 12px;
    }

    .security_form form.row input {
        font-size: 12px;
    }

    .otp_code_in2 button {
        font-size: 12px;
    }

    .profileslider .cv_trade_img {
        width: 60px;
    }

    .blog_section_b .blog_list .mb-5 {
        margin-bottom: 1rem !important;
    }

    .what_coin_s p {
        font-size: 14px;
    }

    .announcement_outer .an_title h5 {
        font-size: 15px;
    }

    .crypto_list {
        margin: 0px 0px;
    }

    .announcement_outer .section-padding.val_sec .card {
        padding: 15px;
    }

    .h5,
    h5 {
        font-size: 16px;
    }

    .blog_detail {
        padding: 30px 0px;
    }

    .os_sec h3 {
        font-size: 20px;
    }

    .community_sec .section-title {
        padding-left: 0px;
    }

    .blog_detail h2 {
        font-size: 24px;
        padding-bottom: 10px;
    }

    .blog_detail p {
        font-size: 14px;
    }

    .single-widget {
        margin-top: 20px !important;
    }

    .blog_detail h1.title {
        font-size: 26px;
    }

    .single_blog_img {
        padding: 10px;
    }

    .partner_page .os_sec .card-body {
        text-align: center;
        padding: 24px;
    }

    .partner_page .p_sec .community_sec .row.align-items-center .col-lg-6 {
        text-align: left;
        padding-bottom: 20px;
        margin-top: 0px;
    }

    .partner_page .os_sec .card-body h5 {
        margin: 15px 0;
        font-size: 18px;
    }


    .custom-btn,
    .btn-gradient {
        padding: 8px 24px;
        font-size: 15px;
        margin: 0px !important;
    }

    .col-cards .row.g-md-5 {
        flex-direction: column;
        gap: 24px;
    }

    section.ep_sec.section-padding p {
        font-size: 14px;
    }

    .os_sec h3 {
        margin-bottom: 20px;
    }

    .button_outer .scantophdr {
        padding-top: 7px;
        right: 22px;
    }

    section.st_sec {
        margin-top: 20px;
    }

    .partner_page .st_sec .st_card h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .st_card h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .partner_page .st_card p {
        font-size: 13px;
    }

    .st_sec img {
        /* margin-top: -27%; */
        max-width: 250px;
    }

    .col-cards .row.g-md-5 .col-6 {
        width: 100%;
    }

    .ep_sec img {
        max-width: 260px;
    }

    .img-fluid.joc_img {
        max-width: 250px;
    }

    .community_sec .section-title h1 {
        font-size: 28px;
    }

    .community_sec .text-end {
        text-align: left !important;
    }

    .partner_page .p_sec {
        margin: 30px 0 10px;
    }

    section.os_sec.cv_tocnomics {
        padding: 10px 0 20px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    section.os_sec {
        padding: 10px 0 20px;
    }

    section.st_sec .card-body {
        padding: 20px;
    }

    .st_sec .card-body .st_card .card_pp_row {
        margin: 20px 0;
        display: flex;
        flex-wrap: wrap;
    }

    .card_pp {
        margin: 15px;
        width: 42%;
    }

    .section-padding.feature_bg.pc_bg h3 {
        font-size: 18px;
    }

    .section-padding.feature_bg.pc_bg .pt-5 {
        padding-top: 2rem !important;
    }

    .section-padding.feature_bg.pc_bg {
        padding: 30px 0px;
    }

    ul.nav.nav-pills.mb-2.overflowx_scroll.funds_tab.market_tabs {
        gap: 0px;
    }

    .login_bg.login_sec.market_page {
        padding: 30px 0px;
    }

    .overflowx_scroll {
        flex-wrap: nowrap;
        white-space: nowrap;
        width: 100%;
        /* overflow-x: auto;
        padding-bottom: 18px;
        scrollbar-color: #f3bb2b transparent;
        scrollbar-width: thin; */
    }

    .searchBar.custom-tabs {
        margin-top: 14px;
    }

    .custom_dlflex {
        align-items: end;
    }

    ul.nav.nav-pills.mb-2.overflowx_scroll.funds_tab.market_tabs {
        padding-bottom: 0px;
    }

    .os_sec.cv_tocnomics .card_pp {
        margin: 15px 0px;
        width: 48%;
    }

    .refrefer_earn_outer {
        padding: 10px 0px;
    }

    .ref_cards h3 {
        font-size: 28px;
    }

    .ref_cards p {
        font-size: 20px;
    }

    .ref_cards.mb-0 {
        padding: 15px;
        border-radius: 15px;
    }

    .card-header.ref_header h6 {
        font-size: 15px;
    }


    .os_sec .col-lg-6 {
        margin-top: 15px;
    }

    section.ep_sec.section-padding {
        padding: 0px 0 20px;
    }

    .main_marker_summary .align-items-center {
        gap: 24px;
    }

    .earining_calculator_form {
        margin: 28px 0px;
        padding: 30px;
    }

    .earining_calculator_form.convertorusd_outer {
        margin: 30px auto;
        padding: 24px 30px;
        margin-bottom: 0px;
    }

    header .logo {
        min-width: 160px !important;
        max-width: 160px;
    }

    .lightlogo,
    .darklogo {
        width: 130px !important;
    }

    .sc-bdfBQB.sc-kmATbt.fOxqyX.dzKkzw {
        gap: 12px;
        margin-bottom: 24px;
    }

    .check_bar {
        gap: 6px;
        padding: 6px 18px;
    }


    .kyc_nofti.kyc_done {
        max-width: 100%;
    }

    .check_bar h5 {
        font-size: 11px;
    }

    section.hot_articles_s .row {
        margin-top: 20px;
        gap: 24px;
    }

    section.featured_blog h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .featured_cnt_bl h3 {
        font-size: 18px;
        padding-bottom: 6px;
    }


    .profile_form label {
        font-size: 14px;

    }

    p {
        font-size: 14px;
    }

    .crypto_cta h3 {
        font-size: 20px;
    }

    .hot_articles_s {
        padding: 32px 0px 0px;
    }

    .hot_articles_s h2 {
        font-size: 24px;
    }

    .subscribe_form {
        padding: 24px;
        text-align: center;
        margin-bottom: 0px;
    }

    .cta_img {
        width: 240px;
    }

    .subscribe_form h4 {
        margin-top: 10px;
        font-size: 16px;
    }


    .subscribe_form form {
        width: 70%;
    }

    .left_hb ul {
        gap: 24px;
        flex-wrap: wrap;
    }

    section.inner-page-banner.bg-2 .inner {
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }

    .search_outer_blog {
        flex-direction: column;
        padding: 18px;
        border-radius: 10px;
        gap: 22px;
    }

    .featured_block_bl {
        flex-direction: column;
        gap: 22px;
    }

    .crypto_cta {
        padding: 30px;
        text-align: center;
    }

    .card-body.create-item-wrapper.create-item-wrapper-kyc.custom-form {
        padding: 24px;
    }

    .breadcrumb.justify-content-end {
        justify-content: start !important;
        margin-top: 10px;
        font-size: 13px;
    }

    button.btn.w-100.btn-gradient {
        margin-top: 20px !important;
    }


    .form-field-wrapper.mb-4 .col-lg-6 {
        margin-top: 0px;
    }

    .form-field-wrapper .mb-4 {
        margin-bottom: 0.6rem !important;
    }

    .top_header_dash::before {
        display: none;
    }

    body .hero_section {
        padding-bottom: 50px;
    }

    .how_work_s.partner_logo {
        padding: 10px 0px;
    }

    .banner_content {
        padding-top: 0px;
        width: 100%;
        text-align: center;
    }

    .banner_img {
        width: 100%;
        margin-bottom: 20px;
    }

    .hero_section {
        padding-top: 10px;
    }

    .partner_logo .slick-track {
        margin-top: 10px;
    }

    .blog_section_b {
        padding: 30px 0px !important;
    }

    .blog_section_b h1 {
        font-size: 20px;
    }

    pp .breadcrumb li {
        font-size: 14px;
    }

    .single-blog .title h4 {
        font-size: 16px;
    }

    .form_block_login h2 {
        font-size: 21px;
    }

    .meme_coin_top h1 {
        font-size: 28px;
    }

    .login_section .login_btn {
        margin-top: 15px;
    }

    .meme_coin_top p {
        font-size: 14px;
    }

    .what_coin_s h2 {
        font-size: 20px;
        margin: 0px;
    }

    .what_coin_s {
        gap: 15px;
        margin: 30px 0px 10px;
    }

    .register_form .rewards_vector {
        width: 90%;
        margin: inherit;
        position: relative;
    }

    .form_block_login {
        padding: 20px;
    }

    .kyc_approval_s .cnt {
        width: 100%;
    }

    .listing_left_outer ul li h5 {
        text-align: left;
    }

    .listing_left_outer ul li p {
        text-align: left;
    }

    .market_section {
        margin-top: 20px;
    }

    .recent_deposit_list {
        padding: 20px 0px 18px;
    }

    .select_network_s p {
        font-size: 13px;
    }

    .recent_deposit_list h4 {
        font-size: 18px;
    }

    .scan_cnt_l address p {
        font-size: 13px;
    }

    .deposit_address_s {
        padding: 18px;
        margin-top: 15px;
    }

    .search_icon_s {
        margin-top: 10px;
        padding: 10px 15px;
    }

    .hot_trading_t h3 {
        font-size: 16px;
    }

    .recent_deposit_list .price_heading {
        white-space: nowrap;
    }

    .deposit_crypto_block_coin h2 {
        font-size: 16px;
    }

    .sidebar_deposit.open {
        width: 50%;
    }

    .search_form input {
        font-size: 13px;
        padding: 6px 10px;
    }

    .deposit_option {
        gap: 10px;
        padding: 7px 13px;
    }

    .deposit_cnt p {
        font-size: 11px;
    }

    .dashboard {
        padding: 40px 0px 10px;
    }

    .login_section {
        gap: 0px;
        flex-direction: column;
        padding-bottom: 0px;
        width: 100%;
        border: none;
        margin: 0 auto;
    }

    .login_fullhieght {
        padding: 40px 0px 70px;
    }

    .sign_in_form_s {
        padding: 0px;
    }

    .login_cnt.register_form {
        padding: 30px 20px 20px;
    }

    .login_form_right {
        width: 100%;
    }

    .help_support_s h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .Security_factor {
        width: 100%;
    }

    .Overview_mid .dashboard_summary .currency_btn a {
        font-size: 15px;
        padding: 10px 18px;
    }

    .kyc_approval_s {
        flex-direction: column-reverse;
        margin-top: 18px;
        /* padding: 20px; */
    }

    .kyc_approval_s.activity_logs .cnt p {
        font-size: 14px;
    }

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

    .kyc_approval_s .Verify_img {
        width: 250px;
        display: block;
    }

    .verify_btn a {
        font-size: 16px;
    }

    .Verify_img.mobile_view_verify {
        display: block;
    }

    .dashboard_summary table {
        margin-top: 5px;
    }

    .Verify_img {
        display: none;
    }

    .dashboard_listing_section {
        margin-top: 18px;
    }

    .chat_messages .market_section {
        margin-top: 0px;
    }

    .profile_right {
        flex-direction: column;
        gap: 12px;
        justify-content: center;
        align-items: end;
    }

    .profile_cvtrade {
        padding: 18px;
    }

    .profile_cvtrade h2 {
        font-size: 16px;
    }

    .profile_outer_block {
        gap: 20px;
    }

    .chat_outer_msg {
        gap: 12px;
        margin-top: 20px;
        padding: 24px;
    }

    .mobile_view {
        padding: 20px;
        /* background-color: #ffffff14; */
        color: #fff;
        font-size: 15px;
    }

    .faq_cta_outer.how_workblock {
        margin-top: 20px;
    }

    .leftside_menu {
        max-width: 100%;
        padding: 15px 0px 0px;
        border-radius: 0px;
        height: 500px;
        overflow: auto;
    }

    .chat_outer_msg p {
        font-size: 14px;
        margin: 0px;
    }

    .left_side_chat {
        font-size: 14px;
    }

    .full_width.transaction_history_t {
        padding: 0px 0px;
    }

    body .mobile_view {
        display: flex;
        padding: 10px 15px 5px 15px;
        font-size: 13px;
        border-bottom: 1px solid #444c5b;
    }

    #toggleBtn {
        align-items: center;
    }

    .dashboard_summary th,
    td {
        padding: 8px 7px;
    }

    .top_heading {
        margin-bottom: 0px;
    }

    .mobile_view span {
        position: inherit;
        right: 0px;
        font-size: 20px;
    }

    .banner_content h1 {
        font-size: 28px;
        max-width: 420px;
        margin: 0 auto;
    }

    .banner_content h1 br {
        display: none;
    }

    .how_work_s ul {
        padding-top: 30px;
        flex-direction: column;
    }

    footer .row {
        flex-direction: column;
    }

    footer .row .address_footer {
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
    }

    .copyright {
        text-align: center;
    }

    ul.social_media {
        gap: 10px;
        margin-bottom: 14px;
        justify-content: center;
    }

    .logo_div {
        width: 130px !important;
        margin: 0 auto;
    }

    .trade_crypto_cnt {
        width: 90%;
        position: relative;
        z-index: 666;
    }

    .trading_cta_s {
        padding: 40px 0px;
    }

    .trading_cta_s h2 {
        font-size: 30px;
    }

    footer p {
        text-align: center;
        margin-bottom: 2px;
    }

    .ranking_outer ul {
        gap: 16px;
        flex-direction: column;
    }

    .dashboard {
        gap: 20px;
        flex-direction: column;
        padding-top: 0px;
    }

    ul.navi_sidebar {
        gap: 2px;
    }

    .navi_sidebar li ul li a {
        padding: 6px 20px;
    }

    .navi_sidebar li ul {
        padding-top: 0px;
    }

    .leftside_menu {
        width: 100%;
        display: none;
        position: relative;
        top: 0px;
    }

    .leftside_menu.active {
        display: block;
        height: 100vh;
    }

    .dashboard_right {
        width: 100%;
        padding: 10px 15px;
    }

    .chart_img.mobile_view {
        display: block;
        position: inherit;
        border: none;
        text-align: center;
        padding-top: 32px;
    }

    .div_tag .chart_img {
        display: none;
    }

    .top_header_dash {
        gap: 18px;
    }

    .profile_id_s div {
        white-space: nowrap;
    }

    .top_header_dash {
        gap: 20px;
    }

    .estimated_balance .justify-content-between {
        align-items: center;
        gap: 7px;
    }

    .balance_chart_left h4 {
        margin: 0px;
    }

    .estimated_balance .select_price {
        text-align: center;
    }

    footer .row .mobile_grid_list .col-sm-3 {
        width: 100%;
        text-align: left !important;
        position: relative;
    }

    footer .row div .mobile_grid_list .col-sm-3 {
        text-align: left !important;
    }

    footer .row .mobile_grid_list .col-sm-3.border_hr::before {
        border-right: none;
        position: absolute;
        right: 18px;
        content: "";
        height: 100%;
    }

    footer .mobile_grid_list h3 {
        padding-bottom: 0px;
        width: 100%;
        margin: 0px;
    }

    .faq_cta_outer {
        padding-top: 30px;
    }

    .faq_cta_outer h2 {
        text-align: center;
    }

    .profit_costs_cta_outer.homecta {
        padding-bottom: 0px;
        text-align: center;
    }

    .profit_costs_cta_outer.homecta .trade_btn {
        display: flex;
        justify-content: center;
    }

    .supportvector {
        max-width: 300px;
        margin: 0 auto;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 98%;
    }

    .estimated_balance .dashboardsummary_bottom {
        flex-direction: column;
        margin-top: 10px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .crypto_deposit {
        text-align: center;
    }

    .listing_left_outer .crypto_deposit h4 {
        text-align: center;
    }

    .listing_left_outer .crypto_deposit ul li {
        text-align: center;
        justify-content: center;
    }

    .listing_left_outer .crypto_deposit ul li h5 {
        text-align: center;
    }

    .crypto_deposit .estimated_portfolio {
        justify-content: center;
    }

    .estimated_balance {
        padding: 18px 15px;
        flex-direction: column;
        margin-top: 10px;
    }

    .balance_chart_left p {
        margin-top: 15px;
    }

    .listing_left_outer ul li {
        flex-direction: column;
        text-align: left;
        gap: 10px;
    }

    footer {
        padding: 40px 0px 7px;
    }

    .section-padding.feature_bg.pc_bg.login_sec .row.align-items-center.py-4 {
        padding: 0px !important;
    }

    .sc_card {
        gap: 18px;
        margin: 30px 0;
    }

    section.section-padding.feature_bg.pc_bg.login_sec {
        padding-bottom: 0px;
    }

    .logo_div {
        width: 120px;
    }

    .row.align-items-center.pb-5,
    .py-5 {
        padding-bottom: 20px !important;
    }

    .footer_info {
        width: 100%;
        gap: 10px;
    }

    .footer_section {
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
    }


    .copyright_s {
        padding-top: 10px;
        margin-top: 20px;
    }

    .trading_platform_section h2 {
        font-size: 26px;
        text-align: center;
    }

    .how_work_s {
        padding: 30px 0px 30px;
    }

    .how_work_s span {
        padding: 10px 0px;
    }

    .how_work_s h2 {
        font-size: 24px;
    }

    .crypto_section .hot_trading_s .td_first {
        font-size: 12px;
        font-weight: 300;
    }

    .crypto_section table .right_t a {
        font-size: 12px;
        border-radius: 6px;
        padding: 7px 20px;
    }

    .crypto_section .top_heading h4 {
        font-size: 14px;
    }

    .dashboard_right_side.profileslider .slick-slide {
        padding: 20px;
    }

    .dashboard_right_side.profileslider .slick-slide h6 {
        font-size: 18px;
    }

    .dashboard_right_side.profileslider .slick-slide p {
        font-size: 14px;
    }

    .crypto_section tr.top_tradeing_t th {
        font-size: 12px;
    }

    .footer_section {
        border-left: none;
    }

    .deposit_crypto_left .search_form .modal-content {
        width: 100%;
        margin: 0px auto;
    }

    .deposit_crypto_block_coin h2 {
        font-size: 14px;
    }

    .amount_sysmble {
        font-size: 13px;
    }

    .withdraw_input {
        margin-top: 10px;
        padding: 10px;
        border-radius: 7px;
        font-size: 13px;
    }

    .address_input {
        font-size: 13px;
        margin-top: 10px;
        padding: 10px;
    }

    .search_icon_s {
        font-size: 13px;
    }

    .withdraw_btn button {
        font-size: 13px;
        padding: 8px 26px;
    }

    ul.social_media li a {
        width: 32px;
        height: 32px;
    }

    ul.social_media li svg {
        width: 15px;
    }

    .accordion-button {
        font-size: 14px !important;
    }

    .deposit_crypto_right .accordion-body {
        font-size: 12px;
    }

    .transaction_top_select .select_option {
        padding: 8px 10px;
    }

    .chat_right {
        padding: 15px;
        margin-top: 40px;
    }

    .left_side_chat {
        padding: 15px;
    }

    button.save_btn {
        margin-top: 15px;
        padding: 7px 20px;
        font-size: 14px !important;
    }

    .two_factor_list {
        padding: 0px;
        margin-top: 15px;
    }

    .getotp {
        font-size: 12px;
    }

    .dashboard_right_side.profileslider {
        margin: 10px auto;
    }

    .currency_list_b ul {
        gap: 18px;
        max-width: 100%;
        margin-top: 10px;
    }

    .currency_list_b ul li h6 {
        font-size: 12px;
    }

    .savebtn button {
        font-size: 12px;
    }

    .savebtn {
        margin: 20px 0px 0px;
    }

    .hot_spot_outer {
        padding: 18px;
        display: block;
    }

    .anytime_anywhere p {
        font-size: 14px;
    }

    .crypto_section {
        padding: 10px 0px 15px;
    }

    .crypto_exchange_s .services_block h4 {
        font-size: 20px;
    }

    .web_trade_img {
        position: relative;
        width: 100%;
        padding-top: 24px;
    }

    .user_profile {
        padding: 0px 10px;
        gap: 10px;
    }

    .estimated_balance .div_tag {
        align-items: start;
        gap: 10px
    }

    .sidebar_deposit h2 {
        font-size: 13px;
        margin-top: 18px !important;
    }

    .sidebar_deposit .deposit_list a {
        font-size: 14px;
    }

    td.right_t.price_tb {
        font-weight: 600;
        font-size: 12px;
    }

    .signupbtn {
        padding: 6px 32px;
        font-size: 14px;
    }

    .tradebtn {
        padding: 6px 32px;
        font-size: 14px;
    }

    .revolutionizing_btn {
        margin: 10px 0px;
    }

    .currency_logo {
        padding: 14px 0px;
    }

    .trusted_partner {
        padding: 20px 0px 10px;
    }

    .arbitrage_subscriptions_block ul li .arbitbot_cnt {
        margin-top: 40px;
    }

    .arbitrage_subscriptions_block button.subscribe_btn {
        margin: 0 auto;
        margin-top: 13px;
    }

    .arbitrage_subscriptions_block ul li .arbitbot_vector {
        max-width: 220px;
    }

    .arbitrage_subscriptions_block ul li h2 {
        width: 250px;
        margin: 0 auto;
    }

    .partner_logos {
        margin-top: 0px;
    }

    .copyright {
        padding-top: 0px;
    }

    .scan_left_s {
        width: 100%;
        justify-content: start;
    }

    .address_footer h5 {
        font-size: 18px;
        padding: 15px 0px;
    }

    .market_page .mt_table .table tr td {
        font-size: 12px;
    }

    .arbitrage_subscriptions_block {
        padding: 20px 0px;
    }

    .arbitrage_subscriptions_block h1 {
        font-size: 22px;
    }

    .arbitrage_subscriptions_block ul {
        margin-top: 10px;
        flex-direction: column;
        gap: 30px;
    }

    .arbitrage_subscriptions_block ul li h2 {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }

    .swap_outer_section .searchBar.custom-tabs {
        width: auto;
        margin-top: 0px;
    }

    .give_currency_s {
        gap: 30px;
        flex-direction: column;
    }

    section.block_currency {
        flex-direction: column;
    }

    .amount_detail_bottom {
        flex-wrap: wrap;
        gap: 15px;
    }

    button.orderbtn {
        padding: 6px 24px;
        font-size: 14px;
        border-radius: 4px;
        margin: 0 auto;
    }

    .dashboard_recent_s.swap_tb_his {
        margin-top: 15px;
    }

    .swap_tb_his .user_list_top {
        padding-top: 2px;
    }

    .btc_price_range h3 {
        font-size: 16px;
    }

    .bitcoin_top_currency h3 {
        gap: 10px;
        font-size: 18px;
    }

    button.transfer_btn {
        font-size: 14px;
    }

    .price_max_total button {
        font-size: 15px;
        padding: 12px 20px;
    }

    .assets_wallets_section {
        padding: 0px 0px 10px;
    }

    .price_max_total input[type="number"] {
        padding: 8px 18px;
        font-size: 14px;
    }

    .trade_add_view {
        margin-bottom: 4px;
    }

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

    .earining_calculator_form h2 {
        letter-spacing: 0px;
    }

    .footer_logo {
        margin: 0 auto;
    }

    section.live_prices.mt-0.market_prices.market_update_sec.market_update_table {
        padding-bottom: 0px;
    }

    .row.main_footer_menu_s {
        padding-top: 10px;
        margin-top: 20px;
    }

    .copyright h5 {
        font-size: 20px;
    }

    .referral_recent_s {
        padding-bottom: 20px;
    }

    .wallet_icon {
        width: 30px;
    }

    footer p {
        font-size: 13px;
    }

    .profit_cost_cnt {
        padding: 30px 0px 0px;
    }

    .row.cta_register_s {
        padding: 20px 0px;
    }

    section.pb-5.kyc_form_s {
        margin-top: 10px;
    }

    .kyc_form_multistep .step-circle {
        min-height: 97px;
    }

    .kyc_form_multistep .step-indicator span {
        position: absolute;
        bottom: 8px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        margin-right: auto !important;
    }

    .kyc_form_multistep .form_bl_step .inquery_fill {
        margin: 10px 0px;
    }

    .kyc_form_multistep .step-buttons button {
        padding: 2px 5px;
        font-size: 18px !important;
    }

    .kyc_form_multistep .upload-area {
        margin: 20px 0px;
    }

    .kyc_form_multistep .upload-area {
        margin: 20px 0px 5px;
    }

    .kyc_form_multistep .step-indicator {
        margin: 15px 0px;
        gap: 20px;
    }

    .kyc_form_multistep .step-indicator::before {

        width: 81%;
    }

    .kyc_form_multistep .form_bl_step .inquery_fill {
        font-size: 13px;
    }

    .hot_articles_s .mb-5 {
        margin-bottom: 15px !important;
    }

    .block_blog .top_articles_h {
        padding: 20px 15px 10px;
    }

    .blog_section_b .search_outer_blog {
        flex-direction: row;
    }

    .earning_right_tab .user_search {
        width: 100%;
    }


    body .earning_right_tab form.searchinput input {
        width: 90%;
    }

    body .rowtable form.searchinput input {
        width: 90%;
    }

    .rowtable .user_search {
        width: 100%;
    }

    .crypto_features p {
        font-size: 13px;
    }

    .accordion-button::after {
        background-size: 12px;
        padding: 6px !important;
        width: 24px !important;
        height: 24px !important;
    }

    .assets_right.mobile_assets_right {
        display: block !important;
        padding: 0px 15px;
    }

    .highlights_crypto_s {
        padding: 35px 0px;
    }

    .highlights_crypto_s .slick-dots {
        display: none !important;
    }

    .top_total_bar {
        gap: 40px;
    }

    ul.active_package_top li {
        font-size: 15px;
    }

    .package_card_block .d-flex.justify-content-between.align-items-center.mb-3.flex-wrap.gap-3 {
        text-align: center;
    }

    .package_card_block .d-flex.justify-content-between.align-items-center.mb-3.flex-wrap.gap-3 div {
        width: 100%;
    }

    .earningbouns_tb .balance_td {
        font-size: 12px;
    }

    .td_first {
        gap: 2px;
    }

    .dashboard_listing_section .td_first {
        gap: 7px;
    }

    .recommendations_block ul li {
        padding-bottom: 20px;
    }

    .recommendations_block ul li:last-child {
        padding-bottom: 0px;
    }

    .dashboard_recent_s table {
        margin-top: 5px;
    }

    .listing_left_outer.full_width {
        margin-top: 22px;
    }

    /* .price_card_body.price_card_body_full,
    .scroll_y {
        height: 300px;
    } */

    ol.breadcrumb.faq_breadcrumb.mt-0.pb-3 {
        padding: 15px 0px 0px;
    }

    .section-padding.feature_bg.pc_bg p {
        font-size: 14px;
    }

    .kyc_form_multistep .step-buttons {
        margin-top: 0px;
    }

    .kyc_form_multistep .doc_img {
        padding: 18px !important;
        margin-bottom: 0px !important;
    }

    .favouriteData {
        padding: 20px 0 5px;
    }

    .kyc_form_multistep .form-step {
        margin-bottom: 15px;
    }

    .review_information .card.card-header-actions.mb-4 {
        font-size: 12px;
        margin-bottom: 0px !important;
    }

    .scaner_pop_up .modal-body {
        padding-top: 0px;
    }

    .navigation nav ul li.dropdown .dropdown-toggle {
        font-size: 13px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item,
    .navbar-expand-lg .navbar-nav .dropdown-menu a {
        padding: 7px 18px !important;
        font-size: 13px;
    }

    .search_form .hot_trading_t {
        padding: 10px 0px 0px;
    }

    .select_network_s .top_space {
        font-size: 14px;

    }

    .withdraw_amount_cnt {
        margin-top: 10px;
    }

    footer .menu {
        width: 100%;
        display: none;
        padding-top: 8px;
    }

    footer .active .menu {
        display: flex;
    }

    .bs_dropbox .buy_sell_row.buy_sell_cards ul.nav.custom-tabs li.usdt-tab {
        display: none;
    }

    .bs_dropbox .buy_sell_row.buy_sell_cards ul.nav.custom-tabs li.btc-tab {
        display: none;
    }

    .bs_dropbox .num-div {
        display: none !important;
    }

    .input-group-text {
        min-width: auto;
    }

    .banner_img {
        width: 180px;
        margin: 0 auto;
        float: none;
    }

    .all_product_data {
        margin-top: 30px;
    }

    .losser_stock {
        display: none;
    }

    .login_fullhieght .form_block_login {
        padding: 0px 22px 10px;
        margin: 0px !important;
    }

    .row.cta_register_s h5 {
        font-size: 14px;
    }

    .coin_view_top {
        margin-top: 15px;
    }

    .trade_add_view {
        margin: 12px 0px 4px;
    }

    .img-account-profile {
        height: 7rem;
        width: 7rem;
    }

    .gaveaway_bg_vector {
        display: none;
    }

    .giveaway_top_list {
        padding: 10px 0px 0px;
    }

    #claimModal.modal.fade .modal-dialog {
        min-width: 70%;
    }

    .wallet_balance_tb {
        margin: 15px 0px 18px;
    }

    .launchpad_hero_s .cnt_banner {
        width: 100%;
        text-align: center;
    }

    .subscribe_data_info {
        flex-direction: column;
        gap: 18px;
    }

    .dashboard_listing_section.Overview_mid .overview_section {
        margin: 0px 0px 0px 0px;
    }

    .dashboard_right .dashboard_listing_section.Overview_mid .estimated_balance {
        margin-top: 0px;
    }

    .listing_left_outer.full_width.transaction_history_t {
        margin-top: 0px;
    }

    body .dashboard_summary .mobile_view {
        padding: 0px;
        background-color: transparent;
    }

    .dashboard_right .dashboard_listing_section.Overview_mid .assets_wallets_section .mobile_view {
        margin: 5px 0px 0px;
        padding: 0px;
        background-color: transparent;
    }

    table tr td.price_change_value span {
        display: block;
        line-height: 10px;
    }

    .market_page img.coinimg {
        margin-right: 5px !important;
    }

    .refrefer_earn_outer .card-header.ref_header h4 {
        font-size: 22px;
    }

    .resources_news .news_img {
        height: 130px;
    }

}


@media screen and (max-width:660px) {

    .latest_resources .row {
        gap: 24px;
    }

    .resources_news .news_img {
        height: 100%;
    }

    .resources_news {
        min-height: 100%;
    }

    .transaction_history_t .spotorderhist .top_heading {
        flex-direction: column;
        gap: 5px;
        margin-bottom: 0px;
    }

    .how_to_refer_s ul {
        flex-direction: column;
        gap: 12px;
        margin: 20px 0px;
    }

    .how_to_refer_s ul li p {
        width: 90%;
    }

    .market_section .dashboard_summary th {
        font-size: 11px;
    }

    .project_coin h2 {
        font-size: 20px;
    }

    .estimated_balance button.btn {
        font-size: 12px;
        padding: 5px 12px !important;
    }

    .wallet_tabs {
        gap: 12px;
    }

    .Overview_mid .coin_view_top {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .searchBar.custom-tabs.search_active {
        width: 180px;
    }

    .scan_img {
        width: 60px;
    }

    body .search_form.search_coin .modal-body {
        padding: 0px 15px 15px !important;
    }

    .deposit_address_s .typography-body3 {
        width: 60px;
    }

    .login_btn input[type="button"] {
        font-size: 13px;
    }

    .factor_bl {
        gap: 15px;
        font-size: 12px;
    }

    ul.launchpadlist {
        gap: 15px;
        margin-top: 20px;
        flex-direction: column;
    }

    .balance_vector {
        max-width: 100px;
    }

    ul.earning_assets_list {
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 15px;
        gap: 18px;
    }

    ul.earning_assets_list li {
        width: 46%;
        gap: 3px;
        font-size: 13px;
    }

    ul.balance_list_s {
        grid-template-columns: 1fr;
    }

    ul.balance_list_s li .balance_cnt {
        padding: 0px 15px;
    }

    body .trade-wrapper .card_header_title {
        font-size: 12px;
    }

    .crypto_features p {
        font-size: 13px;
    }

    .crypto_features h4 {
        font-size: 16px;
    }

    .trade_marketvalue {
        padding: 15px;
    }

    .header_right {
        top: 10px;
    }

    .gallery_crypto h4 {
        font-size: 18px;
    }

    .login_fullhieght {
        padding: 30px 0px;
    }

    .login_section {
        width: 100%;
        border: none;
    }

    .form_block_login h2 {
        font-size: 18px;
    }

    .d-flex.download_button button.btn {
        width: 150px;
    }

    #claimModal.modal.fade .modal-dialog {
        min-width: 90%;
    }

    body .popup-box {
        padding: 18px;
    }

    .row.cta_register_s .trade_btn button {
        margin: 0 auto;
    }

    .progress_list ul li .cnt {
        gap: 5px;
        padding: 0px 5px;
    }

    .assets_wallets_section .market_section .top_heading {
        margin-bottom: 5px;
    }

    header .logo a {
        gap: 8px;
    }


    .dashboard_recent_s .user_list_top {
        flex-direction: column;
        gap: 12px;
    }

    .dashboard_recent_s form.searchinput {
        padding: 6px 6px;
        gap: 0px;
    }

    .termsofuse h3 {
        font-size: 20px;
    }

    .form-container.kyc_form_multistep {
        padding: 0px;
    }

    .custom-tab-content table.table td {
        font-size: 11px;
    }

    .custom-tab-content .table>thead th {
        font-size: 11px;
    }

    .market_page .mt_table .table tr th {
        font-size: 11px;
    }

    .crypto_section.market_update_outer.aos-init.aos-animate .container {
        max-width: 100%;
    }

    .hot_spot_outer {
        padding: 15px 10px;
    }

    body .search_form .modal-body {
        padding: 0px 17px 13px 12px !important;
    }

    .user_login.dashbtn a {
        font-size: 9px;
    }

    .modal .hot_trading_t tr td .icon img {
        width: 23px !important;
        height: 23px !important;
        min-width: 23px;
    }

    .modal.search_form .hot_trading_t {
        padding: 10px 0px;
        min-height: 100%;
        max-height: 300px;
    }

    .search_form .modal-body {
        padding: 18px !important;
    }

    .address_input {
        font-size: 12px;
        margin-top: 10px;
        padding: 5px 15px;
    }

    .withdraw_input {
        padding: 6px 10px;
        font-size: 12px;
    }

    .select_network_s .top_space {
        font-size: 12px;
    }

    .select_network_s p {
        font-size: 12px;
    }

    .total_amount .amount_cnt_l {
        font-size: 13px;
    }

    .withdraw_btn button {
        font-size: 12px;
        padding: 5px 22px;
    }

    .hot_trading_t tr td .icon img {
        width: 23px !important;
        height: 23px !important;
        min-width: 23px;
    }

    .spotLists_bs_dropbox .price_card {
        height: 260px;
    }

    body .spotLists_bs_dropbox .price_card_body.scroll_y {
        max-height: 100%;
        min-height: 100%;
    }

    body .spotLists_bs_dropbox .spotLists {
        min-height: auto;
        max-height: auto;
    }

    .bs_dropbox .buysell_heder .custom-tabs li a {
        font-size: 12px !important;
    }

    section.faq_cards h1.text-center {
        font-size: 22px;
        width: 100%;
    }

    .support_form_s .d-flex-between.mb-3.custom_dlflex {
        padding-top: 0px;
    }

    .tab-content .scroll_y table tr th {
        white-space: nowrap;
    }

    .modal.fade .modal-dialog.verifypop {
        min-width: 92%;
    }

    #popup-box {
        width: 85%;
    }

    .profit_costs_cta_outer h2 {
        text-align: center;
    }

    .agreetext .forgot_password {
        font-size: 12px !important;
    }

    .agreetext p {
        font-size: 12px !important;
    }

    .login_section .agreetext p {
        font-size: 14px !important;
    }

    .banner_img {
        width: 70%;
    }


    .amount_detail_bottom {
        text-align: center;
        justify-content: center;
    }

    body .card_header_title {
        font-size: 14.5px;
    }

    a.startbtn {
        font-size: 15px;
        padding: 9px 32px;
    }

    .bs_dropbox .table-responsive {
        max-height: 32%;
    }

    .sc-eAKtBH.gVtWSU {
        gap: 9px;
    }

    .hVPalX.gap-2 {
        justify-content: right;
    }

    .review_information .card.card-header-actions.mb-4 .row {
        flex-direction: column;
    }

    .Security_factor .scaner_pop_up button.save_btn {
        margin: 0px;
    }

    .twofactor_outer_s .row {
        flex-direction: column;
        gap: 18px;
    }

    .Security_factor button.save_btn {
        margin: 15px auto;
        padding: 7px 20px;
        margin-bottom: 0px;
    }

    .password_security_s .securityform_s .row {
        gap: 12px;
        flex-direction: column-reverse;
    }

    .currency_preference_b .icon {
        width: 24px;
    }

    .review_information .card.card-header-actions.mb-4 .row .col-6 {
        width: 100%;
    }

    .kyc_form_multistep .doc_img {
        text-align: center;
    }

    .profile_id {
        font-size: 12px;
    }

    .kyc_form_multistep .inquery_fill input[type="number"] {
        padding: 8px 15px;
        font-size: 13px;
    }

    .dashboard_summary ul.nav-tabs {
        gap: 12px;
        margin-top: 10px !important;
    }

    .listing_left_outer .dashboard_summary ul li button {
        font-size: 12px;
    }

    .grid {
        grid-template-columns: 1fr;
        margin: 0px;
    }

    .refrefer_earn_outer .ref_col {
        max-width: 100%;
        text-align: center;
    }

    .dashboardsummary_bottom a.btn {
        font-size: 12px;
    }

    .refrefer_earn_outer {
        background-size: 100%;
        background-position: center bottom;
        justify-content: start;
        min-height: 100%;
    }

    .refrefer_earn_outer .mt-3 {
        margin-top: 0.2rem !important;
    }

    .refrefer_earn_outer .d-flex.joc_social_row.mt-2 {
        justify-content: center;
    }

    .table-responsive {
        min-height: 100px;
        max-height: 430px;
    }

    /* .herobanner2 .scan_block ul {
        flex-direction: row;
        gap: 10px;
    }

    .herobanner2 .scan_block ul li span {
        font-size: 14px;
        line-height: 16px !important;
        display: block;
        margin-top: 4px;
    }

    .herobanner2 .scan_block ul li {
        padding: 2px 18px;
    }

    .herobanner2 .scan_block ul li:first-child {
        padding-left: 0px;
    }

    .herobanner2 .scan_block ul li h6 {
        font-size: 16px;
    } */

    .dashboard_summary td {
        font-weight: 400;
    }

    .td_first {
        font-weight: 400;
    }

    .search_form.modal.fade .modal-dialog {
        margin: 0px;
    }

    .hot_trading_t .td_first {
        font-size: 11px;
        width: 100%;
    }

    .earningbouns_tb .selected-option {
        gap: 6px;
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 11px;
    }

    button.addfundsbtn {
        border-radius: 6px;
    }

    .walletbalance_t .coin_right {
        flex-direction: row;
        align-items: center;
    }

    .walletbalance_t .coin_right a.search_icon2 {
        padding: 5px 15px;
    }

    .walletbalance_t .coin_right a.search_icon2 input {
        width: 120px;
        font-size: 12px;
    }

    button {
        font-size: 12px;
        padding: 8px 14px;
    }

    .security_form form.row {
        padding: 24px 24px 24px;
    }

    .password_security_s .securityform_s .security_mobile .row {
        flex-direction: column;
    }

    .dashboard_recent_s table {
        width: 100%;
        margin-top: 3px;
    }

    .dashboard_deposit_s h1 {
        font-size: 18px;
    }

    ul.active_package_top {
        gap: 20px;
        flex-direction: column;
    }

    .top_total_bar {
        gap: 20px;
        margin-top: 22px;
    }

    .thanky_top_hd img {
        width: 150px;
    }

    .scaner_pop_up.thankyou_s .modal-body {
        padding: 24px;
    }

    .highlights_crypto_s .currency_list_b .heighlightcnt h2 {
        font-size: 18px;
        margin: 0px;
    }

    .modal.fade .modal-dialog {
        min-width: 100%;
    }


    .highlights_crypto_s .currency_list_b .vector_icon_slide img {
        height: 100%;
    }

    .select_option_bank h6 {
        font-size: 14px;
    }

    .recent_deposit_list h4 {
        font-size: 16px;
    }

    .estimated_balance_bl h4 {
        font-size: 20px;
    }

    footer .row div.col-sm-3 {
        width: 50%;
    }

    .arbitrage_subscriptions_block ul li h2 {
        width: 210px;
    }

    .afterloginheader .header_right {
        right: 34px;
        top: 9px;
        gap: 3px;
    }

    .pagination_list {
        margin-top: 5px;
    }


    .dashboard_recent_s .user_list_top.rowtable .user_search form {
        flex-direction: row;
    }

    .header_right {
        right: 38px;
        top: 9px;
    }

    .navbar-toggler {
        top: 6px;
    }

    section.hot_articles_s.recent_blog .row .col-sm-3 {
        width: 100%;
    }

    .banner_images.banner_hotCoin {
        margin: 0 auto;
    }

    .meme_right_img {
        width: 100%;
    }

    .currency_list_b ul li {
        padding: 12px 5px;
    }

    .d-flex-between.mb-3.custom_dlflex {
        padding-top: 7px;
    }

    .crypto_section h2 {
        font-size: 22px;
    }

    body h2 {
        font-size: 22px;
    }

    .crypto_dashboard {
        margin-top: 8px;
    }

    .tt_item {
        align-items: start;
        flex-direction: column;
    }

    .mobile_emailotp {
        margin-top: 15px;
        flex-direction: column;
        gap: 13px;
    }

    .kyc_form_multistep .step-indicator h6 {
        font-size: 11px;
    }

    .kyc_form_multistep .step-indicator p {
        font-size: 9px;
    }

    .kyc_form_multistep .step-indicator span {
        width: 22px;
        font-size: 13px;
        height: 22px;
        line-height: 22px;
        margin-right: 0px;
    }

    .kyc_form_multistep .step-indicator::before {
        width: 81%;
    }

    .kyc_form_multistep .step-indicator {
        margin: 10px 0px 18px;
        gap: 16px;
    }

    .kyc_form_multistep .form_bl_step {
        padding: 18px;
        margin-bottom: 24px;
    }

    .kyc_form_multistep {
        padding: 10px;
    }

    .swap_tb_his .table-responsive {
        margin-top: 10px;
    }

    .hero_section {
        background-size: 650px;
    }

    .dashboard_recent_s .user_list_top .user_search form {
        flex-direction: column;
    }

    .left_hb ul {
        gap: 7px;
    }

    .dashboard_recent_s.earningrecent .user_list_top .user_search form {
        flex-direction: row;
    }

    .faq_cta_outer.how_workblock h2 {
        padding-bottom: 0px;
    }

    .referral_recent_s .dashboard_recent_s .user_list_top .user_search form {
        flex-direction: row;
    }


    .dashboard_recent_s .table-responsive .user_list_top .user_search form {
        flex-direction: row;
    }

    .profit_cost_cnt {
        padding: 10px 0px 0px;
    }

    .dashboard_recent_s table thead tr th {
        font-size: 13px;
    }

    .profit_costs_cta_outer.costouterbg {
        background-size: 90%;
    }

    .estimated_balance_bl {
        min-height: 100%;
    }

    address {
        font-size: 14px;
    }

    .login_bg.login_sec.market_page {
        padding: 20px 0px 0px;
    }

    .cnt_slider_f {
        text-align: center;
        padding: 0px 0px 10px;
    }

    .form_select_to_s {
        flex-direction: column;
    }

    .refrefer_earn_outer .twofa_card>.card-body {
        padding: 0px;
    }

    .card-header.ref_header h4 {
        font-size: 18px;
    }

    .card-header.ref_header h2 {
        font-size: 16px;
    }

    .field-otp-box>input {
        padding-right: 50px !important;
    }

    .ref_body {
        max-width: 100%;
    }

    .ref_body .form-control {
        font-size: 13px;
    }

    .joc_social {
        padding: 4px 7px;
        font-size: 15px;
        width: 32px;
        height: 32px;
    }

    .refrefer_earn_outer .pb-5 {
        padding-bottom: 24px !important;
    }

    .arbitrage_subscriptions_block ul li .arbitbot_vector {
        max-width: 240px;
    }

    ul.social_media a {
        font-size: 18px;
    }

    .card-header.ref_header h6 {
        font-size: 13px;
    }

    .convertor_top_price {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .bitcoin_top_currency ul {

        gap: 7px;
        flex-direction: column;
    }

    .swap_outer_section .searchBar.custom-tabs {
        width: 200px;
    }

    .searchBar.custom-tabs input {
        width: 85%;
    }

    .bitcoin_cate_list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner_images {
        width: 290px;
    }

    button.subscribe_btn::before {
        background-size: 9.5px;
    }

    .pagination_list ul a.page-link {
        margin: 0px 3px;
        border-radius: 3px;
        width: 26px;
        padding: 2px 0px;
        height: 26px;
        font-size: 12px;
        line-height: 19px;
    }

    .wallet_balance_tb .user_list_top h4 {
        font-size: 14px;
    }


    .currency_td .select_currency_s .selected-option img {
        margin-bottom: 4px;
    }

    .no_data {
        margin: 20px auto;
    }

    .td_btn_balance button {
        padding: 2px 20px;
        font-size: 10px;
        min-height: 28px;
    }

    form.searchinput {
        padding: 8px 6px;
        font-size: 12px;
    }

    .row.cta_register_s h5 {
        font-size: 13px;
    }

    .banner_cnt h1 {
        font-size: 20px;
    }

    .banner_cnt p {
        font-size: 12px;
        margin: 0px;
        line-height: 18px;
    }

    .signupbtn {
        padding: 6px 24px;
        font-size: 12px;
    }

    .revolutionizing_btn {
        margin: 15px 0px;
    }

    .join_group_s {
        gap: 5px;
        justify-content: start;
    }

    body .hero_section {
        padding-bottom: 75px;
    }

    .scan_left_s img {
        width: 32px;
    }

    .join_group_s button.joinbtn img {
        max-width: 32px;
    }

    .tradebtn {
        padding: 6px 24px;
        font-size: 12px;
    }

    footer .row div {
        margin: 0 auto;
    }

    .balance_chart_left h3 {
        font-size: 15px;
    }

    .market_summary_right_tp {
        padding: 15px 18px;
    }

    .rectangle_bottom_eft {
        max-width: 60px;
    }

    .market_summary_right_tp .lastchild {
        display: none;
    }

    .market_summary_right_tp .mr_data h5 {
        font-size: 13px;
    }

    .scan_left_s {
        width: 100%;
        gap: 12px;
        justify-content: start;
    }

    .scan_left_s h4 {
        font-size: 16px;
    }

    .main_marker_summary .align-items-center {
        gap: 15px;
    }

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

    .join_group_s button.joinbtn {
        font-size: 16px;
        line-height: 20px;
        padding: 0px;
        gap: 12px;
    }

    button.morebtn {
        padding: 0px 5px;
        font-size: 12px;
    }

    .market_tab_scroll_ot ul .currency_tag_cnt {
        margin-top: 8px;
    }

    .market_summary_right_tp .mr_data span {
        gap: 15px;
        font-size: 11px;
    }

    .summary_cnt_markert_r {
        gap: 10px;
        width: 100%;
        text-align: left;
    }

    .trade_app__app .crypto_bitcoin_vector {
        float: none;
        padding-top: 10px;
    }

    .profit_cost_cnt p {
        font-size: 14px;
    }

    footer .menu {
        width: 100%;
    }

    button.learnbtn a {
        font-size: 14px;
        padding: 12px 40px;
    }

    .profit_cost_cnt {
        text-align: center;
    }

    .crypto_bitcoin_vector {
        max-width: 80%;
    }

    .main_marker_summary {
        padding-top: 0px;
    }

    .market_update_outer {
        padding: 30px 0px 0px;
        text-align: center;
    }

    .mobileview {
        display: none;
    }

    .user_profile_cnt h3 {
        font-size: 12px;
    }

    .community_sec .section-title h1 {
        font-size: 26px;
    }

    .twofa_card>.card-body {
        padding: 24px;
    }

    .os_sec.cv_tocnomics .card_pp {
        width: 100%;
    }

    .sm_card {
        padding-top: 0px;
        flex-direction: column;
        gap: 12px;
    }

    .os_sec .col-lg-6 {
        width: 100%;
    }

    .profit_costs_cta_outer {
        padding-bottom: 10px;
    }

    .recent_deposit_list .td_first {
        width: auto;
    }

    .right_costs_rg ul li {
        font-size: 40px;
        line-height: 36px;
    }

    .profit_costs_cta_outer.costouterbg {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .fipnext_logo_m {
        margin-top: -30px;
    }

    .header_right .button_outer .login_btn {
        padding: 4px 13px;
        height: 29px;
    }

    .afterloginheader .header_right .button_outer .login_btn {
        height: 25px;
        line-height: 100%;
        gap: 2px;
        align-items: center;
    }

    .navigation .navbar-toggler img {
        width: 15px;
    }

    .afterloginheader .user_login.dashbtn a {
        padding: 2px 7px;
        align-items: center;
        height: 25px;
        display: flex;
    }

    header .button_outer {
        gap: 6px;
    }

    .themecolor_icon img {
        width: 13px;
    }

    .navbar-toggler {
        padding: 0px;
    }

    .earining_calculator_form h2 {
        font-size: 20px;
        margin: 0px;
        letter-spacing: 0px;
    }

    button.btn_submit {
        padding: 8px 32px;
        font-size: 16px;
    }

    .profie_block span {
        font-size: 13px;
    }

    .subscribe_form form {
        width: 100%;
    }

    .deposit_btn a.btn {
        font-size: 13px;
        border-radius: 3px;
        padding: 5px 12px;
    }

    .balance_chart_left h4 {
        font-size: 13px;
    }

    .profie_block p {
        font-size: 13px;
    }

    .select_price {
        gap: 0px;
        flex-direction: column;
        align-items: normal;
    }

    .deposit_btn {
        gap: 7px;
    }

    .trading_cta_s h2 {
        font-size: 24px;
    }

    .trading_cta_s h5 {
        margin: 15px 0px;
        font-size: 16px;
    }

    .trading_platform_section h2 {
        font-size: 24px;
    }

    .services_block p {
        font-size: 14px;
    }

    .trading_cta_s p {
        line-height: 22px;
        font-size: 14px;
    }

    .services_block {
        padding: 20px;
    }

    .trading_cta_s {
        padding: 20px 0px;
    }

    .card_pp_row {
        flex-wrap: wrap;
    }

    .banner_content h1 {
        font-size: 22px;
        line-height: 150%;
    }

    .card_pp {
        width: 100%;
    }

    .coin_right {
        align-items: end;
        gap: 12px;
        flex-direction: column;
    }

    .meme_coin_cnt {
        text-align: center;
        padding-top: 22px;
    }

    .what_coin_s {
        text-align: center;
    }

    .meme_coin_top h1 {
        font-size: 24px;
    }

    .sidebar_deposit {
        width: 70%;
    }

    .amount_sysmble {
        font-size: 11px;
    }

    .table_pop_up.modal h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .search_form .modal-content {
        width: 100%;
        margin: 0 auto;
        border-radius: 0px;
    }

    .login_profile_header {
        width: 270px;
    }

    .sidebar_deposit.open {
        width: 70%;
        padding: 28px 24px;
    }

    .deposit_option {
        gap: 15px;
        border-radius: 7px;
    }

    .meme_coin_top p {
        font-size: 13px;
    }

    .meme_coin_top {
        gap: 12px;
        flex-direction: column;
    }

    .meme_listing_section {
        padding: 20px 0px 0px;
    }

    .crypto_list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .help_support_s h4 {
        font-size: 18px;
    }

    .back_tobtn a {
        font-size: 14px;
    }

    .scaner_pop_up .modal-content {
        background-color: #191C1E;
        width: 85%;
        margin: 0 auto;
    }

    .currency_outer_b {
        gap: 18px;
        grid-template-columns: repeat(1, 1fr);
        margin-top: 15px;
    }

    .currency_preference_b {
        font-size: 13px;
        padding: 15px;
    }

    .trade_add_view .banner_img_add {
        flex-direction: column;
        padding: 14px;
    }

    .kyc_approval_s.activity_logs .right_t {
        font-size: 12px;
    }

    .sc-eAKtBH.gVtWSU button {
        padding: 3px 0px;
        font-size: medium;

    }

    .trading_services {
        grid-template-columns: repeat(1, 1fr);
    }

    .listing_left_outer ul {
        flex-direction: column;
    }

    .listing_left_outer ul.nav {
        flex-direction: row;
        margin-top: 0px;
    }

    .listing_left_outer ul {
        gap: 12px;
    }

    .td_first {
        font-size: 12px;
        width: 100%;
    }

    .dashboard_summary .price_heading span {
        font-size: 13px;
    }

    .dashboard_summary td {
        font-size: 12px;
    }

    .trading_platform_section {
        padding: 30px 0px;
    }

    .overflowx_scroll {
        gap: 7px !important;
        padding-bottom: 0px;
    }

    .top_heading {
        margin-bottom: 20px;
    }

    .footer_section {
        padding-top: 0px;
    }

    .mobile_grid_list {
        padding: 0px 0px 15px;
    }

    footer h3 {
        font-size: 14px;
    }

    footer address {
        margin-bottom: 7px;
    }

    .address_footer h5 {
        font-size: 16px;
        padding: 15px 0px 8px;
    }

    footer {
        padding: 30px 0px 7px;
    }

    .bitcoin_cnt h4 {
        font-size: 11px;
    }

    .bitcoin_cate_list ul li span.price {
        font-size: 10px;
    }

    .searchBar.custom-tabs input {
        font-size: 12px;
    }

    .grid {
        gap: 20px;
    }

    section.faq_cards .card {
        padding: 20px 20px 20px;
        font-size: 14px;
    }

    .coin-card_itemcnt {
        font-size: 12px;
    }

    .coin-card_itemcnt h6 {
        font-size: 12px;
    }

    .blog_detail section.inner-page-banner.bg-2 .inner {
        gap: 10px;
    }

    .blog_detail {
        padding: 20px 0px;
    }

    .blog_detail nav.mt-4 {
        margin-top: 5px !important;
    }

    .blog_detail .container {
        max-width: 100%;
    }

    .single_blog_img {
        margin-bottom: 20px;
    }

    section.blog_list {
        margin-top: 10px;
    }

    body .trade_card .table> :not(caption)>*>* {
        font-size: 12px;
    }

    body .bs_dropbox .spotLists {
        max-width: 90%;
        margin: 0 auto;
    }

    .kyc_approval_s.activity_logs .price_heading {
        font-size: 14px;
    }

    .termsofuse ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    header .col-lg-2.logo_s {
        max-width: 250px;
    }

    .login_section {
        min-height: calc(100vh - 54px) !important;
    }

    .crypto_section p {
        padding-top: 5px;
    }

    .earning_list_block .slick-dots {
        bottom: -24px;
    }

    .hot_trading_s table tr td {
        font-size: 11px;
    }

    .hot_trading_s table tr td span.green {
        font-size: 11px !important;
    }

    .trending_crypto .hot_trading_s table tr th {
        font-size: 12px;
    }

    .custom-tab-content .mobiletable table tr th {
        padding: 5px !important;
    }

}

@media screen and (max-width:480px) {

    .twofactor_outer_s {
        padding: 12px !important;
    }

    .crypto_section h2 {
        font-size: 20px;
    }

    .table_pop_up.modal table tr td {
        font-size: 11px;
    }

    .withdrawal_top_list span {
        font-size: 11px;
    }

    body h2 {
        font-size: 20px;
    }

    .exchange_earning_bnr h2 {
        font-size: 18px;
    }

    span.admin_email {
        display: block;
        margin-left: 0px;
        padding-left: 0px;
        border-left: none;
    }

    .register_verified_form h1 {
        font-size: 22px;
    }

    .factor_bl {
        padding: 20px 12px;
    }

    footer .row .footer_logo {
        max-width: 210px;
    }

    .modal-dialog h4 {
        font-size: 16px;
    }

    .recent_deposit_list .top_heading h4 small {
        font-size: 10px;
    }

    .all_product_data table tr td {
        font-size: 10px;
        padding: 8px 7px;
    }

    .all_product_data table tr th {
        font-size: 10px;
        padding: 6px 7px !important;
    }

    .button_outer .scantophdr {
        padding-top: 4px;
    }

    header .logo {
        min-width: 115px !important;
        max-width: 115px;
    }

    .learnbtn {
        font-size: 13px;
        margin-top: 7px;
    }

    .security_list li h3 {
        font-size: 22px;
        margin: 7px;
    }

    .deposit_crypto_left::before {
        height: 230px;
    }

    .withdrawal_outer::before {
        height: 76%;
    }

    .ant-card {
        margin-bottom: 10px;
    }

    .slider_group_wrapper .currency_list_b ul li.pricevalue {
        font-size: 18px;
    }

    .earning_list_block .slider_group_wrapper .currency_list_b ul {
        flex-direction: row;
    }

    .giveaway_top_list .cnt {
        font-size: 13px;
    }

    .giveaway_top_list ul li span {
        width: 16px;
        height: 16px;
    }

    .profile_right .user_img img {
        width: 22px;
        object-fit: contain;
    }

    .market_page .market_update_table .row.mb-4.g-2 {
        gap: 10px;
    }

    .modal-content.popup-box.homepop_box {
        width: 90%;
        padding: 0px;
        border-radius: 0px;
        border: none;
    }

    .crypto_tabs_mbl ul li button {
        font-size: 12px;
        padding: 7px 5px;
    }

    p {
        font-size: 12px;
    }

    button.downloadbtn {
        font-size: 12px;
        width: 150px;
        padding: 6px 10px;
    }

    .security_list {
        margin-top: 15px;
    }

    .profit_cost_cnt p {
        font-size: 12px;
    }

    .crypto_features p {
        font-size: 12px;
    }

    .emaildiv {
        flex-direction: column;
    }

    footer p {
        font-size: 12px;
        line-height: 20px;
    }

    address {
        font-size: 12px;
    }

    footer .row div {
        margin: 0 auto;
        max-width: 100%;
    }

    .themecolor_icon {
        width: 22px;
        height: 22px;
    }

}

@media screen and (max-width:414px) {

    .currency_list_b ul {
        flex-direction: column;
    }

    .dashboard_summary ul.nav-tabs {
        gap: 8px;
    }

    .crypto_future_cnt ul.listcrypto li {
        font-size: 12px;
    }

    .crypto_future_cnt ul.listcrypto li i {
        font-size: 20px;
    }

    .navigation .navbar-toggler img {
        width: 15px;
    }

    p {
        font-size: 12px;
    }


    body .cnt_first_t .icon_currency img {
        width: 24px;
    }

    .login_section {
        min-height: calc(100vh - 54px) !important;
    }

    .walletbalance_t .coin_right {
        flex-direction: column;
    }

    body .modal.currency_popup_s .modal-dialog {
        max-width: 90%;
    }

    .navbar-toggler {
        top: 3px;
        right: 7px;
    }


    .blog_detail h2 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    header .logo a {
        gap: 5px;
    }

    header .logo img.eaglelogo {
        width: 20px;
    }

    .user_login.dashbtn a {
        padding: 5px 7px;
        height: 25px;
    }

    .header_right .button_outer .login_btn {
        font-size: 9px;
        padding: 2px 6px;
        height: 22px;
        line-height: 16px;
    }

    /* .code_scan {
        max-width: 60px;
    } */

    body .banner_img {
        width: 90% !important;
        max-width: 90%;
        margin-top: 30px;
    }

    .kyc_approval_s.activity_logs .cnt p {
        font-size: 12px;
    }

    .kyc_approval_s.activity_logs .price_heading {
        font-size: 13px;
    }

    .dashboard_right_side.profileslider .slick-slide h6 {
        font-size: 15px;
    }

    .dashboard_right_side.profileslider .slick-slide p {
        font-size: 12px;
    }

    .Overview_mid .top_heading h4 {
        margin-bottom: 10px;
    }

    body .bs_dropbox .buysell_card .btn-mini {
        font-size: 11px !important;
        padding: 8px 10px 8px !important;
    }

    .kyc_form_multistep .gender_radio .form-check-label {
        padding: 5px 15px;
        font-size: 11px;
    }

    .modal.search_form table tr td {
        padding: 5px 0px;
    }

    body .bs_dropbox .assets_list h4 {
        font-size: 13px;
    }

    .dashboard_right .support_form_s .card-body {
        padding: 0px;
    }

    section.pb-5.kyc_form_s {
        padding-bottom: 15px !important;
    }

    body .bs_dropbox small {
        font-size: 11px;
    }

    body .bs_dropbox .btn-group.btn-group-mini {
        overflow: scroll;
    }

    .buysell_heder .custom-tabs li.sell-tab:before {
        left: -19px;
    }

    button.btn.btn-success {
        font-size: 12px;
    }

    button.btn.btn-danger {
        font-size: 12px;
    }

    .blog_detail p {
        font-size: 13px;
    }

    .bs_dropbox .buysell_heder .custom-tabs li a {
        font-size: 11px;
    }

    .bs_dropbox .input-group-text {
        min-width: auto;
        font-size: 12px;
    }

    body .scroll-subtabs_scrollSubInfo__T5nZF {
        width: 100%;
    }

    body .headline_left__lBBPY_leftmain.d-flex.align-items-center {
        width: 100%;
    }

    body .headline_extendInfoWrapper__dooIS,
    body .headline_left__lBBPY,
    body .headline_wrapper__BKn9L {
        /* flex-direction: column; */
        gap: 7px
    }

    .coin_items_select {
        gap: 7px;
        margin: 15px 0px 10px;
    }

    .coin_items_list {
        gap: 5px;
        font-size: 11px;
        padding: 6px 10px;
        border-radius: 5px;
    }

    .search_icon_s {
        font-size: 12px;
        padding: 7px 15px;
    }

    body .scroll-subtabs_tabs__Prom8 {
        justify-content: space-between;
        padding-top: 10px;
    }

    body .spot-list-search .ivu-input input {
        font-size: 12px;
    }

    ul.nav.custom-tabs.order_his_tabs li a {
        font-size: 12px !important;
    }

    .dashboard_recent_s table thead tr th {
        font-size: 11px;
    }

    .what_coin_s p {
        font-size: 12px;
    }

    .user_list_l.earning_section_cate .nav-tabs .nav-link {
        font-size: 13px;
    }

    .bitcoin_top_currency h3 {
        font-size: 16px;
    }

    .amount_cnt p {
        font-size: 12px;
    }

    .amount_detail_bottom {
        padding: 20px;
    }

    .swap_outer_section .searchBar.custom-tabs {
        width: 160px;
        padding: 5px 7px;
    }

    button.orderbtn {
        padding: 5px 24px;
        font-size: 12px;
    }

    .blog_detail h1.title {
        font-size: 22px;
    }

    .left_hb ul li {
        font-size: 13px;
    }

    .blog_section_b .search_outer_blog {
        padding: 15px;
    }

    a.startbtn {
        font-size: 12px;
        padding: 7px 24px;
    }

    .articles_blog_bl h4 {
        font-size: 14px;
    }

    ul.meta_date {
        font-size: 12px;
    }

    .view_allbtn {
        padding: 14px;
    }

    .search_items {
        width: 150px;
    }

    .search_items input[type="text"] {
        width: 100%;
        font-size: 12px;
        margin-left: 6px;
    }

    .top_heading h4 {
        font-size: 15px;
        margin: 0px;
    }

    .top_heading {
        align-items: start;
    }

    body .card_header_title {
        font-size: 12px;
    }

    .grid.faq_sidebar a.card p {
        font-size: 12px;
    }

    .card-body-padding-top .faq_text p {
        font-size: 12px;
    }

    .grid.faq_sidebar a.card h5 {
        font-size: 14px;
    }

    .faq_cards .faq_list .card.faq_item h5 {
        font-size: 14px;
    }

    .faq_text ol li {
        font-size: 12px;
        padding: 4px 0;
    }

    .section-padding.feature_bg.pc_bg p {
        font-size: 12px;
    }

    .termsofuse li {
        font-size: 12px;
        line-height: 20px;
    }

    .plicy_sec {
        font-size: 12px;
    }

    footer .menu li a {
        font-size: 12px;
    }

    .kyc_form_multistep .inquery_fill select {
        padding: 10px;
        font-size: 11px;
    }

    .security_form form.row input {
        padding: 10px 15px;
    }

    button.save_btn {
        font-size: 11px !important;
    }

    .otp_code_in2 button {
        padding: 7px 10px 5px;
        font-size: 11px;
    }

    .security_form form.row input[type="button"] {
        font-size: 12px !important;
        padding: 7px 15px;
    }

    .kyc_approval_s .cnt p {
        font-size: 12px;
    }

    .market_tabs .nav-link {
        font-size: 11px;
        padding: 4px 10px;
        margin-right: 0px;
    }

    ul.nav.nav-pills.mb-2.overflowx_scroll.funds_tab.market_tabs {
        padding-bottom: 0px;
    }

    .kyc_form_multistep .inquery_fill input[type="text"] {
        padding: 10px;
        font-size: 11px;
    }

    .market_update_sec .table> :not(caption)>*>* {
        padding: 8px 15px;
    }

    table.table tbody tr:last-child td .favouriteData p {
        font-size: 12px !important;
    }

    body .form-control label {
        font-size: 11px;
    }

    button.btn.supportbtn {
        font-size: 12px;
        padding: 10px 30px;
    }


    input[type="date"] {
        font-size: 11px;
        padding: 10px;
    }

    .kyc_form_multistep h6 {
        font-size: 13px;
    }

    .kyc_form_multistep .text-smallest {
        font-size: 11px;
    }

    .kyc_form_multistep .upload-area label {
        height: 130px;
        padding-bottom: 20px;
    }

    .upload-area label span {
        font-size: 12px;
    }

    .upload-area label .file-type {
        font-size: 12px;
    }

    .kyc_form_multistep .field-otp-box button.btn.btn-sm {
        font-size: 11px !important;
    }

    .balance_chart_left h3 {
        font-size: 13px;
    }

    .field-otp-box>input {
        padding-right: 20px !important;
        padding-left: 0px;
        font-size: 12px;
    }

    .kyc_form_multistep input#emailOTP {
        padding: 10px 15px;
        font-size: 11px;
    }

    .currency_preference_b {
        font-size: 11px;
        padding: 7px 12px;
        gap: 8px;
    }

    .currency_btn {
        margin: 20px 0px 10px;
    }

    .Overview_mid .dashboard_summary .currency_btn a {
        font-size: 12px;
        width: 100%;
    }

    body .form-control {
        font-size: 12px;
    }

    .listing_left_outer .estimate_cnt h4 {
        font-size: 13px;
    }

    a.more_btn {
        font-size: 11px;
    }

    .dashboard_summary td {
        font-size: 10px;
    }

    .dashboard_summary .price_heading span {
        font-size: 10px;
    }

    .price_heading {
        font-size: 10px;
    }

    .dashboard_summary td {
        font-size: 10px;
    }

    .dashboard_summary th {
        font-size: 10px;
        white-space: nowrap;
    }

    .icon img {
        min-width: 24px;
    }

    .dashboardsummary_bottom a.btn {
        font-size: 11px;
    }

    .block_features p {
        font-size: 11px;
    }

    .recommendations_block ul li p {
        font-size: 12px;
    }

    .recommendations_block ul li h6 {
        font-size: 15px;
    }

    .overview_btn button {
        padding: 4px 18px;
        font-size: 10px;
    }

    .overview_btn {
        gap: 6px;
    }

    .estimated_balance_bl h4 {
        font-size: 18px;
    }

    .sub_price {
        font-size: 14px;
    }

    .coin_right a.search_icon {
        padding: 4px 10px;
    }

    .crypto_bitcoin_vector {
        max-width: 100%;
    }

    .Overview_mid .dashboard_summary a {
        width: 150px;
    }

    .Overview_mid .dashboard_summary tr td a {
        width: auto;
    }

    .assets_wallets_section .coin_view_top .search_icon input[type="search"] {
        width: 100%;
    }

    .checkbox {
        font-size: 11px;
    }

    .my_assets_summary_t {
        padding: 15px;
    }

    .my_assets_summary_t.wallet_transfer {
        margin-top: 0px;
    }

    .selected-option {
        font-size: 12px;
        padding: 10px 15px;
    }

    span.arrow {
        top: 13px;
    }

    .form_select {
        padding: 10px;
    }

    .price_max_total button {
        font-size: 12px;
        padding: 8px 20px;
    }

    .main_spot_balance P {
        font-size: 12px;
    }

    p {
        font-size: 12px;
    }

    .profile_btn {
        font-size: 11px;
        padding: 4px 12px;
    }

    .kyc_form_multistep .inquery_fill label {
        font-size: 12px;
    }

    .price_max_total input[type="number"] {
        font-size: 12px;
    }

    .header_right a .ri-search-line {
        font-size: 16px;
    }

    /* .header_right .button_outer .login_btn {
        font-size: 10px;
        padding: 3px 10px;
        min-height: 20px;
    } */

    .button_outer {
        gap: 5px;
    }

    .profit_costs_cta_outer {
        padding: 30px 0px;
    }

    .check_bar {
        gap: 3px;
        padding: 6px 12px;
    }

    .account_benifits h6 {
        font-size: 9px;
    }

    ul.kyclist li {
        font-size: 10px;
        min-height: 30px;
    }

    ul.kyclist {
        gap: 5px;
        font-size: 12px;
        margin-top: 0px;
    }


}

@media screen and (max-width:360px) {



    img.round_img {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px;
    }

    .profit_costs_cta_outer .d-flex.download_button button.btn {
        font-size: 11px;
        padding: 6px 8px;
    }

    .deposit_crypto_left::before {
        height: 250px;
    }

    .header_right {
        top: 8px;
    }

    .afterloginheader .header_right .button_outer .login_btn {
        font-size: 8px;
        padding: 1px 5px;
        height: 22px;
    }

    .afterloginheader .user_login.dashbtn a {
        padding: 1px 5px;
        align-items: center;
        height: 22px;
        font-size: 8px;
    }

    .crypto_tabs_mbl ul li button {
        font-size: 11px;
        padding: 4px 6px;
    }

    .crypto_tabs_mbl ul {
        gap: 10px;
    }

    .withdrawal_outer::before {
        height: 74%;
    }

    .afterloginheader .navbar-toggler {
        top: 3px;
    }

    header .logo {
        min-width: 120px !important;
        max-width: 120px;
    }

    .lightlogo,
    .darklogo {
        width: 80px !important;
    }

    .afterloginheader .header_right {
        top: 8px;
    }

    .afterloginheader .lightlogo,
    .darklogo {
        width: 90px !important;
    }

    header.afterloginheader .logo img.eaglelogo {
        width: 16px;
    }

    .header_right a .ri-search-line {
        font-size: 11px;
    }

    .login_section {
        min-height: calc(100vh - 47px) !important;
    }

}

.table-responsive {
    overflow-x: auto;
    /* scroll ALWAYS enabled */
    overflow-y: auto;

    /* Space reserved → no layout shift */
    scrollbar-gutter: stable;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0) transparent;
}

/* WebKit scrollbar */
.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
    transition: background-color 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}

/* When hover/active - show scrollbar */
.table-responsive.show-scrollbar {
    scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}

.table-responsive.show-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

.table-responsive.show-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

/* KYC Modal specific - ensure no data shift */
#kycModal .table-responsive {
    scrollbar-gutter: stable;
    overflow-x: auto;
    overflow-y: auto;
}

#kycModal .table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#kycModal .table-responsive::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    margin: 4px;
}

#kycModal .table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
    transition: background-color 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}

#kycModal .table-responsive.show-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

#kycModal .table-responsive.show-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.65);
}

/* Market Trade Crypto Slider - Mobile Only */
@media screen and (max-width: 767px) {
    .market_trade_crypto_slider {
        padding: 0 15px;
    }

    .all_product_data h3 {
        margin-bottom: 10px;
        padding-left: 0px;
    }

    .export_btn {
        padding: 5px 12px;
        font-size: 12px;
    }

    body.light_theme .bg-secondary {
        color: #666;
    }

    .earningpopup#package_details .modal-body {
        padding: 0px !important;
    }

    .export_submit_btn {
        padding: 7px 18px;
        font-size: 12px;
    }

    .dashboard_right .search_form form.profile_form {
        margin-top: 8px;
        gap: 24px;
    }

    .export_modal_body .export_actions {
        margin-top: 5px;
        padding-top: 10px;
    }

    .select-option::before {
        height: 142%;
    }

    .withdrawal_outer::before {
        height: 74.5%;
    }

    /* Bootstrap Modal - Bottom Sheet Style for Mobile */
    .modal.fade {
        padding: 0 !important;
    }

    .modal.fade .modal-dialog {
        margin: 0;
        max-width: 100%;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(100%);
        transition: transform 0.3s ease-out;
        display: flex;
        align-items: flex-end;
    }

    .modal.fade.show .modal-dialog {
        transform: translateY(0);
    }

    .modal.fade .modal-dialog.modal-dialog-centered {
        align-items: flex-end;
    }

    .modal.fade .modal-content {
        border-radius: 10px 10px 0px 0px;
        border: none;
        margin: 0;
        max-height: 90vh;
        overflow-y: auto;
    }

    .search_form_modal_2.modal.fade .modal-content {
        height: 65vh;
        overflow: inherit;
    }

    .dashboard_summary .mobile_view span {
        position: relative;
        right: 0px;
    }

    .modal-backdrop {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .form_block_login .input_filed {
        font-size: 12px;
    }

    .modal.fade.show .modal-dialog {
        transform: translateY(0);
    }

    .modal.search_form .profile_form button.submit {
        margin-top: 0px;
    }

    .tab-pane.container.active.mt-5.form-field-wrapper {
        margin-top: 0px !important;
    }

    .os_sec .card-body i {
        width: 38px;
        height: 38px;
        font-size: 26px;
    }

    section.section-padding.feature_bg.pc_bg.login_sec table tr th {
        font-size: 12px !important;
    }

    .slider_group_wrapper .currency_list_b ul li {
        padding: 0px;
    }

    .currency_list_b ul li .currency_bit {
        /* background-color: #515a69; */
        padding: 15px;
    }

    .earning_list_block .slider_group_wrapper .currency_list_b ul li ul.usd_detail_list {
        padding: 0px 15px;
    }

    .earning_list_block .slider_group_wrapper .slick-slide {
        margin-right: 0px;
    }

    .earning_list_block .slick-slider .currency_list_b ul li h2 {
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .modal.fade:not(.show) .modal-dialog {
        transform: translateY(100%);
    }

    .market_trade_crypto_slider .market-crypto-swiper {
        padding-bottom: 0px;
    }

    .market_update_table .searchBar.custom-tabs {
        margin-top: 0px;
    }

    .market_trade_crypto .container {
        max-width: 100%;
        padding: 0px;
    }

    form.profile_form {
        margin-top: 8px;
        gap: 10px
    }

    .modal.search_form .resend {
        font-size: 12px;
    }

    .market_trade_crypto_slider .swiper-slide {
        height: auto;
    }

    .market_trade_crypto_slider .trade_marketvalue {
        height: 100%;
    }

    /* Pagination dots styling */
    .market_trade_crypto_slider .swiper-pagination {
        position: relative;
        margin-top: 15px;
        bottom: 0;
    }

    ul.security-tips-list {
        font-size: 12px !important;
    }

    .market_trade_crypto_slider .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #454C59;
        opacity: 1;
        margin: 0 4px;
    }

    .market_trade_crypto_slider .swiper-pagination-bullet-active {
        background: #FCD535;
        width: 24px;
        border-radius: 4px;
    }
}

.getotp_mobile:hover {
    background-color: #e3e3e3 !important;
}

/* Prevent body scroll when modal is open */
body.modal-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
}


ul.security-tips-list {
    color: #7d828c;
    font-size: small;
}

.security-tips h6 {
    color: #7d828c;
}

.security-tips {
    margin-top: 15px;
}

.remove_authenticator_s p {
    max-width: 100% !important;

}

.swap_button {
    width: 100%;
    background-color: #F3BB2B !important;
    border: none;
    border-radius: 50px;
    padding: 12px 15px;
    color: #000;
    margin-top: 20px;
    font-weight: 600;
}

.text-activity {
    color: #aaadb3;
}

/* ===== iOS Safari - Prevent zoom on input focus ===== */
/* iOS Safari zooms in on inputs with font-size < 16px */
@supports (-webkit-touch-callout: none) {

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input:not([type]),
    select,
    textarea {
        font-size: 16px !important;
    }

    /* Maintain visual hierarchy with transform scale for smaller appearance */
    .form-control,
    .form-select {
        font-size: 16px !important;
    }
}

/* ===== Mobile - Fix keyboard overlaying modal inputs ===== */
/* Works with existing bottom-sheet modal animation */
@media screen and (max-width: 767px) {

    /* Ensure modal body is scrollable for keyboard */
    .modal-body {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        /* Extra padding at bottom for keyboard clearance */
        padding-bottom: 30px !important;
    }

    body.light_theme .mobiletable {
        background-color: #ffffff; }

    /* Ensure inputs have scroll margin when focused */
    .modal input:focus,
    .modal select:focus,
    .modal textarea:focus {
        scroll-margin-bottom: 100px;
        scroll-margin-top: 20px;
    }

    /* KYC and form modals - limit height to leave room for keyboard */
    .kyc_modal .modal-body,
    #kycModal .modal-body,
    #kycVerificationModal .modal-body,
    #kycResubmitModal .modal-body,
    .search_form .modal-body,
    .scaner_pop_up .modal-body {
        max-height: calc(80vh - 80px);
        overflow-y: auto;
    }

    /* Use dynamic viewport height where supported */
    @supports (height: 1dvh) {

        .kyc_modal .modal-body,
        #kycModal .modal-body,
        #kycVerificationModal .modal-body,
        #kycResubmitModal .modal-body,
        .search_form .modal-body,
        .scaner_pop_up .modal-body {
            max-height: calc(80dvh - 80px);
        }
    }
}

.mobile_trade {
    background-color: #1f2630 !important;

}

body.light_theme header i.ri-moon-line.dark-text {
    display: none;
}

header i.ri-sun-line.light-text {
    display: none;
}

body.light_theme header i.ri-sun-line.light-text {
    display: block;
}
body.light_theme header li.nav-item.dropdown.mbl img {
    filter: brightness(0.4);
}

button.p2p-modal-close-btn:hover {
    background-color: transparent;
}

body.light_theme .issuelist_data table tr td i.ri-file-copy-line {
    color: #a4a4a4;
}

.order_trade_s .favouriteData {
    height: 100%;
}

.trade_movers_tb .table_info_data table {
    height: 100%; }