@media screen and (min-width: 1400px) and (max-width: 1599px) {

    /* header */
    .navbar-brand img {
        max-width: 240px;
    }

    .hero-section h6 {
        margin-bottom: 20px;
        font-size: 21px;
    }

    h1 {
        font-size: 42px;
    }

    .hero-section h6 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .title_badge {
        height: 53px;
        transform: translateY(14px);
    }


    .hero-section h1~h6 {
        margin: 15px 0 30px;
    }

    .partner_sec {
        padding: 12px 0 30px;
    }

    .pp_slide .swiper-slide {
        max-width: 190px;
    }

    .pp_slide .swiper-slide img {
        margin: 10px 0;
    }


    .card_mr {
        padding: 25px 50px;
    }

    .mu_pr {
        margin: 10px 0 30px;
        font-size: 35px;
    }

    .pc_card {
        padding: 20px;
        margin-top: 30px;
    }

    .market_update_sec {
        padding: 100px 0;
    }

    .how_it_sec .card-body {
        padding: 55px 0;
    }

    .how_it_sec {
        /* padding: 100px 0 0; */
    }

    .sec_title h2 {
        padding-bottom: 1rem;
    }

    .road_line_bg {
        background-size: 90%;
    }

    /* login */

    .section-padding.login_sec {
        padding-top: 140px;
        padding-bottom: 75px;
    }

    .login_anim .img-fluid {
        max-width: 550px !important;
    }



    /* su header */
    .sub_header {
        top: 79px;
    }



    .button {
        padding: 15px 30px;
        font-size: 14px;
    }

    .button .text_button {
        font-size: 14px;
    }




}

@media screen and (min-width: 1400px) and (max-width: 1720px) {

    .signup_anim #lottie.entity_anim {
        max-width: 450px !important;
        margin-top: -60px !important;
    }


    .road_line_bg {
        background-size: 88%;
    }

    .sidebar {
        width: 260px;
        height: calc(100vh - 75px);
        padding-top: 30px;
    }

    .af_wrapper {
        width: calc(100% - 300px);
        margin-left: 0;
    }

    .bsp_wrapper .af_wrapper {
        margin-left: auto;
        margin-right: auto;
    }



    .qp_head h2 {
        font-size: 34px;
        font-weight: 800;
        margin-bottom: 13px;
    }

    .sub_title h3 {
        font-size: 21px;
        font-weight: 700;
    }

    .sub_info hr {
        margin: 0;
    }

    .btn-lg {
        font-size: 14px;
        padding: 13px 20px;
    }

    .qp_row img {
        max-width: 156px;
    }

    .qp_head {
        padding: 16px 70px;
        margin-top: 90px;
    }

    .sub_info {
        font-size: 14px;
    }

    .qp_body .Markets h5 small {
        font-size: 16px;
        font-weight: 600;
    }






}

@media screen and (min-width: 1200px) and (max-width: 1399px) {



    .signup_anim #lottie.entity_anim {
        max-width: 400px !important;
        margin-top: -60px !important;
    }

    .sidebar {
        width: 260px;
        height: calc(100vh - 75px);
        padding-top: 30px;
    }

    .af_wrapper {
        width: calc(100% - 300px);
        margin-left: 0;
    }

    .bsp_wrapper .af_wrapper {
        margin-left: auto;
        margin-right: auto;
    }


    /* header */
    .navbar-brand img {
        max-width: 200px;
    }

    .hero-section h6 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .title_badge {
        height: 53px;
        transform: translateY(14px);
    }

    h1 {
        font-size: 47px;
    }

    .hero-section h1~h6 {
        margin: 17px 0 24px;
    }

    .partner_sec {
        padding: 12px 0 30px;
    }

    .pp_slide .swiper-slide {
        max-width: 190px;
    }

    .pp_slide .swiper-slide img {
        margin: 10px 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 9px 14px !important;
        font-size: 13px;
    }

    .how_card {
        padding: 15px;
    }

    .xx_title h2 {
        font-size: 100px;
        line-height: .7;
        margin-bottom: 10px;
    }

    .how_card.card_why {
        border-radius: 40px;
        padding: 40px;
    }

    .xx_title.title_disabled h2 {
        font-size: 200px;
        line-height: 104px;
    }

    .faq_sec .section-title h2 {
        letter-spacing: 3px;
        margin-bottom: 0;
    }

    .card_mr {
        padding: 25px 50px;
    }

    .mu_pr {
        margin: 10px 0 30px;
        font-size: 35px;
    }

    .pc_card {
        padding: 20px;
        margin-top: 30px;
    }

    .market_update_sec {
        padding: 70px 0 100px;
    }

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

    /* .how_it_sec {
        padding: 100px 0 0;
    } */

    .parter_row img {
        max-width: 162px;
    }

    /* login */

    .section-padding.login_sec {
        padding-top: 70px;
        padding-bottom: 35px;
        /* min-height: unset; */
    }

    .login_anim .img-fluid {
        max-width: 550px !important;
    }

    .ticket-form {
        padding: 30px 30px;
    }

    /* su header */
    .sub_header {
        top: 79px;
    }



    section.how_it_sec:before {
        height: 1000px;
        width: 1000px;
        right: -559px;
        bottom: -86px;
    }




    .buy_sell_sec .gx-5 {
        --bs-gutter-x: 19px;
    }


    .m_table thead tr th {
        padding: 7px 7px;
        font-size: 11px;
    }

    .r_table tbody tr td {
        padding: 3px 7px;
        font-size: 11px;
    }

    .r_table .c_view span {
        font-size: 11px;
    }

    .ord_his_sec {
        margin-top: 21px;
    }


    /* qbs card */
    .qbs_sell,
    .qbs_buy {
        /* min-height: 209px !important; */
    }

    .bc_card .tab-content .tab-pane {
        padding: 15px;
        border-radius: 10px;
    }

    .bc_card {
        border-radius: 10px;
    }

    .qbs_header .nav-pills {
        border-radius: 10px 10px 0 0;
    }



    /* sidbar css */

    .sidebar {
        width: 250px;
        padding-top: 0px;
    }

    .af_wrapper {
        width: calc(100% - 250px);
    }

    .buy_sell_sec {
        padding-top: 20px;
        padding-bottom: 20px;
    }




    /* filter more */

    .filter-card {
        margin-top: 20px;
    }

    .filter_more {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #0000005e;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
    }

    .more_card {
        background: #fff;
        padding: 20px 20px 30px;
        border-radius: 25px;
        transform: translateY(20px);
        transition: 0.3s;
        opacity: 0;
        max-width: 400px;
    }

    html[data-theme='dark'] .more_card {
        background: #232627;
        backdrop-filter: blur(4px);
    }

    html[data-theme='dark'] .filter_more {
        background: #00000061;
        backdrop-filter: blur(4px);
    }

    .filter_more.active {
        visibility: visible;
        pointer-events: all;
    }

    .filter_more.active .more_card {
        transform: translateY(0);
        opacity: 1;
    }

    .more_card .modal-header h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .more_card .modal-header {
        margin-bottom: 20px;
    }

    .more_card .modal-header i {
        font-size: 16px;
    }

    .more_card .form-group {
        margin-bottom: 8px;
    }

    .more_card .form-group label {
        font-size: 12px;
    }

    .filter-card .btn.export_btn {
        padding: 7px 20px !important;
        height: 38px;
        line-height: 1;
        font-weight: 400 !important;
        font-size: 14px;
    }




    .qp_head h2 {
        font-size: 34px;
        font-weight: 800;
        margin-bottom: 13px;
    }

    .sub_title h3 {
        font-size: 21px;
        font-weight: 700;
    }

    .sub_info hr {
        margin: 0;
    }

    .btn-lg {
        font-size: 14px;
        padding: 13px 20px;
    }

    .qp_row img {
        max-width: 156px;
    }

    .qp_head {
        padding: 16px 70px;
    }

    .sub_info {
        font-size: 14px;
    }

    .qp_body .Markets h5 small {
        font-size: 16px;
        font-weight: 600;
    }



    .button {
        padding: 13px 26px;
        font-size: 14px;
    }

    .button .text_button {
        font-size: 14px;
    }



    .qbs_card span {
        width: 18%;
    }

    .qbs_card p {
        width: 30%;
    }

    .hero_card .qbs_card h5,
    .qbs_card h5 {
        width: 30%;
    }

    .qbs_card h6 {
        width: 22%;
        gap: 4px;
    }

    .flag_buy,
    .flag_sell {
        width: 6px;
        height: 6px;
        max-width: 6px;
        border-radius: 7px;
        width: 6px !important;
    }



}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .qr_body img,
    .qr_body canvas.img-fluid,
    .qr_imgs {
        max-width: 116px;
        width: 116px;
    }

    .how_card.card_why img,
    .why_img_icon {
        width: 50px;
        height: 50px;
    }

    .section-title h2 {
        font-size: 34px;
        margin: 0 0 20px;
    }

    .section-title p {
        margin-top: .5rem;
        font-size: 14px;
    }

    .h_app_sec .section-title p {
        margin: 20px 0;
    }

    .signup_anim #lottie {
        max-width: 280px !important;
    }

    .signup_anim #lottie.entity_anim {
        max-width: 400px !important;
        margin-top: -67px !important;
    }

    .market_swiper .swiper-slide {
        max-width: 307px;
    }

    .avatar-info i {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }


    .trade-wrapper .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .trade-wrapper .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }



    html[data-theme='light'] {
        --h1-font-size: 74px;
        --h2-font-size: 35px;
        --h3-font-size: 28px;
        --h4-font-size: 22px;
        --h5-font-size: 20px;
        --h6-font-size: 18px;
        --nav-font-size: 14px;
        --p-font-size: 13px;
        --btn-font-size: 13px;
        --copyright-font-size: 13px;
    }

    /* header */


    .navbar-brand,
    .navbar-brand:hover {
        margin-right: 0;
    }

    .navbar-expand-lg .navbar-nav {
        margin-left: 0;
    }

    .navbar-brand img {
        max-width: 155px;
    }

    .navbar {
        padding: 12px 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 6px 11px !important;
        font-size: 12px;
    }

    h1 {
        font-size: 34px;
    }

    .hero-section h6 {
        margin-bottom: 0;
        font-size: 17px;
    }

    .title_badge {
        height: 53px;
        transform: translateY(14px);
    }

    .hero-section {
        padding: 120px 0 70px;
    }

    .partner_sec {
        padding: 12px 0 30px;
    }

    .hero-section h1~h6 {
        margin: 17px 0 27px;
        letter-spacing: normal;
    }

    .pp_slide .swiper-slide {
        max-width: 165px;
    }

    .pp_slide .swiper-slide img {
        margin: 10px 0;
    }

    .txt_secure {
        margin-top: 35px;
        font-size: 16px;
        letter-spacing: 2px;
    }

    .parter_row img {
        max-width: -webkit-fill-available;
    }

    .how_card {
        padding: 15px;
    }

    .how_card h6 {
        margin: 15px auto 15px;
    }

    .how_card h6~span {
        margin: -4px 0 17px;
    }

    .how_it {
        padding: 0 0;
    }

    .how_it h4 {
        text-align: center;
        font-weight: 500;
        margin: 0px 0 7px;
    }

    .xx_title h2 {
        font-size: 100px;
        line-height: .7;
        margin-bottom: 10px;
    }

    .site-footer-disclamer p strong {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .how_card.card_why {
        border-radius: 40px;
        padding: 40px;
    }

    .xx_title.title_disabled h2 {
        font-size: 200px;
        line-height: 104px;
    }

    .faq_sec .section-title h2 {
        letter-spacing: 3px;
        margin-bottom: 0;
    }

    .card_mr {
        padding: 25px 50px;
    }

    .mu_pr {
        margin: 10px 0 30px;
        font-size: 35px;
        flex-direction: column;
    }

    .pc_card {
        padding: 20px;
        margin-top: 30px;
    }

    .market_update_sec {
        padding: 70px 0;
    }

    .how_it_sec .card-body {
        padding: 55px 0;
    }

    .how_it_sec {
        padding: 70px 0;
    }

    .btn.btn-two {
        font-size: 14px;
        padding: 14px 35px;
    }

    .btn {
        font-size: 13px;
        padding: 8px 15px;
    }

    /* login */

    .section-padding.login_sec {
        padding-top: 90px;
        min-height: 100vh;
        padding-bottom: 60px;
    }


    /* su header */
    .sub_header {
        top: 79px;
    }

    .af_wrapper {
        margin-top: 0;
    }

    section.how_it_sec:before {
        height: 900px;
        width: 900px;
        right: -373px;
        bottom: -131px;
    }

    .features_sec {
        padding: 70px 0;
    }

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

    .accordion {
        border-radius: 30px;
        padding: 10px 30px;
    }

    .accordion .card .accordion-button {
        padding: 15px 0;
        font-size: 15px;
    }

    .ticket-form {
        padding: 40px 30px;
    }

    .login-header {
        /* margin-top: -40px; */
        /* padding-bottom: 30px; */
        /* margin-left: -30px; */
        /* width: calc(100% + 60px); */
    }

    .login-pills li .nav-link {
        padding: 18px 12px;
    }

    .buy_sell_sec .gx-5 {
        --bs-gutter-x: 19px;
    }


    .m_table thead tr th {
        padding: 7px 7px;
        font-size: 11px;
    }

    .r_table tbody tr td {
        padding: 3px 7px;
        font-size: 11px;
    }

    .r_table .c_view span {
        font-size: 11px;
    }

    .ord_his_sec {
        margin-top: 20px;
        max-width: 552px;
        margin: 0 auto;
    }

    .ord_his_sec h6 {
        font-size: 16px;
    }

    /* qbs card */
    .qbs_sell,
    .qbs_buy {
        /* min-height: 209px !important; */
    }

    .bc_card .tab-content .tab-pane {
        padding: 20px;
        border-radius: 15px;
    }

    .bc_card {
        border-radius: 15px;
    }

    .qbs_header .nav-pills {
        border-radius: 15px 15px 0 0;
    }



    /* sidbar css */

    .sidebar {
        width: 250px;
        padding-top: 0px;
    }

    .af_wrapper {
        width: calc(100% - 250px);
    }

    .buy_sell_sec {
        padding-top: 20px;
        padding-bottom: 20px;
    }




    /* filter more */

    .filter-card {
        margin-top: 20px;
    }

    .filter_more {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #0000005e;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
    }

    .more_card {
        background: #fff;
        padding: 20px 20px 30px;
        border-radius: 25px;
        transform: translateY(20px);
        transition: 0.3s;
        opacity: 0;
        max-width: 400px;
    }

    html[data-theme='dark'] .more_card {
        background: #232627;
        backdrop-filter: blur(4px);
    }

    html[data-theme='dark'] .filter_more {
        background: #00000061;
        backdrop-filter: blur(4px);
    }

    .filter_more.active {
        visibility: visible;
        pointer-events: all;
    }

    .filter_more.active .more_card {
        transform: translateY(0);
        opacity: 1;
    }

    .more_card .modal-header h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .more_card .modal-header {
        margin-bottom: 20px;
    }

    .more_card .modal-header i {
        font-size: 16px;
    }

    .more_card .form-group {
        margin-bottom: 8px;
    }

    .more_card .form-group label {
        font-size: 12px;
    }

    .filter-card .btn.export_btn {
        padding: 7px 20px !important;
        height: 38px;
        line-height: 1;
        font-weight: 400 !important;
        font-size: 14px;
    }


    .qp_head h2 {
        font-size: 34px;
        font-weight: 800;
        margin-bottom: 13px;
    }

    .sub_title h3 {
        font-size: 21px;
        font-weight: 700;
    }

    .sub_info hr {
        margin: 0;
    }

    .btn-lg {
        font-size: 14px;
        padding: 13px 20px;
    }

    .qp_row img {
        max-width: 156px;
    }

    .qp_head {
        padding: 16px 70px;
    }

    .sub_info {
        font-size: 14px;
    }

    .qp_body .Markets h5 small {
        font-size: 16px;
        font-weight: 600;
    }


    .button {
        padding: 13px 26px;
        font-size: 14px;
    }

    .button .text_button {
        font-size: 14px;
    }






    /* ero */

    .bss_blank .cont {
        margin: 0 auto 30px;
        max-width: 552px;
    }

    .buy_sell_sec.bss_blank {
        padding: 40px 0 30px;
    }

    .buy_sell_sec.bss_blank .bc_card {
        margin: 0 auto 20px;
    }

    .bc_card {
        box-shadow: rgb(213 213 213 / 25%) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 29px -32px;
        overflow: hidden;
    }

    .bc_card .tab-content .tab-pane {
        position: unset;
        overflow: unset;
    }

    .popup_inset {
        position: fixed;
        top: 0;
        left: 0;
    }

    .qbs_up .qbs_swiper .swiper-wrapper,
    .qbs_down .qbs_swiper .swiper-wrapper {
        padding: 0 !important;
        height: unset;
        overflow: unset !important;
    }

    .af_wrapper {
        padding-bottom: 0;
    }

    .cont_card,
    .cont_card.hero_card {
        padding: 0 !important;
        box-shadow: none;
        overflow: unset !important;
        background: transparent !important;
    }

    .qbs_up .qbs_swiper {
        padding-bottom: 0 !important;
        overflow: unset !important;
    }

    .qbs_down .qbs_swiper {
        padding-top: 0 !important;
        overflow: unset;
    }

    .mid_row {
        padding: 16px 0;
    }

    .cont .card_header_title {
        display: none;
    }

    .mbs_tabs {
        padding: 0 0 0;
        margin: 0 auto;
        border-bottom: 1px solid #cbcbcb70;
        margin-bottom: 20px;
        max-width: 552px;
    }

    .qbs_card * {
        font-size: 11px !important;
    }

    .mbs_row {
        padding: 0;
        margin-top: 0;
    }

    .mbs_row .card_header_title {
        height: unset;
        line-height: 1.4;
        font-weight: 700;
        opacity: 0.6;
        padding: 12px 0;
        font-size: 15px;
    }

    .mbs_row .card_header_title:before {
        width: 100%;
        bottom: -1px;
    }

    .mbs_row .card_header_title.active {
        opacity: 1;
    }

    .qbs_card span {
        width: 23%;
    }

    .qbs_card p {
        width: 25%;
    }

    .hero_card .qbs_card h5,
    .qbs_card h5 {
        width: 25%;
    }

    .qbs_card h6 {
        width: 27%;
        gap: 4px;
    }

    .flag_buy,
    .flag_sell {
        width: 6px;
        height: 6px;
        max-width: 6px;
        border-radius: 7px;
        width: 6px !important;
    }


    .buy_sell_sec .treade_card_header ul li.buysell-tab {
        width: 33.333333% !important;
        text-align: center;
        max-width: 33.333333% !important;
    }

    .buy_sell_sec .treade_card_header ul li.buysell-tab span {
        width: 100%;
    }

    .buy_sell_sec .bc_card {
        margin: 20px auto 20px;
    }





}

@media screen and (min-width: 300px) and (max-width: 991px) {



    .form-check.termsConditions .form-check-input {
        width: 1rem;
        height: 1rem;
    }

    .nav_tabs_bar .nav {
        min-height: unset;
    }



    /* payment popup */


    .grid_bg_img2 {
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        width: auto;
        max-width: 250%;
        opacity: 0.3;
    }

    html[data-theme='dark'] .grid_bg_img2 {
        opacity: 0.09;
    }

    .run_anim {
        bottom: 0;
    }



}

@media screen and (min-width: 300px) and (max-width: 1199px) {

    .pumt_row {
        display: block;
        height: 100%;
        min-height: 100vh;
    }

    .o_s span {
        font-size: 11px;
        margin-bottom: 8px;
    }

    .o_s h5 {
        font-size: 16px;
    }

    .modal-body.pymt_body {
        padding: 0;
    }

    .pymt_profile .rc_profile {
        padding: 8px;
        margin-bottom: 0;
    }

    .o_s {
        position: fixed;
        z-index: 1;
        width: 100%;
        left: 0;
        box-shadow: 0 -6px 24px #dbdbdb;
        margin: 0;
        bottom: 0;
    }

    .pymt_space>div.d-flex {
        flex-direction: column;
        width: 100%;
    }

    .pymt_space {
        background: #ffffff;
    }

    .nav_tabs_bar .nav {
        width: 100%;
        border-radius: 0;
        white-space: nowrap;
        display: block;
        overflow-x: auto;
        height: auto;
        background: transparent;
        padding: 0 20px;
    }

    .nav_tabs_bar .nav::-webkit-scrollbar {
        height: 0;
    }

    .nav_tabs_bar {
        width: 100%;
        max-width: 100%;
    }

    .nav_tabs_bar .nav .nav-link {
        display: inline-flex;
        padding: 12px 12px 12px 16px;
        margin: 0 5px 0;
        border: 1px solid #dbe9ef;
        border-radius: 8px;
        font-size: 14px;
        min-width: 217px;
        min-height: 62px;
        vertical-align: middle;
        background: #fff;
    }

    .nav_tabs_bar .nav .nav-link.active {
        background: #e5f6ff;
        border-color: #59aeef;
    }

    .nav_tabs_bar .nav .nav-link img {
        width: 56px;
    }

    .pymt_sidebar {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }

    .pp_space {
        padding: 0;
        border-radius: 0;
        background: transparent !important;
        border: 0 !important;
    }

    .pymt_space .nav_tabs_bar h5 {
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        padding: 30px 25px 20px;
        margin: 0;
    }

    .ap_ins {
        min-height: unset;
    }

    .scroll_pop {
        overflow-y: auto;
        max-width: 100%;
    }

    .w-6 {
        width: 25px;
    }

    .pymt_modal .modal-dialog {
        justify-content: flex-end !important;
        margin-top: auto;
        min-height: 100vh;
    }

    .scroll_pop {
        max-height: calc(100vh - 207px);
        overflow-y: auto;
        height: 100%;
        padding-bottom: 100px;
    }

    .upsc_more {
        position: relative;
    }

    .up_details.upsc_inst_mob {
        max-width: 250px;
        right: 0;
        min-width: 250px;
        top: 26px;
    }

    .pay_instructions {
        padding: 0;
        padding-bottom: 16px;
    }

    .nav_tabs_bar .upsc_more span.upac_mob {
        /* position: absolute; */
        right: 0;
        top: 0;
        font-size: 12px;
        font-weight: 500;
        /* opacity: 0.7; */
        color: gray;
    }

    .pymt_rem {
        padding-bottom: 86px;
    }

    .treade_card_tabs {
        display: none;
    }

    .treade_card_tabs.active {
        display: block;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {







    .pattern-vaporwave svg {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: scale(1.5);
    }

    .m_tabs .tab_item {
        padding: 10px 20px 10px 1px;
        font-size: 13px;
    }

    .ud h5 {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .ud h5~span {
        font-size: 15px;
    }

    .ww_card .g_card h6 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .up {
        width: 57px;
        height: 57px;
    }

    .ur_data {
        font-size: 13px;
        padding: 9px 16px;
        margin-left: 8px;
        min-width: 143px;
    }

    .ur_data small {
        font-weight: 400;
        opacity: 0.7;
        font-size: 12px;
        display: block;
    }

    .d_page {
        padding: 10px 0;
    }

    .upgrr_card {
        padding: 25px;
    }

    .d_page .container {
        max-width: 650px;
    }

    .g_right .btn_row {
        display: block;
        margin: 14px -8px 0;
        white-space: nowrap;
        overflow-x: auto;
    }

    .g_right .btn_row .btn {
        width: auto;
        margin-top: 15px;
        margin: 4px 8px;
    }

    html[data-theme='light'] {
        --h1-font-size: 74px;
        --h2-font-size: 35px;
        --h3-font-size: 28px;
        --h4-font-size: 22px;
        --h5-font-size: 20px;
        --h6-font-size: 18px;
        --nav-font-size: 14px;
        --p-font-size: 14px;
        --btn-font-size: 14px;
        --copyright-font-size: 13px;
    }

    /* header */
    .navbar-brand img {
        max-width: 190px;
    }

    .navbar {
        padding: 12px 0;
    }

    .navbar.nav_sticky {
        padding: 6px 0;
    }

    .navbar-collapse {
        position: fixed;
        display: none;
    }

    .navbar-collapse>ul {
        height: auto;
        padding-top: 0;
    }

    .navbar-expand-lg .navbar-nav {
        border: 1px solid #0000000f;
        border-radius: 15px;
        padding: 3px;
        background: #ffffff;
        backdrop-filter: blur(10px);
        max-width: 600px;
        margin: 0 auto;
        flex-direction: row;
        justify-content: center;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 16px 21px !important;
        font-size: 16px;
    }

    .hero-section h6 {
        margin-bottom: 0;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .hero-section h1~h6 {
        margin: 15px 0 30px;
    }

    .txt_secure {
        margin-top: 25px;
        font-size: 13px;
        letter-spacing: 2px;
    }

    h1 {
        font-size: 50px;
    }

    .hero-section {
        padding: 120px 0 70px;
    }

    .hero_card {
        padding: 30px;
        box-shadow: -2px 3px 18px #33333324;
        margin-top: 40px;
    }

    .hero_title {
        margin-bottom: 20px;
        padding: 0;
    }



    .partner_sec {
        padding: 12px 0 30px;
    }

    .pp_slide .swiper-slide {
        max-width: 165px;
    }

    .pp_slide .swiper-slide img {
        margin: 10px 0;
    }

    .parter_row img {
        margin: 6px 3px;
        max-width: -webkit-fill-available;
    }

    .how_card {
        padding: 15px;
    }

    .how_card h6 {
        margin: 15px auto 8px;
    }

    .how_it {
        padding: 0 0;
    }

    .how_it h4 {
        text-align: center;
        font-weight: 500;
        margin: 0px 0 7px;
    }

    .xx_title h2 {
        font-size: 70px;
        line-height: .7;
        margin-bottom: 30px;
        text-align: center !important;
    }

    .how_card.card_why {
        border-radius: 40px;
        padding: 40px;
    }

    .xx_title.title_disabled h2 {
        font-size: 200px;
        line-height: 104px;
    }

    .faq_sec .section-title h2 {
        letter-spacing: 3px;
        margin-bottom: 0;
    }

    .card_mr {
        padding: 25px 50px;
    }

    .mu_main {
        display: flex;
        align-items: self-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .mu_pr {
        margin: 10px 0 17px;
        font-size: 27px;
        padding-left: 0;
        flex-direction: column;
    }

    .mr_data h5 {
        display: block;
        margin: 8px 0 2px;
        word-break: break-all;
        font-size: 15px;
    }

    .card_mr {
        padding: 27px;
        font-size: 12px;
    }

    .mu_pr .pr_data {
        font-size: 16px;
        padding-left: 5%;
        display: flex;
    }

    .pc_card {
        padding: 0;
        margin-top: 30px;
    }

    .pc_item .my-4 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .section-title h2 {
        font-size: 29px;
    }

    .card_mr {
        padding: 20px;
        font-size: 12px;
    }

    .coin_slide .swiper-slide {
        max-width: 250px;
    }

    .pc_item h4 {
        font-weight: 400;
        font-size: 21px;
    }

    .market_update_sec {
        padding: 100px 0;
    }

    .how_it_sec .card-body {
        padding: 55px 0;
    }

    .how_it_sec {
        padding: 40px 0;
    }

    .page_title {
        margin-top: 17px;
    }


    .accordion {
        margin-bottom: 50px;
    }

    /* login */

    .section-padding.login_sec {
        padding-top: 110px;
        padding-bottom: 60px;
        min-height: 95vh;
    }

    .login_qr {
        text-align: center;
        margin-bottom: 33px;
    }


    .box_bg {
        background-size: cover;
    }


    /* page wrapper css */

    .page_wrapper {
        flex-direction: column;
        margin-top: 72px;
    }

    .main_menu {
        display: flex;
    }

    .af_wrapper .container {
        margin-left: auto;
    }


    /* sub header menu */

    .sidebar {
        width: 100%;
        height: unset;
        padding-top: 0;
        margin-top: -16px;
    }


    .sub_header_row {
        padding: 0 0;
        width: 100%;
    }

    .sub_header {
        top: 59px;
        max-width: 100%;
    }

    .buy_sell_bg_img .sub_header_row {
        padding: 0;
    }

    .market_update_sec {
        padding: 60px 0;
    }

    .market_update_sec div#lottie {
        max-width: 200px !important;
        left: 0;
    }

    .sub_header_l {
        width: 100%;
    }

    .menu_btn {
        display: inline-block;
    }






    /* sidemenu css */

    .nsb_block {
        /* display: none; */
        position: fixed;
        top: 0;
        z-index: 99;
        pointer-events: none;
        left: 0;
        height: 100vh;
        width: 100%;
        z-index: 99;
        padding: 10px;
        transition: all 0.3s;
    }

    .nsb_block.active {
        pointer-events: all;
    }

    .ms-sidebar-backdrop {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background-color: rgb(30 30 30 / 27%) !important;
        backdrop-filter: blur(5px);
        z-index: 0;
        display: none;
    }

    .nsb_block.active .ms-sidebar-backdrop {
        display: block;
    }

    .nsb_container {
        align-items: flex-start;
        height: calc(100vh - 20px);
        overflow-y: auto;
        width: 295px;
        transform: translateX(-300px) translateY(0) !important;
        opacity: 0;
        transition: all 0.3s;
        flex-direction: row;
        border-radius: 14px;
        padding: 0 0;
        background-color: rgb(255 255 255 / 76%) !important;
        box-shadow: 8px 0px 20px 0 #33333312;
        z-index: 99;
        position: relative;
        overflow: hidden;
        padding: 8px;
        overflow-y: auto;
    }

    .nsb_block.active .nsb_container {
        opacity: 1;
        transform: translateX(0) translateY(0) !important;
    }

    html[data-theme='dark'] .nsb_container {
        background-color: rgb(35 38 39) !important;
        box-shadow: 0px 0 0 1px #57575782;
    }


    .nsb_container .navbar {
        background: #fff;
        border-radius: 15px;
        max-height: calc(100vh - 269px);
        overflow-y: auto;
        margin-top: 11px;
        padding: 7px;
    }

    html[data-theme='dark'] .nsb_container .navbar {
        background: #333536;
    }

    .nsb_container .navbar::-webkit-scrollbar {
        width: 0;
    }

    .d_sub_header .navbar li {
        margin-bottom: 4px;
    }



    .d_page.history_page h6 {
        margin-bottom: 18px;
        font-size: 18px;
    }




    .d_sub_header .navbar li {
        width: 100%;
    }

    .d_sub_header .navbar-nav .nav-link {
        padding: 12px 15px;
        font-size: 14px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0 3px;
        padding: 10px 14px;
        font-size: 14px;
        border-radius: 12px;
        min-height: 44px;
    }

    .d_sub_header .navbar-nav .nav-link>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 9px;
    }





    .d_sub_header .navbar-nav .nav-link>i {
        font-size: 20px;
        margin-right: 9px;
    }

    .d_sub_header .navbar-nav .nav-link:hover,
    .side_dropdown-item:hover,
    .side_dropdown-item.active {
        /* background: transparent; */
        color: #000;
    }

    span.side_dropdown-item.main_menu {
        color: #000;
    }

    html[data-theme='dark'] span.side_dropdown-item.main_menu {
        color: #ffffff;
    }

    .side_dropdown-menu .side_dropdown-item {
        padding: 9px 0 !important;
        padding-left: 44px !important;
        font-size: 14px;
        font-weight: 500;
        min-height: unset;
    }

    .d_sub_header .navbar-nav .nav-link.dropdown-toggle::after {
        margin-left: auto;
    }

    .d_sub_header .navbar .dropdown-menu {
        left: 0 !important;
        right: auto !important;
        top: unset !important;
        position: relative;
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 !important;
        padding-left: 16px !important;
    }




    .d_sub_header .navbar .dropdown-menu:before {
        display: none;
    }

    .dropdown:hover .dropdown-menu {
        display: none;
    }


    .dropdown:hover .dropdown-menu.show {
        display: block;
    }


    span.side_dropdown-item.main_menu>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    /* sub header end */

    .af_wrapper {
        /* margin-top: 115px; */
    }

    .buy_sell_sec {
        padding-top: 0 !important;
    }

    .buy_sell_sec.bss_blank {
        padding-top: 20px !important;
    }



    .af_wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .features_sec {
        padding: 80px 0 50px;
    }



    .ticket-form {
        padding: 40px 30px;
    }

    .login-header {
        /* margin-top: -40px;
        padding-bottom: 30px;
        margin-left: -30px;
        width: calc(100% + 60px); */
    }

    .login-pills li .nav-link {
        padding: 18px 12px;
    }

    .login-header.qbs_header {
        /* padding: 20px 20px;   */
        /* margin-bottom: 40px; */
    }

    .road_line_bg {
        background-image: none;
    }

    section.how_it_sec .how_card {
        padding: 23px 0 50px;
    }

    .hiw_card_bar {
        padding-bottom: 230px !important;
    }

    .hiw_card_bar:before {
        right: unset;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: 67px;
        top: 80%;
        width: 179px;
        height: 14px;
    }

    .row.g-3.mt-3.mt-md-4 {
        margin-top: 0 !important;
    }

    .row.g-3.mt-3.mt-md-4 .col-lg-2 {
        margin: 0 !important;

    }

    .faq_sec img {
        display: none !important;
    }


    .dd_sec .col-lg-6>img {
        max-width: 350px;
    }



    /* qbs card */
    .bc_card .tab-content .tab-pane {
        padding: 30px;
        border-radius: 15px;
    }

    .bc_card {
        border-radius: 15px;
        box-shadow: none;
    }

    .qbs_header .nav-pills {
        border-radius: 10px 10px 0 0;
    }




    .section-p_title h4 {
        font-size: 18px;
    }

    .pc_item .my-4 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
        line-height: 1.2;
        font-size: 14px;
    }

    .pc_item {
        /* border-right: 1px solid #3333; */
        padding: 15px;
        margin: 0 3px;
    }

    .coin_slide .swiper-wrapper {
        padding-bottom: 0;
    }

    .coin_slide .swiper-slide {
        max-width: 180px;
    }

    .coin_slide .swiper-slide {
        max-width: 180px;
        margin-right: 0 !important;
    }

    .td_div span {
        font-size: 13px;
        margin-bottom: 0 !important;
    }

    .td_div b {
        font-size: 13px;
    }

    .pc_item h4 {
        font-weight: 400;
        font-size: 17px;
        margin: 0;
    }

    .mu_main .td_div {
        margin-bottom: 5px;
    }

    .mu_main {
        padding: 30px 0 16px;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .mu_pr {
        margin: 0px 0 0;
        font-size: 20px;
        padding-left: 46px;
        flex-direction: column;
        align-items: end;
    }

    .nc_body.nc_qr {
        padding: 0 10px 10px;
        max-width: fit-content;
    }

    .section-title h2 {
        font-size: 30px;
        margin: 13px 0 13px;
    }

    .qr_add {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 0;
        justify-content: center;
        width: 100%;
    }

    .nc_body.nc_qr .qr_body {
        padding: 20px;
        gap: 9px;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
    }



    /* h_app_sec */
    .how_it_sec.h_app_sec {
        position: relative;
    }

    .h_app_sec .section-title p {
        margin: 14px 0;
        max-width: 420px;
    }

    .apk_img {
        margin: 0 0;
        max-width: 503px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .qr_add p.h5 {
        font-size: 16px;
        padding-top: 0;
    }

    .h_app_sec .section-title {
        /* max-width: 426px; */
    }

    .h_app_sec .container {
        /* max-width: 740px; */
    }

    .h_app_sec .col-lg-7 img {
        max-width: 74%;
        margin: -341px -12% 0 auto;
    }

    .h_app_sec .qr_body img {
        max-width: 178px;
        width: 178px;
        height: 178px;
    }

    .qr_add {
        padding-left: 20px;
    }

    .qr_add span {
        font-size: 12px;
        line-height: 1.4;
        display: block;
        margin-bottom: 3px;
        font-weight: 500;
    }


    /* h_app_sec end */

    .site-footer-disclamer p {
        font-size: 8.5px;
        line-height: 1.4;
    }

    .site-footer-disclamer p strong {
        font-size: 11px;
    }

    .login_sec .page_title {
        margin-top: 0;
    }

    .login_sec .page_title h5 {
        font-size: 20px;
    }

    .login_sec .section-overlay+.container {
        position: relative;
        max-width: 400px;
    }




    /* upswc sec */

    .modal-body.modal_form {
        max-height: calc(80vh);
        overflow-y: auto;
    }

    .upswc {
        padding: 10px;
        display: block;
        position: relative;
    }

    .up_ac {
        padding: 0;
        margin: 0;
        background: transparent;
    }

    .up_ac {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
    }

    .up_ac .form_label {
        display: inline-block;
    }

    .up_card {
        height: 90px;
        width: 90px;
        min-width: 90px;
    }

    .up_ac button.btn.btn-dark.btn-dotted.px-5 {
        padding: 11px 21px !important;
        line-height: 1 !important;
    }

    .modal-header .btn-close {
        font-size: 12px;
    }



    .up_details.upsc_inst_mob {
        max-width: 250px;
    }

    .ticket_page_wrapper .hd_innre .btn {
        padding: 0 0 !important;
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .ticket_page_wrapper .hd_innre {
        margin-bottom: 18px;
    }

    .ticket_page_wrapper ul.nav.custom-tabs {
        width: 100%;
    }

    .ticket_page_wrapper ul.nav.custom-tabs li {
        width: 50%;
        text-align: center;
    }

    .ticket_page_wrapper ul.nav.custom-tabs li span {
        width: 100%;
    }

    .custom-tabs li a,
    .custom-tabs li>* {
        padding: 12px 25px;
        font-size: 13px;
    }



    .g_start_card.row_two {
        margin-top: 20px;
    }

    .g_start_card.row_two .g_start {
        margin-bottom: 0;
    }

    .cn_title h6 {
        margin-bottom: 0 !important;
        font-size: 15px;
    }

    .cn_title p {
        margin: 3px 0 0;
        font-size: 11px;
        display: flex;
    }

    .m_account .d_u_p {
        margin-bottom: 10px;
    }




    .ml_st_col {
        /* width: 300px; */
        /* max-width: 300px; */
        /* min-width: 300px; */
        width: 100%;
        max-width: 100%;
        padding-left: 40px;
        padding-bottom: 30px;
    }

    .mt_tk_status {
        margin-top: 20px;
    }

    .mtrs_code * {
        white-space: pre-wrap;
    }

    .mtrs_col.col_full p {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.5;
    }


    .ml_st_col .ml_st_col_label a {
        display: flex !important;
        margin-left: -40px !important;
        display: inline-block;
        align-items: center;
        gap: 14px;
    }

    .ml_st_col .form-stepper-circle {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 0;
        line-height: 25px;
        text-align: center;
        background: rgb(229 229 229);
        border-radius: 50%;
        position: relative;
        z-index: 1;
        font-size: 12px;
        color: #000;
        font-weight: 600;
    }

    html[data-theme='dark'] .ml_st_col .form-stepper-circle {
        background: rgb(68 68 68);
        color: #ffffff;
    }

    .ml_st_col .label {
        padding-bottom: 0;
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .ml_st_col {
        position: relative;
    }

    .ml_st_col:before {
        position: absolute;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        content: "";
        top: 0;
        width: 1px;
        /* min-width: 272px; */
        position: absolute;
        left: 12px;
        z-index: 0;
        border-left: 1px dashed #dee2e6;
    }

    .ml_st_row {
        gap: 0;
        margin-top: 16px;
        flex-direction: column;
    }

    .ml_st_col:last-child::before {
        display: none;
    }

    .ml_st_col:last-child {
        padding-bottom: 10px;
    }









    .mtrs_col.col_full p {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.5;
    }

    ul.form-stepper {
        padding: 10px 0 10px;
    }



    ul.form-stepper li a .form-stepper-circle {
        display: inline-block;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .form-stepper .label {
        font-size: 11px;
        margin-top: 0.5rem;
    }

    .mtrs_col {
        font-size: 12px;
        padding: 3px 0;
    }


    section.comp_sec {
        padding-top: 50px;
    }

    .tm_sec {
        margin-top: 63px;
        padding: 40px 0 60px;
    }

    .company_img {
        margin: 32px 0 11px;
    }

    section.esc_sec {
        margin-top: 70px;
        padding: 40px 0;
    }

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

    .cm_sec p {
        margin: 16px 0 26px;
        font-weight: normal;
    }


    section.cm_target_sec {
        padding: 60px 0;
    }

    .cm_target_sec .col-lg-7 {
        margin-top: 18px;
    }

    .cm_target_sec p {
        font-weight: normal;
    }


    .sp {
        padding: 60px 0px;
    }

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

    .cta_sec {
        padding: 60px 0;
    }

    .cta_sec .sec_title h2 {
        font-size: 32px;
    }


    .career_wrapper .tm_sec {
        margin-top: 0;
    }

    .career_wrapper .ddd {
        margin-bottom: 50px;
    }

    .career_wrapper .features_sec .sec_title.mb-5 {
        margin-bottom: 52px !important;
    }


    /* orders page filter responsive css  */

    .spot_tabs .custom-tabs {
        display: flex;
        align-items: center;
    }

    .spot_tabs .custom-tabs li {
        width: 33.3333%;
    }

    .spot_tabs .custom-tabs li span {
        text-align: center;
        padding: 10px 10px;
        width: 100%;
    }

    .spot_tabs {
        margin-top: 0 !important;
    }

    .flt_search .form-group {
        width: 100%;
    }

    .searchBar.custom-tabs {
        padding: 5px 5px 5px 12px;
    }



    /* filter more */

    .filter-card {
        margin-top: 20px;
    }

    .filter_more {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #0000005e;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
        padding-bottom: 30px;
    }

    .more_card {
        background: #fff;
        padding: 20px 20px 30px;
        border-radius: 25px;
        transform: translateY(20px);
        transition: 0.3s;
        opacity: 0;
        max-width: 400px;
    }

    html[data-theme='dark'] .more_card {
        background: #232627;
        backdrop-filter: blur(4px);
    }

    html[data-theme='dark'] .filter_more {
        background: #00000061;
        backdrop-filter: blur(4px);
    }

    .filter_more.active {
        visibility: visible;
        pointer-events: all;
    }

    .filter_more.active .more_card {
        transform: translateY(0);
        opacity: 1;
    }

    .more_card .modal-header h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .more_card .modal-header {
        margin-bottom: 20px;
    }

    .more_card .modal-header i {
        font-size: 16px;
    }

    .more_card .form-group {
        margin-bottom: 8px;
    }

    .more_card .form-group label {
        font-size: 12px;
    }

    .filter-card .btn.export_btn {
        padding: 0 !important;
        width: 38px;
        height: 38px;
        line-height: 1;
        width: 100%;
        font-weight: normal !important;
        font-size: 16px;
    }





    /* qp css */

    .qp_head {
        margin-top: 90px;
        border-radius: 25px;
        padding: 11px 25px;
    }

    .qp_row {
        /* flex-direction: column; */
        /* align-items: self-start; */
        width: 100%;
    }

    .qp_head h2 {
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 9px;
    }

    .qp_head p {
        font-size: 15px;
        margin: 0;
    }

    .qp_row img {
        max-width: 126px;
    }

    .qp_body {
        padding: 27px 0;
    }

    .sub_title h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .sub_info {
        font-size: 14px;
    }

    .sub_info hr {
        margin: 0;
    }

    .sub_title {
        margin-bottom: 18px;
    }

    .cl_action .btn {
        width: 50%;
    }

    .qp_sub_head {
        padding-bottom: 20px;
        margin-bottom: 12px;
    }

    .qp_body .Markets h5 small {
        font-size: 15px;
        font-weight: 600;
    }


    .qp_others {
        margin-top: 30px;
    }


    .ot_card {
        background: #fff;
    }

    html[data-theme='dark'] .ot_card {
        background: #333536;
    }

    .sd_other {
        margin-top: 10px;
        padding: 0;
    }

    .sd_other .ot_card:not(:first-child) {
        margin-top: 10px;
    }

    .recharts-wrapper {
        margin: 0 auto;
    }

    .nsb_container::-webkit-scrollbar {
        width: 0;
    }


    .button {
        padding: 11px 22px;
        font-size: 14px;
    }

    .button .text_button {
        font-size: 14px;
    }


    /* c-pin wwrapper */

    .cpin_wrapper .home_section {
        flex-direction: column;
    }

    .celc {
        width: 100%;
        height: auto;
        padding: 20px;
        padding-bottom: 0;
    }

    .cw_body>img {
        max-width: 220px;
    }

    .celc .apk_img {
        position: unset;
        left: 0;
        bottom: -20px;
        transform: scale(1);
        max-width: 350px;
        margin-top: -50px;
    }

    .celc .cw_body {
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: space-between;
    }

    .cpin_wrapper .hero-section {
        padding-top: 0;
        margin-top: -31px;
        /* height: calc(100vh - 161px); */
        align-items: start;
    }

    .cpin_wrapper .st_title {
        margin-bottom: 30px;
    }

    .cpin_hero_sec.hero_card {
        height: calc(100vh - 222px);
        width: 100%;
        padding: 50px 35px 35px;
        margin: 0 auto;
        align-items: flex-start;
    }



    .kycp_wrapper .dd_title h3 {
        font-size: 24px;
        font-weight: 800;
        text-align: left;
    }

    .kycp_wrapper .dd_title {
        margin-top: 0;
    }

    .msr_down {
        gap: 14px;
    }





    /* ero */

    .bss_blank .cont {
        margin: 0 auto 30px;
        max-width: 552px;
    }

    .buy_sell_sec.bss_blank {
        padding: 0;
    }

    .bc_card {
        box-shadow: rgb(213 213 213 / 25%) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 29px -32px;
        overflow: hidden;
    }

    .bc_card .tab-content .tab-pane {
        position: unset;
        overflow: unset;
    }

    .popup_inset {
        position: fixed;
        top: 0;
        left: 0;
    }

    .qbs_up .qbs_swiper .swiper-wrapper,
    .qbs_down .qbs_swiper .swiper-wrapper {
        padding: 0 !important;
        height: unset;
        overflow: unset !important;
    }

    .af_wrapper {
        padding-bottom: 0;
    }

    .cont_card,
    .cont_card.hero_card {
        padding: 0 !important;
        box-shadow: none;
        overflow: unset !important;
        background: transparent !important;
    }

    .qbs_up .qbs_swiper {
        padding-bottom: 0 !important;
        overflow: unset !important;
    }

    .qbs_down .qbs_swiper {
        padding-top: 0 !important;
        overflow: unset;
    }

    .mid_row {
        padding: 16px 0;
    }

    .cont .card_header_title {
        display: none;
    }

    .mbs_tabs {
        padding: 0 0 0;
        margin: 0 auto;
        border-bottom: 1px solid #cbcbcb70;
        margin-bottom: 20px;
        max-width: 552px;
    }

    .qbs_card * {
        font-size: 10px !important;
    }

    .mbs_row {
        padding: 0;
        margin-top: 30px;
    }

    .mbs_row .card_header_title {
        height: unset;
        line-height: 1.4;
        font-weight: 700;
        opacity: 0.6;
        padding: 12px 0;
        font-size: 15px;
    }

    .mbs_row .card_header_title:before {
        width: 100%;
        bottom: -1px;
    }

    .mbs_row .card_header_title.active {
        opacity: 1;
    }

    .qbs_card span {
        width: 18%;
    }

    .qbs_card p {
        width: 30%;
    }

    .hero_card .qbs_card h5,
    .qbs_card h5 {
        width: 30%;
    }

    .qbs_card h6 {
        width: 22%;
        gap: 4px;
    }

    .flag_buy,
    .flag_sell {
        width: 6px;
        height: 6px;
        max-width: 6px;
        border-radius: 7px;
        width: 6px !important;
    }


    .buy_sell_sec .treade_card_header ul li.buysell-tab {
        width: 33.333333% !important;
        text-align: center;
        max-width: 33.333333% !important;
    }

    .buy_sell_sec .treade_card_header ul li.buysell-tab span {
        width: 100%;
    }

    .buy_sell_sec .bc_card {
        margin: 20px auto 0;
    }

    .treade_card_tabs {
        display: none;
    }

    .treade_card_tabs.active {
        display: block;
    }

    .ord_his_sec {
        margin-top: 0;
        max-width: 552px;
        margin: 0 auto;
    }

}

@media screen and (min-width: 240px) and (max-width: 767px) {

    .scroll_y_lg {
        overflow-y: auto;
        max-height: 60vh;
    }

    .login_bg {
        background-position: center 100%;
        background-size: 360%;
    }


    .pattern-vaporwave svg {
        height: 100%;
        width: auto;
    }

    .l_qr {
        padding: 35px;
    }

    .card_line_h {
        max-width: 450px;
    }


    .grid_bg_img2 {
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        width: auto;
        max-width: 250%;
        opacity: 0.3;
    }

    html[data-theme='dark'] .grid_bg_img2 {
        opacity: 0.09;
    }

    .run_anim {
        bottom: 0;
    }


    .dropdown-item {
        padding: 6px 15px;
    }

    html[data-theme='light'] {
        --h1-font-size: 74px;
        --h2-font-size: 35px;
        --h3-font-size: 28px;
        --h4-font-size: 22px;
        --h5-font-size: 20px;
        --h6-font-size: 18px;
        --nav-font-size: 14px;
        --p-font-size: 13px;
        --btn-font-size: 14px;
        --copyright-font-size: 13px;
    }

    .btn-xl {
        font-size: 15px !important;
        padding: 9px 9px 9px 35px;
    }

    .custom-btn:hover .rotate_45 {
        transform: rotate(0deg);
        transform: translateX(0px);
    }

    .wall_card {
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 9px 13px;
    }

    .wall_card span,
    .wall_card h5 {
        font-size: 13px;
        line-height: 1.1;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 2rem;
    }

    /* header */
    .navbar-brand img {
        max-width: 160px;
    }

    .navbar-brand {
        padding: 0;
    }

    .qbs_header .nav-pills .nav-item {
        padding: 0 0;
    }

    .navbar {
        padding: 13px 0;
    }

    .navbar.nav_sticky,
    .is-sticky .navbar {
        padding: 8px 0;
    }

    .navbar-collapse {
        position: fixed;
        display: none;
    }

    .navbar-collapse>ul {
        height: auto;
        padding-top: 0;
    }

    .login_sec .ticket-form p,
    .login_sec .ticket-form a {
        font-size: 12px;
        font-weight: 500;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.7;
        margin-bottom: 0;
    }



    .navbar-expand-lg .navbar-nav {
        border: 1px solid #0000000f;
        border-radius: 15px;
        padding: 20px;
        background: #ffffff;
        backdrop-filter: blur(10px);
        max-width: 95%;
        margin: 0 auto;
        justify-content: center;
    }

    .qbs_header .nav-pills .nav-link {
        padding: 7px 20px;
        font-size: 14px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 18px 21px !important;
        font-size: 16px;
    }

    .hero-section h6 {
        margin-bottom: 20px;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .txt_secure {
        margin-top: 22px;
        font-size: 15px;
        justify-content: center;
        letter-spacing: 0.9px;
        align-items: center;
    }

    .text-success.txt_secure .ri-xl {
        font-size: 124%;
    }

    .mb-4 {
        margin-bottom: 1rem !important;
    }

    .section-p_title h4 {
        text-align: center;
        margin-bottom: 13px !important;
        font-size: 18px;
    }

    .hiw_card_bar {
        padding-bottom: 174px !important;
        padding-top: 7px !important;
    }

    .how_it .thumb {
        margin-bottom: 10px !important;
    }

    .how_it_sec.h_app_sec {
        padding: 40px 0 0;
    }

    h2.alt-font {
        margin-bottom: -39px;
    }

    .hiw_card_bar:before {
        right: unset;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: 67px;
        top: 80%;
        width: 130px;
        height: 14px;
    }

    /* .l_qr {
        padding: 26px 0;
    } */


    h1 {
        font-size: 29px;
    }

    .hero-section {
        padding: 100px 0 38px;
    }

    .hero-section h6 {
        margin-bottom: 5px;
        text-transform: capitalize;
        letter-spacing: 4px;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 600;
        max-width: 355px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .hero-section h1.mb-3 {
        margin-bottom: 10px !important;
    }

    .hero-section h1~h6 {
        margin: 16px auto;
        letter-spacing: normal;
    }

    .title_badge {
        overflow: hidden;
        height: 36px;
    }

    span.title_badge {
        transform: translateY(10px);
    }

    .flip5 {
        margin-bottom: 0;
    }

    .flip5 li {
        transform: translateY(-8px);
        text-align: start;
    }

    .partner_sec {
        padding: 18px 0 30px;
    }

    .pp_slide .swiper-slide {
        max-width: 141px;
    }

    .pp_slide .swiper-slide img {
        margin: 10px 0;
    }

    .hero_card {
        padding: 20px 18px;
        box-shadow: 0 0 0px 1px #a1a1a133;
        margin: 0 20px;
        margin-top: 30px;
    }

    .hero-section .hero_card {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-color: #efabb266;
    }

    .hero_title .btn-link {
        font-weight: 500;
        font-size: 14px;
    }

    .hero_card h5 {
        font-size: 15px;
        font-weight: 600;
    }

    .icons_row .r_4 {
        right: 0;
    }

    .how_card {
        padding: 15px;
    }

    .td_img {
        margin-right: 9px;
    }

    .h_card .td_div b {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .h_card .td_div span {
        font-weight: 500;
        font-size: 12px;
        margin: 0 !important;
        text-align: left;
    }

    .h_card:last-child {
        padding-bottom: 0;
    }

    .h_card {
        padding: 0 0 20px;
    }

    .how_card h6 {
        margin: 15px auto 8px;
    }

    .h_card .badge {
        border-radius: 6px;
        padding: 5px 7px !important;
        font-size: 11px;
        min-width: 60px;
    }

    .td_img img {
        margin: 0;
        width: 30px;
    }

    .how_it {
        padding: 0 0;
    }

    .how_it h4 {
        text-align: center;
        font-weight: 500;
        margin: 0px 0 7px;
    }

    .xx_title h2 {
        font-size: 46px;
        line-height: .7;
        margin-bottom: 30px;
        text-align: center !important;
        letter-spacing: 4px;
    }

    .how_card.card_why {
        border-radius: 20px;
        padding: 20px;
    }

    .dn_wrapper .how_card.card_why {
        text-align: center;
    }

    .xx_title.title_disabled h2 {
        font-size: 132px;
        line-height: 104px;
    }

    .faq_sec .section-title h2 {
        letter-spacing: 3px;
        margin-bottom: 0;
    }

    .accordion {
        border-radius: 20px;
        padding: 10px 20px;
    }

    .card_mr {
        padding: 25px 50px;
    }

    .accordion .card .accordion-button {
        padding: 16px 0;
        font-weight: 700;
        font-size: 14px;
    }

    .faq_sec {
        padding: 50px 0;
    }

    .mu_main {
        padding: 30px 0 16px;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .card_mr {
        padding: 18px;
        border-radius: 20px;
    }

    .mu_pr {
        margin: 0px 0 0;
        font-size: 17px;
        padding-left: 46px;
        flex-direction: column;
        align-items: end;
    }

    .mu_main .td_div {
        margin-bottom: 5px;
    }

    .mr_data h5 {
        display: block;
        margin: 4px 0 2px;
        font-size: 17px;
    }

    .mr_data {
        margin-bottom: 13px;
    }

    .mr_data>span {
        font-size: 13px;
    }

    .pc_item img {
        width: 26px;
    }

    .mu_pr .pr_data {
        font-size: 15px;
        padding-left: 6px;
        display: flex;
    }

    .gap-3 {
        gap: .5rem !important;
    }

    .pc_card {
        padding: 10px 0 0;
        margin-top: 8px;
    }

    .pc_item .my-4 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
        line-height: 1.2;
        font-size: 14px;
    }

    .pc_item {
        /* border-right: 1px solid #3333; */
        padding: 15px;
        margin: 0 3px;
        border-radius: 15px;
    }

    .coin_slide .swiper-wrapper {
        padding-bottom: 10px;
    }

    .coin_slide .swiper-slide {
        max-width: 180px;
    }

    .coin_slide .swiper-slide {
        max-width: 180px;
        margin-right: 0 !important;
    }

    .td_div span {
        font-size: 13px;
        margin-bottom: 0 !important;
    }

    .td_div b {
        font-size: 13px;
    }

    .pc_item h4 {
        font-weight: 500;
        font-size: 14px;
        margin: 0;
    }

    .apk_img {
        margin-top: -30px;
    }

    .market_update_sec div#lottie {
        display: none;
    }

    .market_update_sec {
        padding: 40px 0 20px;
    }

    .mu_main .btn {
        width: 100%;
    }

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

    .how_it_sec {
        padding: 40px 0;
    }


    .section-title h2,
    .dn_wrapper .section-title h2 {
        font-size: 24px;
        margin: 0 0 13px 0px;
        line-height: 1.3;
    }

    .h_app_sec .section-title p {
        margin: 13px 0 20px;
    }

    .section-title {
        margin-bottom: 0;
    }

    .fee_warapper .tm_sec .section-title {
        padding: 12px 0;
    }


    .page_title {
        margin-top: 0;
        margin-bottom: 20px;
    }

    /* login */

    .section-padding.login_sec {
        padding-top: 65px;
        padding-bottom: 15px;
        overflow: hidden;
        align-items: start;
    }

    .section-padding.login_sec.reset_pin {
        align-items: center;
        overflow: hidden;
        padding-bottom: 49%;
    }



    .box_bg {
        background-size: cover;
    }


    /* su header */

    .pi_warpper .d_u_p {
        flex-direction: row;
    }

    .m_account .ud span {
        font-size: 10px;
        margin-bottom: 3px;
    }

    .d_u_p {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
    }

    .page_wrapper {
        flex-direction: column;
        margin-top: 60px;
    }

    .buy_sell_sec .bc_card {
        margin: 0 auto 0;
    }

    .cont {
        margin: 0 auto 30px;
    }

    .bss_blank .cont {
        margin: 0 auto 30px;
    }

    .cont_card {
        pointer-events: none;
    }

    .cont .card_header_title {
        height: unset;
        line-height: 1.5;
        padding: 0 7px 14px 0;
        font-size: 15px;
        font-weight: 700;
    }

    .cont .card_header_title:before {
        /* display: none; */
    }


















    .bsp_wrapper {
        padding-top: 0;
    }

    .af_wrapper {
        width: 100%;
        margin-left: 0;
    }

    .sidebar {
        width: 100%;
        height: unset;
        padding-top: 0;
        margin-top: -15px;
    }

    .ur_data {
        margin: 0px 3px;
        width: 50%;
        display: inline-block;
        min-width: unset;
        max-width: calc(50% - 6px);
    }

    .ur_data {
        font-size: 13px;
        padding: 10px 12px;
    }

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

    .ud h5~span {
        font-size: 13px;
    }

    .ur_data small {
        font-size: 11px;
    }

    .up {
        width: 40px;
        height: 40px;
        margin-right: 13px;
        min-width: 40px;
    }

    .ud {
        min-width: max-content;
    }

    .af_wrapper {
        margin-top: 0;
    }

    section.how_it_sec:before {
        height: 900px;
        width: 900px;
        right: -373px;
        bottom: -131px;
    }

    .features_sec {
        padding: 40px 0 40px;
    }

    .feature_bg {
        background-position: center;
        background-size: cover;
        background-image: url('../images/shapes_light_bg_mobile.svg');
    }

    html[data-theme='dark'] .feature_bg {
        background-image: url('../images/shapes_bg_mobile.svg');
    }


    .ticket-form {
        padding: 30px 20px;
    }

    .login-header {
        /* margin-top: -20px;
        padding-bottom: 30px;
        margin-left: -20px;
        width: calc(100% + 40px); */
    }

    .login-pills li .nav-link {
        padding: 18px 12px;
    }

    .login-header.qbs_header {
        /* padding: 15px 20px;    */
    }


    .lq_qr #lottie {
        width: 55px !important;
    }

    .buy_sell_sec {
        padding-top: 16px !important;
    }

    .buy_sell_sec.bss_blank {
        padding-bottom: 16px !important;
    }

    .road_line_bg {
        background-image: none;
    }

    .bc_card .tab-content .tab-pane {
        padding: 20px 16px 16px;
    }

    .qbs_header .nav-pills .nav-link {
        height: 45px;
    }

    section.how_it_sec .how_card {
        padding: 23px 0 50px;
    }

    .row.g-3.mt-3.mt-md-4 {
        margin-top: 0 !important;
    }

    .row.g-3.mt-3.mt-md-4 .col-lg-2 {
        margin: 0 !important;

    }

    .faq_sec img {
        /* display: none !important; */
    }

    .globe_sec {
        margin-top: 27px;
    }

    .site-footer {
        padding-top: 44px;
    }

    .bs_sec {
        padding: 41px 0;
    }



    section.dd_page {
        padding: 30px 0;
    }

    #progressbar li {
        font-size: 11px;
        width: 120px;
        max-width: 120px;
        white-space: break-spaces;
        text-align: center;
        line-height: 1.2;
    }

    #progressbar li strong {
        font-weight: 500;
        font-size: 10px;
        line-height: 1.5;
    }

    #progressbar li:before {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 20px auto 10px auto;
        border-width: 3px;
        font-size: 10px !important;
    }

    #progressbar li:after {
        top: 31px;
    }

    #progressbar li.success:before {
        font-size: 10px !important;
    }

    #progressbar {
        margin-top: 0;
        margin-bottom: 20px;
        white-space: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }

    #progressbar::-webkit-scrollbar {
        height: 0;
    }

    .form-card {
        margin: 30px 0 20px;
        padding: 25px 20px;
        border: 1px solid #9c9c9c33;
        border-radius: 20px;
        background: #f7f7f7;
    }




    .mt-4 {
        margin-top: 1rem !important;
    }

    .mb-4 {
        margin-bottom: 1rem !important;
    }

    .form-group label {
        font-size: 12px;
        margin-bottom: 0.3rem;
    }

    .multistep_form .form-group .form-card .form-label {
        margin-bottom: .3rem;
        transform: translateY(-35px);
    }

    .fl_card_default .fl_row h6 {
        font-size: 14px;
    }

    .fl_card_default .fl_row i {
        font-size: 18px;
    }

    .fl_card_default .fl_row p {
        font-size: 12px;
    }

    /* market table */
    .m_table thead tr th {
        line-height: 1.1 !important;
        font-size: 11px;
        font-weight: 500;
        vertical-align: top;
        text-align: right;
    }

    .c_view span,
    .m_table tbody tr td {
        font-size: 12px;
    }

    .bc_card {
        border-radius: 15px;
        margin-bottom: 25px;
        /* box-shadow: none; */
        overflow: hidden;
    }

    .popup_inset .email-suggestions.sugg_popup {
        border-radius: 20px 20px 0 0;
    }

    .qbs_header .nav-pills {
        border-radius: 15px 15px 0 0;
    }

    /* sub header menu */
    .sub_header_row {
        padding: 0;
        width: 100%;
    }

    .sub_header {
        top: 59px;
        max-width: 100%;
    }

    .buy_sell_bg_img .sub_header_row {
        padding: 0;
    }

    .sub_header_l {
        width: 100%;
    }

    .menu_btn {
        display: inline-block;
    }



    /* sidemenu css */

    .nsb_block {
        /* display: none; */
        position: fixed;
        top: 0;
        z-index: 99;
        pointer-events: none;
        left: 0;
        height: 100vh;
        width: 100%;
        z-index: 99;
        padding: 10px;
        transition: all 0.3s;
    }

    .nsb_block.active {
        pointer-events: all;
    }

    .ms-sidebar-backdrop {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background-color: rgb(30 30 30 / 27%) !important;
        backdrop-filter: blur(5px);
        z-index: 0;
        display: none;
    }

    .nsb_block.active .ms-sidebar-backdrop {
        display: block;
    }

    .nsb_container {
        align-items: flex-start;
        height: calc(100vh - 20px);
        overflow-y: auto;
        width: 295px;
        transform: translateX(-300px) translateY(0) !important;
        opacity: 0;
        transition: all 0.3s;
        flex-direction: row;
        border-radius: 14px;
        padding: 0 0;
        background-color: rgb(255 255 255 / 76%) !important;
        box-shadow: 8px 0px 20px 0 #33333312;
        z-index: 99;
        position: relative;
        overflow: hidden;
        padding: 8px;
        overflow-y: auto;
    }

    .nsb_block.active .nsb_container {
        opacity: 1;
        transform: translateX(0) translateY(0) !important;
    }

    html[data-theme='dark'] .nsb_container {
        background-color: rgb(35 38 39) !important;
        box-shadow: 0px 0 0 1px #57575782;
    }


    .nsb_container .navbar {
        background: #fff;
        border-radius: 15px;
        max-height: calc(100vh - 95px);
        overflow-y: auto;
        margin-top: 11px;
        padding: 7px;
        gap: 0;
        height: fit-content;
    }

    html[data-theme='dark'] .nsb_container .navbar {
        background: #333536;
    }

    .nsb_container .nsb_container .navbar {
        width: 0;
    }

    .d_sub_header .navbar li {
        margin-bottom: 4px;
    }




    .d_sub_header .navbar li {
        width: 100%;
    }

    .d_sub_header .navbar-nav .nav-link {
        padding: 12px 15px;
        font-size: 14px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0 3px;
        padding: 10px 14px;
        font-size: 14px;
        border-radius: 12px;
        min-height: 44px;
    }

    .d_sub_header .navbar-nav .nav-link>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 3px;
    }

    .d_sub_header .navbar-nav .nav-link.active,
    .side_dropdown-item.active {
        background: transparent !important;
        color: currentColor;
    }

    html[data-theme='dark'] .d_sub_header .navbar-nav .nav-link.active,
    html[data-theme='dark'] .side_dropdown-item.active {
        background: transparent !important;
        color: #fff;
    }




    .d_sub_header .navbar-nav .nsb_block .nav-link,
    .nsb_block .side_dropdown-item {
        padding: 15px 13px;
        line-height: 1;
        font-size: 14px;
    }







    .d_sub_header .navbar-nav .nav-link>i {
        font-size: 20px;
        margin-right: 9px;
    }

    .d_sub_header .navbar-nav .nav-link:hover,
    .side_dropdown-item:hover,
    .side_dropdown-item.active {
        /* background: transparent; */
        color: #000;
    }

    html[data-theme='dark'] .d_sub_header .navbar-nav .nav-link:hover,
    html[data-theme='dark'] .side_dropdown-item:hover,
    html[data-theme='dark'] .side_dropdown-item.active {
        /* background: transparent; */
        color: #fff;
    }

    span.side_dropdown-item.main_menu {
        color: #000;
    }

    html[data-theme='dark'] span.side_dropdown-item.main_menu {
        color: #fff;
    }

    html[data-theme='dark'] span.side_dropdown-item.main_menu {
        color: #ffffff;
    }

    .side_dropdown-menu .side_dropdown-item {
        padding: 9px 0 !important;
        padding-left: 44px !important;
        font-size: 13px;
        font-weight: 500;
        min-height: unset;
    }

    .d_sub_header .navbar-nav .nav-link.dropdown-toggle::after {
        margin-left: auto;
    }

    .d_sub_header .navbar .dropdown-menu {
        left: 0 !important;
        right: auto !important;
        top: unset !important;
        position: relative;
        background: transparent;
        box-shadow: none;
        border: 0;
        padding: 0 !important;
        padding-left: 16px !important;
    }

    .af_wrapper .container {
        margin-left: auto;
    }

    /* .dropdown:hover .dropdown-menu {
    display: unset;
    margin-top: 0;
} */

    .d_sub_header .navbar .dropdown-menu:before {
        display: none;
    }

    .dropdown:hover .dropdown-menu {
        display: none;
    }


    .dropdown:hover .dropdown-menu.show {
        display: block;
    }

    .page_title h5 {
        font-size: 18px;
    }

    span.side_dropdown-item.main_menu>span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
    }

    .g_card h5 {
        font-size: 28px;
        font-weight: 700;
        margin-right: 10px;
        margin: 4px 12px 0px 0;
    }

    .g_card h6 {
        font-size: 13px;
        margin-bottom: 2px;
        margin-top: 0;
    }

    .ww_card .g_card h6 {
        font-size: 13px;
        font-weight: 500;
        margin-top: 0;
    }

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

    .btn_row {
        gap: 0 3px;
    }

    .g_right .btn_row {
        display: block;
        margin: 7px -4px 0;
        white-space: nowrap;
        overflow-x: auto;
    }

    .g_right .btn_row::-webkit-scrollbar {
        height: 0;
    }

    .g_right .btn_row .btn {
        width: auto;
        margin-top: 10px;
        font-size: 12px;
        padding: 9px 17px;
        font-weight: 600;
        margin: 4px 4px;
    }

    /* .g_right .btn_row .btn {
        width: calc(25% - 1px);
        margin-top: 10px;
        font-size: 12px;
        padding: 11px 2px;
        font-weight: 600;
    } */



    .cc_row {
        font-size: 13px;
    }

    .input_lab span.sw_img.sw_control input {
        padding-right: 100% !important;
    }

    .css-1dimb5e-singleValue,
    .css-1jqq78o-placeholder {
        margin-left: 3px !important;
    }

    .css-1dimb5e-singleValue>div {
        justify-content: center;
    }


    .m_table .table-responsive {
        max-height: unset;
        overflow-y: auto;
    }

    .d_sub_header .navbar-nav .nav-link i,
    .main_menu i {
        margin-left: 0;
    }

    .btn-muted {
        font-size: 14px;
        padding: 11px 20px;
    }


    .m_card h5 {
        margin: 0;
        font-size: 18px;
    }

    .Markets a {
        font-size: 13px;
    }

    .m_tabs .tab_item {
        padding: 15px 19px 6px 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
    }

    .m_tabs .tab_item:after {
        margin: 9px auto 0;
    }

    .m_tabs {
        white-space: nowrap;
        overflow: auto;
    }

    .m_tabs::-webkit-scrollbar {
        height: 0;
    }

    .kyc_cn~div {
        display: block;
        margin: 0 auto;
    }

    .pop_body {
        padding: 0 10px 10px;
        background: #fff;
    }

    .ng_popup .nc_header {
        padding: 20px;
    }


    .information_wrapper__AR6LL {
        padding: 10px;
    }

    .information_infoItem__3_gv6 {
        margin-bottom: 10px !important;
        font-size: 12px;
        ;
    }

    .information_name__ygI29.information_bright__F_RTd {
        font-size: 17px !important;
    }

    .nc_modal-backdrop .popup_body {
        width: 100%;
        align-items: flex-end !important;
        border-radius: 0 !important;
    }

    .nc_modal-backdrop .nc_modal.ng_popup .popup_body>div {
        border-radius: 0 !important;
    }



    .icons_row .r_1 {
        bottom: 80%;
        left: -3%;
    }

    .site-footer p {
        font-size: 13px;
    }

    .site-footer-disclamer p {
        font-size: 11px;
    }

    .icons_row .r_3 {
        bottom: 42%;
        right: 94%;
    }

    .icons_row .r_2 {
        bottom: 42px;
        left: 7%;
    }





    .cm_sec h2 {
        font-size: 29px;
    }

    .cm_sec p {
        margin: 16px 0 20px;
    }

    .company_img {
        margin: 32px 0 11px;
    }

    section.cm_target_sec {
        padding: 50px 0 50px;
    }

    .cm_target_sec h2 {
        font-size: 29px;
    }


    .cm_target_sec h2~p {
        margin-bottom: 14px;
    }

    .cta_sec {
        background-size: 150%;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .cta_sec {
        padding: 60px 0;
    }

    .cta_social {
        margin: 24px -10px 0;
    }

    .cta_sec .sec_title h2 {
        font-size: 29px;
    }

    .cta_btn {
        padding: 12px 20px;
        font-size: 14px;
        gap: 1px;
    }

    .icons_row .r_6 {
        top: 35%;
        left: 90%;
    }


    .field-otp-box .pn_check,
    .field-otp-box button.pn_check {
        font-size: 11px !important;
        font-weight: 500;
    }

    .step_title {
        margin-bottom: 25px;
    }

    .step_title h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .step_title p {
        font-size: 12px;
    }


    .custom_btn {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        max-width: 100%;
    }

    .upgrr_card {
        padding: 20px 15px 15px;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
    }

    .upd_title h3 {
        font-weight: 800;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .upd_title h3 i {
        font-size: 125%;
    }

    .upd_title p {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .upd_title ul li {
        font-size: 14px;
        font-weight: 700;
        /* line-height: 1.3; */
    }

    .ur_pp li span {
        align-items: flex-start !important;
        font-size: 12px;
        line-height: 1.4;
        margin: 0 0 5px;
    }

    ul.ur_pp {
        margin-top: 15px;
    }

    .upd_title h3~span {
        font-size: 13px;
        margin: 5px 0 10px;
    }

    .d_page {
        padding: 15px 0 30px;
    }

    .dd_title h3 {
        margin: 0px 0 20px;
        font-size: 23px;
        font-weight: 700;
    }

    .kycp_wrapper .dd_title {
        margin-top: 0;
    }

    .kycp_wrapper .dd_title h3 {
        margin: 0px 0 5px;
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        /* color: currentColor !important; */
    }

    .kycp_wrapper .dd_title p {
        text-align: left;
        font-size: 13px;
        font-weight: normal;
    }

    .upd_title>div {
        flex-direction: column;
        justify-content: space-between !important;
        align-items: start !important;
    }

    .p_card .badge,
    .badge {
        padding: 6px 9px !important;
        font-size: 11px;
    }

    .msr_up {
        margin-bottom: 12px;
    }

    .msr_up h6 {
        font-size: 16px;
    }

    .msr_up span {
        font-size: 12px;
    }

    .msr_down {
        gap: 10px;
    }

    .pager_wrapper {
        padding-top: 50px;
    }


    .msr_step {
        height: 6px;
    }

    .msr_main {
        margin-bottom: 20px;
    }


    .kycp_wrapper .fl_card {
        margin-bottom: 20px;
    }










    .nc_body.nc_qr .qr_body {
        gap: 8px;
        max-width: fit-content;
        padding: 14px 14px;
        border-radius: 14px;
    }

    .nc_btns {
        gap: 10px;
    }

    .qr_body img,
    .qr_body canvas.img-fluid,
    .qr_imgs {
        max-width: 120px;
        width: 120px;
    }

    .qr_add {
        padding-left: 10px;
    }

    .how_card.card_why img {
        width: 60px;
        height: 60px;
        margin: 0 auto !important;
    }

    .how_card h6~span {
        margin: 10px auto 20px;
    }

    .globe_box span {
        left: 50%;
    }

    .globe_box:hover span {
        transform: translate(-50%, -45px);
    }

    .hntt {
        margin-bottom: 15px;
    }




    .balance-libra {
        padding: 0 4px;
    }

    .card-success>* {
        font-size: 11px;
    }

    .form-group.swap_form label {
        font-size: 12px;
    }

    .sw_select .css-13cymwt-control,
    .sw_select .css-t3ipsp-control {
        font-size: 13px;
        font-weight: 500;
        min-height: 37px !important;
        margin: 0;
    }


    .how_card p {
        font-size: 13px;
        font-weight: 500;
    }

    /* buy sell */
    .bc_card .btn.form-control {
        padding: 17px;
        font-size: 14px;
    }








    section.tm_sec.cm_sec.about_bg {
        padding-top: 39px;
    }

    section.tm_sec.cm_sec.about_bg h2,
    .cm_target_sec h2 {
        font-size: 24px;
    }

    .cm_sec p {
        margin: 16px 0 20px;
        font-size: 13px;
        font-weight: 500;
    }

    .cm_target_sec h2~p {
        font-size: 13px;
        font-weight: 500;
    }

    .cm_target_sec h1 {
        font-weight: 700;
        font-size: 32px;
    }

    .sp {
        padding: 40px 0px;
    }

    .use_support_sec .company_img img {
        max-width: 290px;
        margin-right: 0 !important;
        margin-top: -146px;
    }

    .use_support_sec .cm_sec p {
        max-width: 60%;
        line-height: 1.7;
    }

    .mb-4 {
        margin-bottom: .6rem !important;
    }

    .form-control,
    .form-select {
        padding: .7rem 1.1rem;
        font-size: 16px;
    }

    .modal_form .form-group label,
    .form-label,
    .bd_card.m_account .form-label {
        font-size: 12px;
        font-weight: 500;
    }

    .tm_sec {
        margin-top: 50px;
    }


    .use_support_sec .tm_sec.cm_sec.us_bg {
        margin-top: 0;
        padding-top: 87px;
    }

    .use_support_sec h2 {
        font-size: 22px;
    }



    .swap_form .form-control {
        font-weight: 500;
        padding: 11.5px 20px;
        font-size: 16px;
    }

    .bc_card p {
        font-weight: 300;
        font-size: 13px;
        margin: 19px 0 8px !important;
    }


    .hero_card.bc_h_card {
        margin: 0;
        border: 0;
        padding: 0 !important;
    }

    .favouriteData img {
        max-width: 180px;
        margin: 36px 0;
    }


    .ord_his_sec .mrk_menu {
        padding-bottom: 10px;
    }

    .ord_his_sec {
        margin-top: 0;
    }

    .buy_sell_sec h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 30px 0 18px !important;
    }

    .ord_his_sec h6 {
        margin-bottom: 18px;
        font-size: 15px;
        font-weight: 700;
    }

    .ord_his_sec a {
        font-size: 13px;
        font-weight: 500;
        font-weight: 500;
    }



    span.as_lb {
        font-weight: 400;
    }


    .letter_space {
        letter-spacing: unset;
    }




    .ls_container p {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .md_close {
        right: -10px;
        top: -5px;
    }


    .item_row {
        font-size: 12px;
        padding: 2px 0;
    }

    .bst_row h6 {
        font-size: 13px !important;
    }

    .bc_card .tab-content .tab-pane {
        border-radius: 15px;
    }

    .ot_card h6 {
        font-size: 13px;
        margin: 0 0 11px;
    }

    .ccc_modal .modal-dialog-centered {
        align-items: flex-start;
        /* margin: 0; */
        min-height: calc(100% - 58px);
        margin-top: 50px;
    }

    .ccc_modal .modal-content {
        border: 0 !important;
        border-radius: 20px 20px;
    }


    .modal-close {
        top: -38px;
        right: 14px;
    }

    .oh_body {
        max-height: calc(90vh - 100px);
        overflow-y: auto;
        min-height: 50vh;
    }

    .ot_top {
        margin-bottom: 6px;
    }

    .chat-sm.chat_box .scroll_y {
        height: calc(100vh - 151px);
        max-height: 60vh;
    }

    .ot_body>div span {
        font-size: 12px;
    }




    .qbs_oht {
        padding: 10px !important;
    }

    .bs_col .bs_card.trade_card {
        /* background: transparent !important; */
        /* border: 0 !important; */
        /* border-radius: 0; */
    }





    html[data-theme='dark'] .bs_card.trade_card {
        border-color: transparent !important;
        background: transparent !important;
    }





    /* upswc sec */

    .modal-body.modal_form {
        max-height: calc(80vh);
        overflow-y: auto;
    }

    .upswc {
        padding: 10px;
        display: block;
        position: relative;
    }

    .up_ac {
        padding: 0;
        margin: 0;
        background: transparent;
    }

    .up_ac {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
    }

    .up_ac .form_label {
        display: inline-block;
    }

    .up_card {
        height: 90px;
        width: 90px;
        min-width: 90px;
    }

    .up_ac button.btn.btn-dark.btn-dotted.px-5 {
        padding: 11px 21px !important;
        line-height: 1 !important;
    }

    .modal-header .btn-close {
        font-size: 12px;
    }

    .chat-modal .chat_box.chat-sm {
        border-radius: 0;
    }

    .chat-modal .chat-footer {
        border: 0 !important;
    }


    /* market page css */

    .row.gx-2.m_scroll_row {
        white-space: nowrap;
        display: block;
        overflow-x: auto;
    }

    .row.gx-2.m_scroll_row::-webkit-scrollbar {
        height: 0;
    }

    .w_fixed_col {
        max-width: 350px;
        display: inline-block;
    }

    .market_wrapper .Markets {
        margin: 20px 0 0;
    }

    .option_col {
        font-size: 13px;
        padding: 7px 14px 7px 12px;
    }

    .pymt_space .nav_tabs_bar h5 {
        font-size: 14px;
        padding: 20px 20px 15px;
    }

    .nav_tabs_bar .nav .nav-link {
        display: inline-flex;
        padding: 7px 12px 7px 13px;
        font-size: 14px;
        min-width: 217px;
        min-height: 52px;
    }

    .pymt_modal .modal-dialog {
        justify-content: flex-end !important;
        margin-top: auto;
        min-height: 0;
        margin: 0;
    }

    .pymt_profile .rc_profile>i {
        border-radius: 6px;
        width: 36px;
        height: 36px;
    }

    .rc_profile .ud h5 {
        line-height: 1;
    }

    .nav_tabs_bar .nav {
        padding: 0 15px;
    }

    .fc_tab_container {
        padding: 20px;
    }

    .scroll_pop {
        height: calc(100vh - 184px);
        padding-bottom: 90px;
        max-height: 100%;
    }

    .pymt_modal .modal-content {
        backdrop-filter: blur(0);
        border-radius: 0;
    }

    .modal_form .form-group-sm .form-control[type=file] {
        padding: .7rem 1.1rem;
        font-size: 16px;
    }

    .upi_info>small {
        margin: 0;
    }

    .upi_qr {
        width: 92px;
        height: 92px;
    }

    .upi_qr canvas {
        width: 90px !important;
        height: 90px !important;
        padding: 8px;
        border-radius: 7px;
        background: #fff;
        border: 1px solid #000000;
    }

    .pymt_mainbbar {
        border-radius: 0;
    }


    .pymt_rem {
        padding-bottom: 86px;
        min-height: calc(100vh - 70px);
    }



    /* deposit page css */

    .df_row {
        max-width: 400px;
        padding: 20px 0 40px;
    }

    .d_page.history_page.deposit_wrapper {
        padding-top: 20px;
    }

    .d_page.history_page h6 {
        margin-bottom: 18px;
        font-size: 15px;
    }

    .rct_row {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 8px;
    }

    .list_col {
        padding: 4px 0 4px;
        width: 100%;
    }

    .list_span {
        justify-content: space-between;
        font-size: 12px;
    }

    .list_row {
        border-bottom: 1px solid #7e7e7e3b;
        border-radius: 0;
        margin-bottom: 11px;
    }

    .df_col {
        padding-left: 30px;
    }

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

    span.df_step {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .df_col em {
        top: 1px;
    }

    .deposit_wrapper .Markets h5 {
        font-weight: 700;
        font-size: 18px;
    }

    .custom_list.rct_list {
        margin-top: 10px;
    }

    .cl_top .searchBar.custom-tabs {
        margin-top: 0 !important;
    }




    .nc_btns a img {
        max-width: 120px;

    }

    .h_app_sec .qr_body img.qrc_img {
        max-width: 92px;
        width: 92px;
        padding: 3px;
    }


    .ticket_page_wrapper .hd_innre .btn {
        padding: 0 0 !important;
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .ticket_page_wrapper .hd_innre {
        margin-bottom: 18px;
    }

    .ticket_page_wrapper ul.nav.custom-tabs li {
        width: 50%;
        text-align: center;
    }

    .ticket_page_wrapper ul.nav.custom-tabs li span {
        width: 100%;
    }

    .custom-tabs li a,
    .custom-tabs li>* {
        padding: 11px 25px;
        font-size: 13px;
    }

    .ticket_page_wrapper ul.nav.custom-tabs {
        width: 100%;
    }


    .market_swiper .swiper-slide {
        width: 90%;
        max-width: 415px;
    }

    .g_start_card.row_two {
        margin-top: 20px;
    }

    .g_start_card.row_two .g_start {
        margin-bottom: 0;
    }

    .cn_title h6 {
        margin-bottom: 0 !important;
        font-size: 15px;
    }

    .cn_title p {
        margin: 3px 0 0;
        font-size: 11px;
        display: flex;
    }

    .m_account .d_u_p {
        margin-bottom: 10px;
    }


    .g_start {
        margin: 0 0 15px;
    }


    .ml_st_row {
        /* gap: 17px; */
        /* white-space: nowrap; */
        /* overflow-x: auto; */
        flex-direction: column;
    }

    .ml_st_row::-webkit-scrollbar {
        height: 0;
    }

    .ml_st_col {
        /* width: 300px; */
        /* max-width: 300px; */
        /* min-width: 300px; */
        width: 100%;
        max-width: 100%;
        padding-left: 40px;
        padding-bottom: 30px;
    }

    .mt_tk_status {
        margin-top: 20px;
    }

    .mtrs_code * {
        white-space: pre-wrap;
    }

    .mtrs_col.col_full p {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.5;
    }


    .ml_st_col .ml_st_col_label a {
        display: flex !important;
        margin-left: -40px !important;
        display: inline-block;
        align-items: center;
        gap: 14px;
    }

    .ml_st_col .form-stepper-circle {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 0;
        line-height: 25px;
        text-align: center;
        background: rgb(229 229 229);
        border-radius: 50%;
        position: relative;
        z-index: 1;
        font-size: 12px;
        color: #000;
        font-weight: 600;
    }

    html[data-theme='dark'] .ml_st_col .form-stepper-circle {
        background: rgb(68 68 68);
        color: #ffffff;
    }

    .ml_st_col .label {
        padding-bottom: 0;
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .ml_st_col {
        position: relative;
    }

    .ml_st_col:before {
        position: absolute;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        content: "";
        top: 0;
        width: 1px;
        /* min-width: 272px; */
        position: absolute;
        left: 12px;
        z-index: 0;
        border-left: 1px dashed #dee2e6;
    }

    .ml_st_row {
        gap: 0;
        margin-top: 16px;
    }

    .ml_st_col:last-child::before {
        display: none;
    }

    .ml_st_col:last-child {
        padding-bottom: 10px;
    }











    ul.form-stepper {
        padding: 10px 0 10px;
    }



    ul.form-stepper li a .form-stepper-circle {
        display: inline-block;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .form-stepper .label {
        font-size: 11px;
        margin-top: 0.5rem;
    }

    .mtrs_col {
        font-size: 12px;
        padding: 3px 0;
    }


    section.comp_sec {
        padding-top: 50px;
    }



    .dup_left p {
        font-size: 12px;
        line-height: 1.3;
    }



    /* security checkup css */
    .s_checkup {
        margin-bottom: 0;
    }

    .s_checkup_status {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        gap: 0 !important;
    }

    .s_checkup_status .ud {
        width: 100%;
        padding: 0 0 10px;
        position: relative;
    }

    .s_checkup_status .ud:after {
        content: "";
        width: 1px;
        height: 19px;
        position: absolute;
        background: #959595;
        left: 8px;
        top: 17px;
    }

    .s_checkup_status .ud:last-child::after {
        display: none;
    }

    .dup_left p i {
        position: relative;
        z-index: 3;
        margin-right: 10px !important;
        font-size: 16px;
    }

    .s_checkup_status .ud:last-child {
        padding-bottom: 0;
    }



    /* change password */
    .c_password h6 {
        margin-bottom: 12px;
        display: block;
    }

    .c_password p {
        margin-top: 6px !important;
        line-height: 1.4;
        font-weight: 400;
        font-size: 12px;
    }

    .c_password .slr p {
        margin-top: 0 !important;
        line-height: 1.4;
        font-weight: 400;
        font-size: 14px;
    }

    /* checkup_twofa */
    .checkup_twofa .mt-4.mt-4.p_card {
        background: transparent !important;
        padding: 0;
    }

    .twofa_list h6 {
        font-size: 14px;
    }

    .twofa_list {
        padding: 8px 0;
    }



    /* manage featutres css */
    .switchbox {
        width: 40px;
        height: 22px;
        min-width: 40px;
    }

    .switchbox .slider:before {
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
    }

    .switchbox input:checked+.slider:before {
        -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
        transform: translateX(17px);
    }

    .pr_icon {
        width: 32px;
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        margin-right: 13px;
        font-size: 14px;
    }

    .per_col {
        padding: 17px 14px;
        align-items: start;
        border-radius: 15px;
    }

    .per_col h5 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .per_col h5~p {
        font-size: 12px;
        max-width: 100%;
    }

    /* custom modal css */


    .modal-open-custom .modal-dialog {
        margin: 0;
        border-radius: 0;
        height: 100%;
        max-width: 100%;
    }

    .modal-default.modal-open-custom .modal-dialog {
        margin: var(--bs-modal-margin);
        border-radius: 0;
        height: auto;
        max-width: 100%;
    }

    .modal-default .modal-content {
        border-radius: 18px;
        height: 100%;
    }

    .sec_custom.modal-open-custom .modal-dialog {
        height: auto;
        margin: var(--bs-modal-margin);
    }


    .sec_custom.modal-open-custom .modal-dialog .modal-content {
        border-radius: 0;
        height: 100%;
        border-radius: 18px;
    }

    .sec_custom.modal-open-custom .modal-close {
        right: 1px;
    }

    .sec_custom .modal-body.modal_form {
        max-height: 100%;
        padding: 30px 20px;
        width: 100%;
    }

    .body_title p {
        font-size: 12px;
        line-height: 1.3;
    }


    button.form-control {
        font-size: 14px;
    }


    .g_start.c_password .d_u_p {
        flex-direction: column !important;
        /* gap: 7px; */
    }

    .c_password .slr {
        width: 100%;
        justify-content: space-between;
    }

    .c_password .slr .btn-muted {
        font-size: 12px;
        padding: 9px 25px;
    }

    .modal-content {
        border-radius: 0;
        height: 100%;
    }

    .modal-body.modal_form {
        max-height: calc(100vh - 63px);
        padding: 20px;
        max-width: 500px;
        margin: 0 auto;
    }



    /* orders page filter responsive css  */

    .spot_tabs .custom-tabs.tabs_scroll {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .spot_tabs .custom-tabs.tabs_scroll::-webkit-scrollbar {
        height: 0;
    }

    .spot_tabs .custom-tabs.tabs_scroll li {
        width: auto;
    }

    .spot_tabs .custom-tabs.tabs_scroll li span {
        text-align: center;
        padding: 10px 18px;
        min-width: 80px;
        width: max-content;
    }


    .spot_tabs .custom-tabs {
        display: flex;
        align-items: center;
    }

    .spot_tabs .custom-tabs li {
        width: 33.3333%;
    }

    .spot_tabs .custom-tabs.tabs_half li {
        width: 50%;
    }

    .spot_tabs .custom-tabs li span {
        text-align: center;
        padding: 10px 10px;
        width: 100%;
    }

    .spot_tabs {
        margin-top: 0 !important;
    }

    .flt_search .form-group {
        width: 100%;
    }

    .searchBar.custom-tabs {
        padding: 5px 5px 5px 12px;
    }



    /* filter more */

    .filter-card {
        margin-top: 20px;
    }

    .filter_more {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: #0000005e;
        top: 0;
        left: 0;
        z-index: 10;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
    }

    .more_card {
        background: #fff;
        padding: 20px 20px 30px;
        border-radius: 25px;
        transform: translateY(20px);
        transition: 0.3s;
        opacity: 0;
        margin: 0 auto;
        max-width: 550px;
        width: calc(100% - 20px);
        margin: 0 10px 10px;
    }

    html[data-theme='dark'] .more_card {
        background: #232627;
        backdrop-filter: blur(4px);
    }

    html[data-theme='dark'] .filter_more {
        background: #00000061;
        backdrop-filter: blur(4px);
    }

    .filter_more.active {
        visibility: visible;
        pointer-events: all;
    }

    .filter_more.active .more_card {
        transform: translateY(0);
        opacity: 1;
    }

    .more_card .modal-header h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .more_card .modal-header {
        margin-bottom: 20px;
    }

    .more_card .modal-header i {
        font-size: 16px;
    }

    .more_card .form-group {
        margin-bottom: 8px;
    }

    .more_card .form-group label {
        font-size: 12px;
    }


    .filter-card .btn.export_btn {
        padding: 0 !important;
        width: 38px;
        height: 38px;
        line-height: 1;
        width: 100%;
        font-weight: normal !important;
        font-size: 16px;
    }


    .nofti_l_sec {
        flex-direction: column;
        gap: 11px;
    }

    .notifications__subtitle {
        font-size: 13px;
        line-height: 1.4;
    }

    .notifications__subtitle small {
        font-weight: 500;
    }

    .notifications__date {
        font-size: 13px;
        line-height: 1.4;
    }

    .notifications__date small {
        font-weight: 500;
    }


    /* qp css */

    .qp_head {
        margin-top: 65px;
        border-radius: 25px;
        padding: 15px 20px;
        margin-bottom: 15px;
    }

    .qp_row {
        /* flex-direction: column; */
        /* align-items: self-start; */
        width: 100%;
    }

    .qp_head h2 {
        font-size: 22px;
        font-weight: 800;
    }

    .qp_wrapper.qp_wrapper_send {
        min-height: calc(100vh - 0px);
        padding-top: 1px;
    }

    .qp_head p {
        font-size: 12px;
        margin: 0;
        max-width: 180px;
    }

    .qp_row img {
        max-width: 100px;
    }

    .qp_body {
        padding: 6px 0;
    }

    .sub_title h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .sub_info hr {
        margin: 0;
    }

    .sub_title {
        margin-bottom: 18px;
    }

    .cl_action .btn {
        width: 50%;
    }


    .cl_action {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 0;
        width: 100%;
    }

    .sub_info {
        width: 100%;
    }

    .cl_action .btn {
        width: 50%;
        max-width: fit-content;
        margin-left: auto;
    }

    .cla_main {
        gap: 10px;
    }

    .cla_main.cl_action .btn {
        width: 50%;
        max-width: 50%;
    }

    .qp_wrapper_send .sub_body #progressbar {
        margin-top: 0;
        margin-bottom: 0;
    }

    .qp_body .form-card {
        margin: 22px 0;
    }

    .sub_info {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 13px;
        font-weight: 500;
    }

    .qp_sub_head {
        padding-bottom: 20px;
        margin-bottom: 12px;
    }

    .qp_body .Markets h5 small {
        font-size: 15px;
        font-weight: 600;
    }

    .qp_others {
        margin-top: 30px;
    }

    .nsb_container::-webkit-scrollbar {
        width: 0;
    }

    .m_scroll {
        display: block !important;
        overflow-x: auto;
        white-space: nowrap;
    }

    .m_scroll::-webkit-scrollbar {
        height: 0;
    }

    .m_scroll li {
        display: inline-block;
    }



    .tip_ul li {
        font-size: 12px;
    }

    .tip_ul h6 {
        font-size: 14px;
        margin-bottom: 6px;
        margin-top: 20px;
        display: block;
    }

    .tip_ul li i {
        font-size: 15px;
        margin-right: 6px;
    }




    /* no internet */
    .no_int_card {
        flex-direction: column;
    }

    .no_int_card h6 {
        line-height: 1.5;
        font-size: 16px;
    }



    /*  */
    .dd_avl {
        padding: 14px 10px;
    }

    .dcp_options.widr_optns .dc-col {
        overflow-y: auto;
        max-height: 500px;
        padding: 0 3px;
    }

    .dd_mid {
        padding: 30px 20px;
    }


    /*  */

    .ft_accordian {
        padding: 4.5px 0;
    }

    .ft_accordian i {
        display: block;

    }

    .site-footer-title {
        font-size: 14px;
    }

    .dt_collapse.collapse:not(.show) {
        display: none;
    }

    .dt_collapse.collapsing {
        height: 0;
    }



    /* c-pin wwrapper */

    .cpin_wrapper .home_section {
        flex-direction: column;
    }

    .celc {
        width: 100%;
        height: auto;
        padding: 20px;
        padding-bottom: 0;
        position: unset;
        overflow: unset;
    }

    .cw_body>img {
        max-width: 160px;
    }

    .celc .apk_img {
        /* position: unset; */
        left: auto;
        bottom: -25px;
        transform: scale(1);
        right: 0;
        /* max-width: 272px; */
    }

    .celc .cw_body {
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: space-between;
    }

    .cpin_wrapper .hero-section {
        padding-top: 0;
        margin-top: 45px;
        height: calc(100vh - 67px);
        align-items: start;
        overflow-y: auto;
        padding: 0 15px;
    }

    .cpin_wrapper .hero-section::-webkit-scrollbar {
        width: 0;
    }

    .cpin_wrapper .st_title {
        margin-bottom: 18px;
    }

    .cpin_hero_sec.hero_card {
        height: unset;
        width: 100%;
        padding: 30px 15px;
        margin: 0 auto;
        align-items: flex-start;
    }



    .cpin_hero_sec .st_card .st_title h3 {
        text-align: start;
        font-size: 20px;
    }

    .cpin_hero_sec .st_card .st_title p {
        text-align: start;
        font-size: 13px;
    }

    .cp_st_1 {
        text-align: left;
    }




    /* otp modal */

    .otp_modal .modal-body {
        padding: 25px;
    }

    .otp_title h4 {
        font-size: 20px;
    }


    /* login anim */

    .signup_anim svg {
        max-width: 80%;
    }

    .signup_anim .entity_anim {
        margin-top: -40px !important;
    }



    .stpe_tracker .step_1,
    .stpe_tracker .step_2 {
        padding-left: 25px;
        margin-left: 8px;
    }

    .tracker_number {
        width: 16px;
        height: 16px;
        left: -8px;
        font-size: 9px;
    }



    .doc_step .accordion-header>span {
        width: 18px;
        height: 18px;
        font-size: 10px;
        border-radius: 18px;
        min-width: 18px;
        top: 3px;
    }

    .doc_step {
        padding-left: 32px;
    }

    .doc_step::before {
        left: 8px;
    }

    .doc_step .accordion-header {
        padding-bottom: 20px;
    }

    .btn-lg {
        font-size: 14px;
        padding: 14px 24px !important;
    }

    .form-card.dfc .btn {
        max-width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .form-card.dfc .btn span {
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .vc_card_upl .lc_img img {
        max-width: 270px;
        margin: 24px auto;
    }

    .vid_wrapper {
        max-width: 100%;
        margin-left: auto;
    }

    .vid_body {
        position: relative;
        overflow: hidden;
    }

    .vid_body .doc_row {
        max-width: calc(100% - 20px);
    }

    .vid_mockup {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 14px;
    }

    .vid_box video {
        margin-bottom: -7px !important;
        max-height: -webkit-fill-available;
        width: 100% !important;
        max-width: 100% !important;
    }

    .vid_body .dropdown {
        position: absolute;
        top: 18px;
        right: 12px;
    }

    .vid_box .file_uploaded.file_uploading {
        max-width: 100%;
        min-height: 150px;
    }


    .vid_mockup .dropdown-menu {
        right: -10px !important;
    }

    .dropdown-menu:before {
        right: 14px !important;
    }

    .vid_box {
        border-radius: 14px;
    }












    /* ero */

    .bc_card {
        box-shadow: rgb(213 213 213 / 25%) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 29px -32px;
    }

    .bc_card .tab-content .tab-pane {
        position: unset;
        overflow: unset;
    }

    .popup_inset {
        position: fixed;
        top: 0;
        left: 0;
    }

    .qbs_up .qbs_swiper .swiper-wrapper,
    .qbs_down .qbs_swiper .swiper-wrapper {
        padding: 0 !important;
        height: unset;
        overflow: unset !important;
    }

    .af_wrapper {
        padding-bottom: 0;
    }

    .cont_card,
    .cont_card.hero_card {
        padding: 0 !important;
        box-shadow: none;
        overflow: unset !important;
        background: transparent !important;
    }

    .qbs_up .qbs_swiper {
        padding-bottom: 0 !important;
        overflow: unset !important;
    }

    .qbs_down .qbs_swiper {
        padding-top: 0 !important;
        overflow: unset;
    }

    .mid_row {
        padding: 16px 0;
    }

    .cont .card_header_title {
        display: none;
    }

    .mbs_tabs {
        padding: 0 0 0;
        border-bottom: 1px solid #cbcbcb70;
        margin-bottom: 20px;
    }

    .qbs_card * {
        font-size: 10px !important;
    }

    .mbs_row {
        padding: 0 20px;
        margin-top: 20px;
    }

    .mbs_row .card_header_title {
        height: unset;
        line-height: 1.4;
        font-weight: 700;
        opacity: 0.6;
        padding: 12px 0;
        font-size: 15px;
    }

    .mbs_row .card_header_title:before {
        width: 100%;
        bottom: -1px;
    }

    .mbs_row .card_header_title.active {
        opacity: 1;
    }

    .qbs_card span {
        width: 18%;
    }

    .qbs_card p {
        width: 30%;
    }

    .hero_card .qbs_card h5,
    .qbs_card h5 {
        width: 30%;
    }

    .qbs_card h6 {
        width: 22%;
        gap: 4px;
    }

    .flag_buy,
    .flag_sell {
        width: 6px;
        height: 6px;
        max-width: 6px;
        border-radius: 7px;
        width: 6px !important;
    }


    .buy_sell_sec .treade_card_header ul li.buysell-tab {
        width: 33.333333% !important;
        text-align: center;
        max-width: 33.333333% !important;
    }

    .buy_sell_sec .treade_card_header ul li.buysell-tab span {
        width: 100%;
    }


    .treade_card_tabs {
        display: none;
    }

    .treade_card_tabs.active {
        display: block;
    }










}