@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 ::after,
 ::before {
     box-sizing: border-box
 }

 select option {
     background-color: #14243c;
 }


 li {
     list-style: none;
 }

 body {
     font-family: "Poppins", sans-serif;
     line-height: 1.6;
     background-color: #001331;
     margin: 0;
     font-size: 14px;
     font-weight: 400;
     color: #ffffff;
     letter-spacing: 0.4px;
 }

 .ttu {
     text-transform: uppercase;
 }

 a {
     color: #f6ca23;
     text-decoration: none;
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem
 }

 .lh30 {
     line-height: 30px;
 }

 ol,
 ul {
     padding-left: 0;
 }

 .btn {
     font-weight: 400;
     font-size: 14px;
 }

 .h25 {
     height: 25px;
 }

 .btn_border_white {
     border: 1px solid hsl(0deg 0% 100% / 25%);
     background: transparent;
     color: #ffffff;
 }

 ::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: #000;
 }

 ::-webkit-scrollbar {
     width: 8px;
     border-radius: 10px;
     background-color: #000;
 }

 ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color: #f6ca23;
 }

 .navbar-brand img {
     height: 48px;
 }

 .navbar .btn2 {
     padding: 6px 18px;
 }

 .hero {
     /*  background-image: url(../img/hbg.png); background-size: cover;*/
     padding-top: 20px;
 }

 .hero_box h1 span {
     background: linear-gradient(270deg, #e4c73e 0%, #0161fe 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .hero_box h1 {
     color: #fff;
     font-weight: 700;
     font-size: 50px;
 }

 .fw200 {
     font-weight: 200;
 }

 .fw600 {
     font-weight: 600;
 }

 .navbar {
     background: transparent;
     width: 100%;
     z-index: 1;
 }

 .navbar-collapse li a {
     color: #fff;
     margin: 0 10px;
 }

 .navbar-collapse li a:hover,
 .navbar-collapse li a.active,
  .navbar-collapse li a:focus{
     color: #f6ca23 !important;
 }


 .hadding {
     font-size: 35px;
     font-weight: 600;
 }

 .btn2 {
     background: #e6ca3f;
     padding: 10px 20px;
     border: 1px solid #e6ca3f;
     color: #000;
 }

 .btn_icon {
     padding: 2px 10px;
     font-size: 22px;
 }

 .btn2:hover,
 .btn2:focus {
     background: #f5e07c;
     border: 1px solid #f5e07c;
     color: #000;
 }

 .btn2_border {
     border: 1px solid #e6ca3f;
     background: transparent;
     color: #e6ca3f;
 }

 .p80 {
     padding: 70px 0;
 }

 .empowering {
     background: #e6ca3f;
     background: linear-gradient(270deg, #e4c73e 0%, #0161fe 100%);
 }

 .empowering_box {
     padding: 20px;
     border-radius: 20px;
     background: hsl(0deg 0% 0% / 20%);
 }

 .bg15 {
     border-radius: 15px;
 }

 .color_p {
     color: #c7c7c7;
 }

 .pgl {
     line-height: 25px;
 }

 .What_list_t li {
     align-items: center;
     display: flex;
     margin-bottom: 20px;
     font-size: 14px;
 }

 .What_list_t li img {
     height: 40px;
     margin-right: 20px;
 }

 .services_box img {
     height: 100px;
     margin-bottom: 20px;
 }

 .services_box {
     background: linear-gradient(230deg, hsl(50deg 75% 57% / 10%) 0%, hsl(217deg 99% 50% / 10%) 100%);
     padding: 50px 40px 45px 45px;
     transition: all 0.9s ease-in-out !important;
     border-radius: 20px;
     position: relative;
     z-index: 1;
     height: 100%;
 }

 .circleImg {
     border: 2px solid #f6ca23;
     border-radius: 50%;
     height: 70px;
     overflow: hidden;
     width: 70px;
 }

 .card2 {
     background: hsl(0deg 0% 100% / 6%);
     border-radius: 20px;
     padding-top: 30px;
     border: 1px solid hsl(0deg 0% 100% / 18%);
 }

 .f-12 {
     font-size: .75rem;
 }

 .greenView {
     border: 1px solid #f6ca23;
     border-radius: 8px;
     color: #efc122;
     padding: 6px 15px;
     font-weight: 700;
     font-size: 16px;
 }

 .w100 {
     width: 100%;
 }

 .f-16 {
     font-size: 1rem;
 }

 .app_in_box {
     background: #e7cb48;
     border-radius: 40px;
     font-size: 20px;
     padding: 50px;
     background: linear-gradient(270deg, #e4c73e 0%, #0161fe 100%);
 }

 .hadding .big {
     font-size: 50px;
 }

 .faq .card {
     background: transparent;
     border: 0;

     margin-bottom: 20px;
     border-radius: 0;
     border-bottom: 1px solid hsl(0deg 0% 100% / 25%);
 }

 .faq .card-header {
     padding: 12px 25px 12px 0;
 }

 .faq .card-header a {
     color: #fff;
     font-weight: 400;
     font-size: 16px;
 }

 .faq .card-body {
     color: #c7c7c7;
     padding: 0 25px 20px 0;
 }

 .faq .card-header a:after {
     content: "\F282";
     font-family: bootstrap-icons !important;
     transition: transform .3s;
     display: block;
     transform: rotate(180deg);
     position: absolute;
     right: 20px;
     top: 15px;
 }

 .faq .card-header a.collapsed:after {
     transform: rotate(0deg);
 }

.social_icon a {
    color: #fff;
    font-size: 30px;
    margin-right: 20px;
}
 .footer_logo {
     height: 60px;
 }

 .footer_manu li {
     margin-bottom: 8px;
 }

 .footer_manu li a {
     color: #fff;
     margin-right: 10px;
 }

 .footer_manu li a:hover {
     color: #f6ca23;
 }

 .footer .contact li {
     display: flex;
 }

 .footer .contact li i {
     margin-right: 10px;
 }

 .faq {
     background-image: url(../img/hbg.png);
 }

 .footer {
     font-weight: 200;
     padding: 60px 0 0;
 }

 .footer h5 {
     margin-bottom: 20px;
 }

 .trading_icon {
     position: absolute;
     top: 28%;
     left: 8px;
     width: 100px;
 }

 .banner-element-ten {
     animation: jumping 5s linear .05s infinite alternate;
 }


 @keyframes jumping {
     0% {
         transform: translateY(5px);
     }

     100% {
         transform: translateY(40px);
     }
 }

 @keyframes zoominoutsinglefeatured {
     0% {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     50% {
         -webkit-transform: scale(1.2, 1.2);
         transform: scale(1.2, 1.2);
     }

     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }
 }



 .loginsection {
     padding: 70px 0;
     border-top: 1px solid #404e65;
     border-bottom: 1px solid #404e65;
 }

 .br20 {
     border-radius: 20px;
 }

 .login_box {
     background: hsl(0deg 0% 100% / 7%);
     max-width: 900px;
     margin: auto;
     border-radius: 10px;
     box-shadow: -15px 15px 25px hsl(0deg 0% 0% / 05%);
 }

 .login_left {
     background: #0663fe;
     color: #fff;
     border-radius: 10px 0 0 10px;
 }

 .login_left .btn {
     border: 1px solid #fff;
     color: #fff;
     padding: 8px 25px;
 }

 .eye1 {
     right: 13px;
     top: 5px;
     font-size: 18px;
 }

 label {
     margin-bottom: 5px;
 }

 .form-control {
     padding: .6rem .75rem;
     font-size: 13px;
     width: 100% !important;
     font-weight: 300;
     background: transparent;
     color: #fff;
     border: 1px solid hsl(0deg 0% 100% / 25%);
 }

 .verification_btn {
     right: 0;
     top: 0;
     bottom: 0;
 }

 .form-check-input {
     border: var(--bs-border-width) solid #898989;
 }

 .tab-btn {
     padding: 4px;
     border-radius: 10px;
     background: #122440;
     border: 1px solid #0663fe;
 }

 .tab-btn .btn {
     padding: 5px 20px;
 }

 .tab-btn .btn.active {
     border: 1px solid #0663fe;
     background: #0663fe;
     color: #ffffff;
 }

 .password__show:hover {
     cursor: pointer;
 }

 .react-tel-input .country-list {
     background: #21395e !important;
 }

 .react-tel-input .country-list .search {
     background: #21395e !important;

 }

 .react-tel-input .country-list .country:hover {
     background-color: #e6ca3f !important;
     color: #000 !important;
 }

 .react-tel-input .country-list .country.highlight {
     background-color: #e6ca3f !important;
     color: #000 !important;
 }

 .das_box {
     background: hsl(0deg 0% 100% / 5%);
     border-radius: 10px;
     overflow: hidden;
     box-shadow: -15px 15px 25px hsl(0deg 0% 0% / 05%);
 }

 .in_page {
     padding: 40px 0 70px;
     border-top: 1px solid hsl(0deg 0% 100% / 14%);
     border-bottom: 1px solid hsl(0deg 0% 100% / 14%);
 }

 .d_box1 {
     background: #e6ca3f;
     border-radius: 20px;
     padding: 1px;
 }

 .d_box2 {
     background: hsl(216.73deg 100% 9.61%);
     border-radius: 20px;
 }

 .d_logo {
     width: 50px;
     height: 50px;
 }

 .d_top small {
     font-size: 10px;
     line-height: 14px;
     display: inline-block;
 }

 .d_top .btn2 {
     padding: 10px 10px;
     background: #001331;
     color: #e6ca3f;
     border-radius: 10px;
 }

 .d_top {
     padding: 10px;
     color: #000;
 }

 .d_border {
     border: 1px solid hsl(0deg 0% 100% / 33%);
     padding: 5px;
     border-radius: 5px;
 }

 .small1 {
     font-size: 9px;
 }

 .d_trtr {
     display: flex;
     flex-direction: column;
     gap: 0;
     border-radius: 5px;
     border: 1px solid rgb(255 255 255 / 26%);
     overflow: hidden;
     font-size: 12px;
 }

 .d_trtr1 {
     display: flex;
     gap: 0;
     align-items: center;
     width: 100%;
 }

 .d_trtr4 {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 4px;
     margin: 8px 0 4px;
 }

 .d_trtr p {
     margin: 0;
 }

 .d_trtr1 p {
     background: #0762f9;
     padding: 2px 4px;
     text-align: center; border-radius: 5px 0 0 5px; margin: 0;
 }

 .d_trtr1 p.d_trtr3 {
     padding: 2px 4px;
     background: #e6ca3f;
     color: #000; border-radius:0 5px 5px 0;
 }

 .topstrategies_roi_div__dyLhR>.topstrategies_table__1NGhs {
     display: flex;
     justify-content: space-around;
     text-align: center;
     flex-wrap: wrap;
     gap: 0;
 }

 .topstrategies_roi_div__dyLhR .toit {
     display: flex;
     align-items: center;
     gap: 4px;
     width: 100%;
 }

 .topstrategies_roi_div__dyLhR .toit>p:not(:nth-child(2)) {
     height: .89px;
     flex: 1 1;
     background-color: #a7a9c2;
 }

 .topstrategies_roi_div__dyLhR .toit>p:nth-child(2) {
     border-radius: 4.449px;
     background: #e6ca3f;
     color: #001331;
     text-align: center;
     font-family: Source Sans Pro;
     font-size: 12.098px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
     padding: 0 4px;
 }

 .topstrategies_roi_div__dyLhR .toit>p:not(:nth-child(2)) {
     height: .89px;
     flex: 1 1;
     background-color: hsl(0deg 0% 100% / 16%);
 }

 .topstrategies_roi_div__dyLhR>.topstrategies_table__1NGhs {
     display: flex;
     justify-content: space-around;
     text-align: center;
     flex-wrap: wrap;
     gap: 0;
 }

 .topstrategies_roi_div__dyLhR .topstrategies_td__oEDZx {
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: calc(33.33% - 10px);
     max-width: 33.33%;
     border-radius: 6.687px;
     border: .669px solid #ffffff2e;
     background: rgb(255 255 255 / 11%);
     box-shadow: -3.344px 5.851px 7.523px 0 rgb(230 202 63 / 20%);
     display: flex;
     padding: 2.508px 6.687px;
     justify-content: center;
     align-items: center;
     gap: 6.687px;
     margin: 4px;
 }

 .topstrategies_roi_div__dyLhR .taa {
     font-size: 10px;
     font-style: normal;
     font-weight: 500;
 }

 .topstrategies_roi_div__dyLhR .tbb {
     color: #3dd98e;
     font-family: Source Sans Pro;
     font-size: 13px;
     font-style: normal;
     font-weight: 600;
 }

 .topstrategies_table__1NGhs p {
     margin: 0;
 }

 .color2 {
     color: #3dd98e;
 }

 .tab_button button {
     padding: 6px 25px;
     background: transparent;
     border: 0;
     color: #e6ca3f;
     border-radius: 8px;
     font-size: 16px;
 }

 .tab_button {
     border: 1px solid #f6ca23;
     border-radius: 10px;
     color: #efc122;
     padding: 4px;
 }

 .tab_button button.active {
     background: #e6ca3f;
     color: #000;
 }

 .w250 {
     width: 230px;
 }

 .w18_p {
     width: 20%;
     padding-right: 3%;
 }

 .w38_p {
     width: 390px;
     min-width: 390px;
     padding-right: 4%;
 }

 .hr0_5 {
     margin: 0.5rem 0;
 }

 .profile_box {
     background: linear-gradient(270deg, #e4c73e 0%, #0161fe 100%);
     padding: 20px;
     border-radius: 25px;
 }

 .profile_img {
     width: 100px;
     height: 100px;
     border-radius: 100%;
     border: 2px solid #fff;
 }

 .photo_upload {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 35px;
     height: 35px;
     background: #ffffff;
     color: #000;
     border-radius: 100%;
     line-height: 35px;
     font-size: 20px;
     cursor: pointer;
     text-align: center;
 }

 body .react-confirm-alert-overlay {
     background: hsl(216.73deg 100% 9.61% / 87%);
 }

 body .react-confirm-alert-body {
     width: 400px;
     background: #e6ca3f;
     color: #000000;

 }

 body .react-confirm-alert-body h1 {
     font-size: 1.6rem;
 }

 body .react-confirm-alert-button-group>button {
     background: #001331;
     color: #e6ca3f;
 }

 input:-internal-autofill-selected {
     appearance: menulist-button;
     background-image: none !important;
     background-color: transparent !important;
     color: fieldtext !important;
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
     border: 1px solid #434346;
     -webkit-text-fill-color: #F1F1F1;
     transition: background-color 5000s ease-in-out 0s;
 }

 body .react-tel-input .form-control {
     background: transparent;
     border: 1px solid #4a576d;
     height: 40px;
 }

 body .react-tel-input .flag-dropdown {
     background-color: transparent;
     border: 1px solid #4a576d;
 }

 body .react-tel-input .selected-flag:hover,
 body .react-tel-input .selected-flag:focus {
     background-color: hsl(0deg 0% 100% / 6%);
 }

 body .react-tel-input .selected-flag .arrow {
     border-top: 4px solid #adadad;
 }

 body .react-tel-input .flag-dropdown.open .selected-flag {
     background: rgb(20 44 82);
 }

 body .react-tel-input .country-list .search-box {
     border: 1px solid #73839d;
     background: transparent;
     color: #fff;
 }

 body .react-tel-input .country-list .country .dial-code {
     color: #a1a1a1;
 }

 body .react-tel-input .selected-flag .arrow.up {
     border-bottom: 4px solid #d5d5d5;
 }

 body .react-tel-input .flag-dropdown.open {
     background: transparent;
 }

 .navbar-toggler {
     font-size: 40px;
     color: #fff;
 }

 body .react-tel-input .country-list .country:hover .dial-code {
     color: #1e1e1e;
 }

 .profile_left {
     background: hsl(0deg 0% 100% / 7%);
     border-radius: 25px;
 }

 .prifile_manu li a {
     padding: 10px;
     border-radius: 10px;
     color: #fff;
     box-shadow: 3px 2px 8px hsl(0deg 0% 100% / 25%);
 }

 .prifile_manu li a.active {
     background: #4cb145;
 }

 .prifile_manu li a .fs20 {
     font-size: 20px;
 }

 .prifile_manu li {
     margin-bottom: 10px;
 }

 .prifile_manu li a .bi-chevron-right {
     color: #e6ca3f;
 }

 .stepper-wrapper {
     margin-top: auto;
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .ag-menu .ag-menu-option {
     color: #fff;
 }

 .ag-header-cell-resize::after {
     background-color: #fff;

 }

 .ag-row {
     background-color: transparent;
     color: #fff;
 }

 .check-sub {
     position: absolute;
     top: 30px;
     right: 18px;
     font-size: 23px;
 }

 .check-ex {
     position: absolute;
     top: 32px;
     right: 18px;
     font-size: 23px;
 }

 .sub-code {
     align-items: end;
     display: flex;
     margin-bottom: 5px;
 }

 .api-field {
     padding: 20px;
     border-radius: 10px;
     background: hsl(0deg 0% 100% / 8%);
     margin-bottom: 10px;
 }

 .api-field h5 {
     text-align: center;
 }

 .ex-api {
     padding: 20px;
     border-radius: 10px;
     background: hsl(0deg 0% 100% / 8%);
     margin-bottom: 10opx;
 }

 .pair-price {
     padding: 16px;
     background: #e6ca3f;
     border-radius: 16px;
     color: #000;
 }

 .pair-price h4 {
     font-weight: 600;
     font-size: 28px;
 }

 .pair-price p {
     font-size: 20px;
 }

 .trade-history {
     border: 4px solid #e6ca3f;
     border-radius: 14px;
     padding: 10px;
 }

 .trade-history h4 {
     font-weight: 800;
     font-size: 29px;
     color: #e6ca3f;
 }

 .his-tab {
     border: 1px solid #e6ca3f;
     border-radius: 5px;
     padding: 4px 10px;
     background: transparent;
     color: #e6ca3f;
     margin-right: 15px;
 }

 .his-tab.active {
     border: 1px solid #e6ca3f;
     background: #e6ca3f;
     color: #000;
 }

 .modal-content {
     color: #fff;
     background: #2b4874;
     display: block;
 }

 .password-group {
     position: relative;
 }

 .password-group input {
     padding-right: 30px;
 }

 .password-group .eye-icon {
     position: absolute;
     top: 8px;
     right: 7px;
 }

 .sick-days-warning {
     background-color: #cc693344;
 }

 .sick-days-breach {
     background-color: #a2f58144;
 }
 .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.drop-inpu{
    width: 1% !important;
}
.in-drop{
    background: #001331;
}
.disclaimer {
    border: 1px solid hsl(0deg 0% 100% / 22%);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    background: hsl(0deg 0% 100% / 8%);
}
.ex-api-inner-action{
    display: flex;
    justify-content: space-between;
}
.ex-api-inner-action button:hover{
  cursor: pointer;
}
.del-span{background: red;
    padding: 5px 7px;
    border-radius: 8px;
    font-size: 17px;
    color: #fff;
    border: none;
}

.ed-span{background: green;
    padding: 5px 7px;
    border-radius: 8px;
    font-size: 17px;
    color: #fff;
    border: none;
}

 .stepper-item {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1;

     @media (max-width: 768px) {
         font-size: 12px;
     }
 }

 .stepper-item::before {
     position: absolute;
     content: "";
     border-bottom: 2px solid #ccc;
     width: 100%;
     top: 13px;
     left: -50%;
     z-index: 2;
 }

 .stepper-item::after {
     position: absolute;
     content: "";
     border-bottom: 2px solid #ccc;
     width: 100%;
     top: 13px;
     left: 50%;
     z-index: 2;
 }

 .stepper-item .step-counter {
     position: relative;
     z-index: 5;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background: #ccc;
     margin-bottom: 6px;
 }



 .stepper-item.completed .step-counter {
     background-color: #4bb543;
 }

 .stepper-item.completed::after {
     position: absolute;
     content: "";
     border-bottom: 2px solid #4bb543;
     width: 100%;
     top: 13px;
     left: 50%;
     z-index: 3;
 }

 .stepper-item:first-child::before {
     content: none;
 }

 .stepper-item:last-child::after {
     content: none;
 }

 .h-img {
     height: 35px;
     width: 35px;
     object-fit: cover;
 }

 .bi-copy:hover {
     cursor: pointer;
 }

 .dropdown-menu[data-bs-popper] {
     background: #112a50;
 }

 .dropdown-menu {
     font-size: 13px;
 }

 .dropdown-divider {
     border-top: 1px solid rgb(255 255 255 / 18%);
 }

 .dropdown-item:focus,
 .dropdown-item:hover {
     background-color: hsl(210deg 17% 98% / 5%);
 }

 .wallet_box {
     background: linear-gradient(270deg, #e4c73e 0%, #0161fe 100%);
     padding: 20px;
     border-radius: 15px;
 }

 .wallet_img {
     height: 120px;
 }

 .eye_pass input {
     padding-right: 40px;
 }

 .referral-box {
     border: 1px solid hsl(0deg 0% 100% / 26%);
     padding: 20px;
     border-radius: 10px;
 }

 .referralUrl {
     word-wrap: break-word;
 }

 .h100 {
     height: 100%;
 }

 .m_mb_table {
     margin-bottom: -50px;
 }

 .ag-chart,
 .ag-dnd-ghost,
 .ag-popup,
 .ag-root-wrapper {
     background-color: #122440;
     color: #ffffff;
 }

 .ag-header {
     background-color: #1d355a;
 }

 .ag-header {
     color: #ffffff;
 }

 :where(input.ag-input-field-input:not([type]), input.ag-input-field-input[type=text], input.ag-input-field-input[type=number], input.ag-input-field-input[type=tel], input.ag-input-field-input[type=date], input.ag-input-field-input[type=datetime-local], textarea.ag-input-field-input) {
     background-color: #122440;
     color: #ffffff;
 }

 .ag-picker-field-wrapper {
     background-color: #122440;
     color: #ffffff;
 }

 .ag-picker-field-wrapper {
     background-color: #122440;
     color: #ffffff;
 }

 .ag-menu {
     background-color: #273e60;
 }

 body .ag-picker-has-focus {
     background-color: #122440;
     border-color: #122440;
     color: #ffffff;
 }

 .min_70vh {
     min-height: 70vh;
 }

 

 .box2 {
     background: hsl(0deg 0% 100% / 7%);
     border-radius: 25px;
     overflow: hidden;
     box-shadow: -15px 15px 25px hsl(0deg 0% 0% / 05%);
 }

 .dollar_icon {
     top: 4%;
     position: absolute;
     font-size: 100px;
     right: 15px;
     opacity: 0.2;
     line-height: 100px;
 }

 .buy_sell button {
     padding: 7px;
     border-radius: 8px 0 0 8px;
     background: transparent;
     color: #fff;
     border: 1px solid;
     font-size: 16px;
     width: 100%;
     text-align: center;
     cursor: pointer;
 }

 .buy_sell button:last-child {
     border-radius: 0 8px 8px 0;
 }

 .buy_sell .buy_tab {
     border-color: #14ad63;
 }

 .buy_sell .buy_tab.active {
     background: #14ad63;
 }

 .buy_sell .sell_tab {
     border-color: #f33939;
 }

 .buy_sell .sell_tab.active {
     background: #f33939;
 }


 .buy_btn {
     background: #14ad63;
     padding: 10px 20px;
     border: 1px solid #14ad63;
     color: #fff;
 }

 .sell_btn {
     background: #f33939;
     padding: 10px 20px;
     border: 1px solid #f33939;
     color: #fff
 }

 .line_tab {
     border-bottom: 2px solid hsl(0deg 0% 100% / 15%);
 }

 .line_tab .b-tab {
     border: 0;
     border-bottom: 3px transparent;
     padding: 8px 10px;
     margin: 0 15px -2px 0px;
     background: transparent;
     color: #fff;
     font-size: 17px;
 }

 .line_tab .b-tab.active {
     border-bottom: 3px solid #e6ca3f;
     color: #e6ca3f;
 }

 .ag-menu-separator-part:after {
     border-top: 1px solid #355078;
 }
.modal-header {
        border-bottom: 1px solid hsl(0deg 0% 100% / 29%);
    
}
.modal-footer {
        border-top: 1px solid hsl(0deg 0% 100% / 29%);
    
}
.price_d {
    padding: 0px 8px;
    color: #000;
    background: #e6ca3f;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

 @media only screen and (min-width:991px) {
     .trade_history {
         margin-bottom: -44px;
     }
     .w55 {
    width: 55%;
}
 }

 @media only screen and (max-width:767px) {
     .top_right_btn {
         width: 100%;
         justify-content: right;
         background: #03204e; 
         border-radius: 9px; padding: 6px;
     }

     .btn2 {
         padding: 7px 15px;
     }

     .hero_box h1 {
         color: #fff;
         font-weight: 700;
         font-size: 28px;
         line-height: 38px;
     }

     .hero_box h4 br {
         display: none;
     }

     .p80 {
         padding: 35px 0;
     }

     .empowering_box {
         margin-bottom: 20px;
     }

     .hadding {
         font-size: 26px;
     }

     .services_box {
         padding: 20px;
         margin-bottom: 25px;
         height: auto;
     }

     .app_in_box {
         padding: 20px;
         font-size: 16px;

     }

     .hadding .big {
         font-size: 45px;
     }

     .app_in_box .hadding {
         font-size: 20px;
     }

     .gplay_icon {
         height: 38px;
     }

     .footer h5 {
         margin-top: 25px;
     }
     .login_left{ display: none!important;}
.loginsection {
    padding: 30px 0; 
}
.d_top .btn2 {
    padding: 5px 8px; 
}
.ag-paging-panel { 
    gap:4px;     padding: 0 10px;        font-size: 11px;
}
.ag-paging-page-summary-panel { 
    gap:4px;
}
.in_page {
    padding: 20px 0; 
}
.change_p_p .modal-dialog {
    margin: 30% 5% 0;
}
.topstrategies_roi_div__dyLhR .topstrategies_td__oEDZx {
    gap: 4px; 
}
 }