@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* .roboto-<uniquifier> {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  } */


.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 452px);
    background-color: #fff;
    min-height: 600px;
}


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

.logo-container img {
    max-height: 33px;
}

.form-container {
    width: 50%;
    border-left: 1px solid #6B72804D;
    padding: 60px 40px;
}

.logoLeft {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoLeft img {
    max-width: 230px;
}

.form-container h1 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--color2);

}

.form-container p {
    font-family: "Roboto", sans-serif;
    margin-bottom: 32px;
    color: var(--color-p);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.3px;

}

.form-group {
    width: 100%;
    margin-bottom: 15px;
}

.form-group label.checkbox {
    display: block;
    font-family: Roboto, sans-serif;
    margin-bottom: 5px;
    color: #6b7280;
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
}

.form-group label.checkbox input[type="checkbox"] {
    border-radius: 5px;
    width: 24px;
    height: 24px;
    background: var(--input-bg);
    border-color: var(--input-bg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.form-group label.checkbox input[type="checkbox"]:checked:after {
    content: '✔';
    position: absolute;
    left: 0;
    z-index: 9;
    color: #fff;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color1);
    border-radius: 5px;
}

.form-group label.checkbox a {
    color: var(--color1);
    font-size: 11px;
}

.form-group input[type="text"] {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    border: 1px solid var(--input-bg);
    background-color: var(--input-bg);
    padding: 16px;
    border-radius: 16px;
    color: #9CA3AF;
}
.form-group textarea {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    border: 1px solid var(--input-bg);
    background-color: var(--input-bg);
    padding: 16px;
    border-radius: 16px;
    color: #9CA3AF;
}

.form-group select {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    border: 1px solid var(--input-bg);
    background-color: var(--input-bg);
    padding: 16px;
    border-radius: 16px;
    color: #9CA3AF;
}

.form-group input[type="checkbox"] {
    margin-right: 10px;
}

.error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}



.form-container a {
    color: #007bff;
    text-decoration: none;
}

.form-container a:hover {
    text-decoration: underline;
}

.formInnerWrp {
    max-width: 400px;
    margin: 0 auto;
}

.resendBTN {
    font-weight: 500;
    color: #6B7280;
}

.terms-container {
    padding: 70px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 452px);
}

.terms-container h1 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: var(--color2);
    margin-bottom: 20px;
}

.terms-container p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    color: var(--color2);
}

.terms-container a {
    min-width: 250px;
}








/* header */
.page-header {
    padding: 20px 0;
    box-shadow: 0px 8px 28px 0px #4859661A;
    background-color: #fff;
    position: sticky;
    z-index: 99;
}

ul.menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
}

.menu li {
    display: flex;
    display: -webkit-flex;
}

.menu li a {
    color: #6B7280;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.menuWrapper {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    gap: 70px;
    align-items: center;
}

.notificationDropdownContent {
    display: none;
}

.profileDropdownContent {
    display: none;
}

.profileNotifWrp {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    gap: 30px;
}

.profileIcon {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
}

.profileIcon img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.profileNotifWrp .dropdown .dropdown-toggle {
    border: 0;
    padding: 0;
    background: transparent;
}

.profileNotifWrp .dropdown .dropdown-toggle:after {
    display: none;
}

.profileNotifWrp .dropdown .dropdown-toggle {
    border: 0;
    padding: 0;
    background: transparent;
}

.profileNotifWrp .dropdown .dropdown-toggle:after {
    display: none;
}

.profileNotifWrp .dropdown-menu {
    border: 1px solid #F3F4F6;
    border-radius: 16px;
    width: 250px;
    top: 40px !important;
}

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

.profileDropdownContentBody ul li a {
    display: flex;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #E8E8E8;
    color: #002D44;
}

.profileDropdownContentBody ul li:nth-last-child(2) a {
    border-bottom: 0;
}

.profileNotifWrp .dropdown-menu:before {
    content: '';
    position: absolute;
    right: 29px;
    top: -22px;
    background: #e8e8e8;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    width: 22px;
    height: 22px;
    z-index: 0;
    /* transform: rotate(180deg); */
}

.profileNotifWrp .dropdown-menu:after {
    content: '';
    position: absolute;
    right: 30px;
    top: -20px;
    background: white;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    width: 20px;
    height: 20px;
    z-index: 1;
    /* transform: rotate(180deg); */
}

.profileDropdownContentBody ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profileDropdownContentBody ul li a .menuName {
    width: calc(100% - 40px);
}

.profileNotifWrp .dropdown .dropdown-toggle span.icon.icon-notification {
    width: 20px;
    height: 20px;
}

.menu li a:hover {
    color: #002D44;
}

.menu li a:hover .icon {
    filter: brightness(0.6);
}

.authPageWrapper {
    background: #F9FAFB;
    min-height: calc(100vh - 452px);
}

.watchlist_wrapper {
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding: 20px 15px;
}

.page-content {
    background: #F9FAFB;
    min-height: calc(100vh - 452px);
}

.watchlist_search {
    display: flex;
    align-items: center;
    border: 1px solid #979797;
    padding: 6px 15px;
    border-radius: 12px;
    gap: 8px;
    margin-bottom: 25px;
}



.watchlist_search input {
    border: 0;
    outline: none;
    box-shadow: 0 0 0;
    width: calc(100% - 99px);
}

.watchcount {
    color: #9CA3AF;
}

.watchTab_head {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F3F4F6;
}

.watchTab_head ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    gap: 20px;
    width: calc(100% - 60px);
    overflow: auto;
}

.watchTab_head ul li {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    padding: 0 0 10px;
}

.watchTab_head ul li.active {
    font-weight: 700;
    color: #0092FF;
}

.watchTab_head ul li.active:after {
    content: none;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #0092FF;
    width: 40px;
    left: 0;
}

.watchtab_add {
    display: flex;
    display: -webkit-flex;
    /* align-items: center; */
    justify-content: center;
    gap: 10px;
    padding: 3px 0 0;
}

.watchtab_add span {
    cursor: pointer;
}

.watchTab_item {
    padding: 20px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #F3F4F6;
}

.watchTab_item h4 {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    color: #1D3A70;
}

.watchTab_item h6 {
    font-size: 12px;
    font-weight: 500;
    color: #6B7280;
    margin: 0;
}

.watchTab_item h3 {
    font-weight: 700;
    font-size: 16px;
}

.text-green {
    color: #1DAB87 !important;
}

.text-red {
    color: #F35050 !important;
}

.text-blue {
    color: #0092FF !important;
}



.watchTab_body {
    max-height:500px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #002D44 transparent;
}

.watchTab_body::-webkit-scrollbar {
    width: 8px;
}

.watchTab_body::-webkit-scrollbar-track {
    background: transparent;
}

.watchTab_body::-webkit-scrollbar-thumb {
    background-color: #002D44;
    border-radius: 10px;
}


.watchTab_head ul {
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #0092FF transparent;
}

.watchTab_head ul::-webkit-scrollbar {
    width: 8px;
}

.watchTab_head ul::-webkit-scrollbar-track {
    background: transparent;
}

.watchTab_head ul::-webkit-scrollbar-thumb {
    background-color: #0092FF;
    border-radius: 10px;
}

/* Hide scroll arrow buttons */
.watchTab_head ul::-webkit-scrollbar-button {
    display: none;
}

.dashboard_wrapper {
    padding: 40px;
    background: #fff;
}

.dashboard_banner img {
    width: 100%;
    border-radius: 16px;
}

.markeheaing h4 {
    font-weight: 700;
    font-size: 18px;
    color: #002D44;
    margin-bottom: 16px;
}

.marketBox {
    background: #F2F2F2;
    padding: 12px 20px;
    border-radius: 16px;
}

.marketBox h5 {
    font-size: 16px;
    font-weight: 500;
    color: #6B7280;
    margin-bottom: 8px;
}

.marketBox h3 {
    margin-bottom: 8px;
    font-size: 24px;
    margin-bottom: 2px;
}

.marketBox small {
    color: #6B7280;
    font-size: 12px;
}

.markeheaing h4 {
    font-weight: 700;
    font-size: 18px;
    color: #002D44;
    margin-bottom: 16px;
}

.marketBox {
    background: #F2F2F2;
    padding: 12px 20px;
    border-radius: 16px;
}

.marketBox h5 {
    font-size: 16px;
    font-weight: 500;
    color: #6B7280;
    margin-bottom: 8px;
}

.marketBox h3 {
    margin-bottom: 8px;
    font-size: 24px;
    margin-bottom: 2px;
}

.marketBox small {
    color: #6B7280;
    font-size: 12px;
}

.trade_step_wrp {
    background: #F2F2F2;
    padding: 30px 30px;
    border-radius: 16px;
    text-align: center;
}

.trade_step_head h4 {
    color: #002D44;
    font-weight: 400;
    font-size: 16px;
}

.trade_step_item {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #0092FF;
    width: 80px;
    height: 80px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    padding: 0 10px;
}

.trade_step_body {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}

.trade_step_head {
    margin-bottom: 25px;
}


.testimonials-slide-item {
    box-shadow: 0 4px 4px #00000040;
    padding: 15px;
    width: calc(100% - 15px);
    margin: 40px auto 10px;
    border-radius: 16px;
}

.testimonials-slide-item-author-image img {
    margin: -40px auto 10px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 16px;
}

.testimonials-slide-item-content h4 {
    color: #6B7280;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.testimonials-slide-item-content p {
    font-size: 13px;
    color: #6B7280;
}

.dashboard_header h3 {
    font-size: 24px;
    font-weight: 700;
    color: #002D44;
    margin: 0;
}

.table-head-wrp h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
    color: #002D44;
}

.table-margin-wrapper {
    max-width: 360px;
    margin: 0 auto;
    padding: 30px 0;
}

.table-margin-wrapper table.table tr th {
    background: #002D44;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.table-margin-wrapper table.table tr td {
    background: #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #002D44;
}

.table-margin-wrapper table {
    border-radius: 16px;
    overflow: hidden;
    margin: 0;
}

.table-margin-wrapper .table-responsive {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 16px;
}

.modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.watchlist_search.focus .watchcount,
.watchlist_search.focus .watchfilter {
    display: none;
}

.watchlist_search.focus input {
    width: calc(100% - 30px);
}

.watchlist_search_filter {
    margin-bottom: 15px;
    display: flex;
    display: -webkit-flex;
    white-space: nowrap;
    gap: 10px;
    overflow: auto;
}

.watchlist_search_filter span {
    font-size: 12px;
    display: inline-block;
    padding: 0px 10px;
    border: 1px solid #0092FF;
    border-radius: 11px;
    color: #0092FF;
    cursor: pointer;
}

.watchlist_search_item {
    padding: 15px 0px;
    display: flex;
    display: -webkit-flex;
}

.watchlist_search_item_left {
    width: 50px;
}

.watchlist_search_item_left h4 {
    background: #E6E6E6;
    margin: 0;
    color: #084B9A;
    font-size: 10px;
    white-space: nowrap;
    display: flex;
    width: 100%;
    padding: 3px 5px;
    margin-bottom: 5px;
    text-align: center;
    justify-content: center;
}

.watchlist_search_item_left h4.active {
    background: #0092FF;
    color: #fff;
}

.watchlist_search_item_right {
    width: 50px;
    display: flex;
    justify-content: center;
}

.watchlist_search_item_center {
    width: calc(100% - 100px);
    padding: 0 15px;
}

.watchlist_search_item_center h4 {
    font-size: 14px;
    color: #002D44;
    margin-bottom: 9px;
}

.watchlist_search_item_center h6 {
    font-size: 12px;
    color: #6B7280;
}

.watchlist_search_filter span.active {
    color: #fff;
    background: #0092FF;
}

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

.watchlist_filter_head h4 {
    font-size: 16px;
    margin: 0;
    color: #1D3A70;
}

.watchlist_filter_head span {
    font-size: 12px;
    color: #0092FF;
}

.watchlist_filter_head {
    margin-bottom: 15px;
}

.watchlist_filter_item {
    border: 1px solid #0092FF;
    color: #0092FF;
    display: inline-block;
    padding: 6px 16px;
    font-size: 12px;
    border-radius: 16px;
}

.watchlist_filter_body {
    display: flex;
    display: -webkit-flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.watchlist_filter_item.active {
    border: 1px solid #0092FF;
    background: #0092FF;
    color: #fff;
}

.watchlist_filter_sort_item {
    display: flex;
    display: -webkit-flex;
}

.flrt_srt_icon {
    width: 30px;
    font-size: 12px;
    color: #1D3A70;
    font-weight: 500;
}

.flrt_srt_name {
    padding: 0 12px;
    font-size: 12px;
    color: #1D3A70;
    width: calc(100% - 80px);
    font-weight: 500;
}

.flrt_srt_check {
    width: 50px;
    display: flex;
    justify-content: center;
}

.watchlist_filter_sort {
    margin-bottom: 20px;
}

.watchfilter {
    cursor: pointer;
}

.equityInfoLef1 h4 {
    font-size: 24px;
    color: #002D44;
    margin-bottom: 0;
}

.equityActions .btn-green,
.equityActions .btn-red {
    min-width: 100px;
}

.equityOverView h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--color2);
    padding-bottom: 16px;
}

.overviewTable table thead tr th {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-p);
    text-align: center;
    padding: 10px 0;
}

.overviewTable table tbody tr td {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-p);
    text-align: center;
    padding: 10px 0;
}

.overviewTable table tfoot tr td {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-p);
    text-align: center;
    padding: 10px 0;
}

.viewChartbtn {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

.trade_price_info_right {
    color: #002D44;
}

.week_range_head h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.week_range_body h4 {
    font-size: 14px;
    font-weight: 500;
}

.week_range_right {
    text-align: right;
}

.range_slide_gradient {
    width: 100%;
    height: 6px;
    position: relative;
    background: linear-gradient(90deg, #F35050 0%, #FBC784 49%, #1DAB87 100%);
}

.week_range_center {
    width: calc(100% - 150px);
}

.range_slide_arrow {
    position: absolute;
    top: -17px;
    transform: translate(-50%, 0%);
    left: 50%;
}

.trade_price_info {
    font-size: 14px;
}

.equityInfoRight .dropdown-toggle:after {
    content: none;
}

.bookmark-dropdown-body ul li h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--color2);
    margin-bottom: 5px;
}

.bookmark-dropdown-body ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.bookmark-dropdown-body ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.bookmark-dropdown-body ul li p {
    margin: 0px;
    font-size: 14px;
}

.equityInvestedInfo {
    background: rgba(242, 242, 242, 1);
    padding: 0 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    border-radius: 12px;
}

.investedBox {
    padding: 20px 10px;
    width: 33.33%;
    border-bottom: 1px solid #fff;
}

.investedBox:nth-last-child(1),
.investedBox:nth-last-child(2),
.investedBox:nth-last-child(3) {
    border-bottom: 0;
}

.investedBox:nth-child(3n+3) {
    text-align: right;
}

.investedBox:nth-child(3n+2) {
    text-align: center;
}

/* portfolioAmount */

.portfolioAmount {
    background: rgba(242, 242, 242, 1);
    padding: 0 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    border-radius: 12px;
    background: linear-gradient(180deg, #0092FF 0%, #084B9A 100%);
    color: #fff;
}

.investedBox_portfolio {
    padding: 20px 30px;
    width: 50%;
    border-bottom: 1px solid #fff;
}

.investedBox_portfolio h5 {
    font-size: 16px;
    font-weight: 700;
}

.investedBox_portfolio:nth-last-child(1),
.investedBox_portfolio:nth-last-child(2) {
    border-bottom: 0;
}

.investedBox_portfolio:nth-child(2n+2) {
    text-align: right;
}

.portfolio_tab_header ul {
    display: flex;
    justify-content: center;
    border: 1px solid var(--color1);
    border-radius: 20px;
    padding: 0;
    margin: 0;
}

.portfolio_tab_header {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.portfolio_tab_header ul li a {
    font-size: 14px;
    font-weight: 600;
    min-width: 110px;
    text-align: center;
    list-style: none;
    padding: 6px 15px;
    color: var(--color1);
}

.portfolio_tab_header ul li.active a {
    background: var(--color1);
    color: #fff;
    border-radius: 20px;
}

.holdings_table table tr th {
    background: var(--table-th);
    border: 0;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

.portfolio_tab_header ul {
    display: flex;
    justify-content: center;
    border: 1px solid var(--color1);
    border-radius: 20px;
    padding: 0;
    margin: 0;
}

.portfolio_tab_header {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.portfolio_tab_header ul li {
    list-style: none;
}

.portfolio_tab_header ul li a {
    font-size: 14px;
    font-weight: 600;
    min-width: 110px;
    text-align: center;
    list-style: none;
    padding: 6px 15px;
    color: var(--color1);
    cursor: pointer;
}

.portfolio_tab_header ul li a {
    color: var(--color1);
}

.portfolio_tab_header ul li.active a {
    color: #fff;
}

.portfolio_tab_header ul li.active {
    background: var(--color1);
    color: #fff;
    border-radius: 20px;
}

.investedBox_portfolio h5 {
    font-size: 16px;
    font-weight: 700;
}

.holdings_table table tr td {
    background: rgba(243, 244, 246, 1);
    border: 0;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    border-bottom: 8px solid #fff;
    color: rgba(107, 114, 128, 1);
}

.tab_equity_name h5 {
    color: var(--color2);
    font-size: 14px;
}

.tab_equity_name .watchlist_search_item_left {
    display: flex;
    width: auto;
    gap: 5px;
}


.buysell_btn a {
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: normal;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.holdings_all_wrapper .watchlist_search input {
    width: calc(100% - 45px);
}

.table-head a {
    font-size: 12px;
    cursor: pointer;
}

.react-datepicker-wrapper {
    display: block;
}

.empty_portfolio_img img {
    max-width: 200px;
    margin: 0 auto 20px;
    display: block;
}

.empty_portfolio_wrapper h4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--color2);
}

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



.walletCard {
    width: 50%;
    padding: 16px 25px;
    color: #fff;
    border-radius: 16px;
}

.walletCard h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.walletCardBody h4 small {
    margin: 0;
    font-size: 10px;
    font-weight: 400;
}

.dashboard_header h5 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 45, 68, 1);
}

.bankDetailsCard {
    border: 1px solid rgba(229, 231, 235, 1);
    padding: 45px 35px;
    border-radius: 16px;
}

.bankDetailsCardHeader h5 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 45, 68, 1);
}

.bankDetailsCardHeader p {
    font-size: 12px;
    margin: 0;
    color: rgba(107, 114, 128, 1);
}

.dashboard_header h5 {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 45, 68, 1);
}

.bankDetailsCard {
    border: 1px solid rgba(229, 231, 235, 1);
    padding: 45px 35px;
    border-radius: 16px;
}

.bankDetailsCardHeader h5 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 45, 68, 1);
}

.bankDetailsCardHeader p {
    font-size: 12px;
    margin: 0;
    color: rgba(107, 114, 128, 1);
}

.transactionHistory {
    background: rgba(242, 242, 242, 1);
    padding: 16px 33px;
    border-radius: 16px;
}

.transactionDetails label.badge {
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.transactionHistory h5 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.transactionHistory h4 {
    font-size: 16px;
}

.status {
    color: rgba(242, 187, 46, 1);
}

.transactionHistory p {
    font-size: 12px;
    margin-bottom: 5px;
}

.transactionHistory b {
    color: rgba(29, 58, 112, 1);
    font-weight: 700;
}

.fund-header h3 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(29, 58, 112, 1);
    text-align: center;
}

.fund-header p {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.modalSucces .modal-dialog {
    width: 290px;
}

.modalSucces .modal-content {
    width: 290px;
}

.modalIconbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0, -100%);
}

.modalIconbox .check-circle {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 26%;
    transform: translate(-50%, 50%);
    box-shadow: 0 10px 10px #00000036;
    border-radius: 50%;
}

.modalSucces .modal-content {
    border-radius: 16px;
}

.modalIconbox .pattern {
    margin: 0 auto;
    display: block;
}

.profileForm label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.profileForm .form-group input[type="text"] {
    color: rgba(29, 58, 112, 1);
    font-weight: 600;
    padding: 16px 25px;
}

.profileForm label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.profileForm .form-group input[type="text"] {
    color: rgba(29, 58, 112, 1);
    font-weight: 600;
    padding: 16px 25px;
}

.profileImage label {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    box-shadow: 5px 15px 50px 0px rgba(156, 163, 175, 0.12);
    margin: 0 auto;
    display: block;
    position: relative;
}

.profileImage label img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profileImage label .btn-upload {
    background: var(--color2);
    width: 34px;
    height: 34px;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.profileImage label .btn-upload .icon {
    background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.32139 1.45958C9.46709 1.31387 9.64007 1.19829 9.83044 1.11944C10.0208 1.04059 10.2248 1 10.4309 1C10.637 1 10.841 1.04059 11.0314 1.11944C11.2217 1.19829 11.3947 1.31387 11.5404 1.45958C11.6861 1.60528 11.8017 1.77826 11.8806 1.96863C11.9594 2.159 12 2.36304 12 2.5691C12 2.77515 11.9594 2.97919 11.8806 3.16956C11.8017 3.35993 11.6861 3.53291 11.5404 3.67861L4.05117 11.1679L1 12L1.83214 8.94883L9.32139 1.45958Z" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.notificationCard {
    border: 1px solid rgba(229, 231, 235, 1);
    padding: 12px 15px;
    border-radius: 12px;
}

.notificationIcon {
    background: rgba(249, 250, 251, 1);
    width: 53px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.notificationCard h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--color2);
    margin-bottom: 6px;
}

.notificationCard p {
    font-size: 12px;
    margin: 0;
}

.notificationCard h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}
.aboutLogo img {
    max-width: 540px;
    margin: 0 auto;
    display: block;
}
.transactionMeta a {
    display: block;
}
.btn-ratio-1 {
    aspect-ratio: 1;
} 
.ticketChatHeader h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.ticketChatHeader h5 b {
    color: var(--color2);
}

.ticketChatHeader {
    padding: 14px 0;
    border-bottom: 1px solid #fff;
}

.ticketChatBox {
    padding: 0px 20px;
    background: rgba(242, 242, 242, 1);
    border-radius: 16px;
}

.ticketChatContent {
    padding: 15px 0;
}

.ticketChatContent p {
    font-size: 14px;
    margin: 0 0 10px;
    color: var(--color2);
}

.ticketAttachment a {
    color: var(--color1);
    font-size: 14px;
    text-decoration: underline;
}
.attchment_upload input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.attchment_upload {
    position: relative;
    text-decoration: underline;
}

.transactionHistory.device_card {
    padding: 16px 19px;
}

.transactionHistory.device_card .transactionMeta a {
    font-size: 13px;
    display: inline-block;
}
.checkbox span.nsgOrbse {
    min-height: auto;
}

.checkbox span.nsgOrbse:before {
    border-radius: 3px;
    top: 1px;
}

.checkbox input:checked ~ span.nsgOrbse:after {
    border-radius: 3px;
    top: 1px;
    border-color: var(--color1);
}

label.checkbox.radius-0 span:before {
    border-radius: 3px;
}
.contact-hero-section{
    background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(224, 231, 255) 100%);
    min-height: calc(100vh - 452px);
}

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

.subfootWrp {
    background: #000000;
    padding: 20px 0;
    color: #fff;
}
.subfootWrp a {
    color: #0092ff;
}
.watchtab_add_input {
    display: flex;
    align-items: center;
    gap: 20px;
}
.watchtab_add_input.form-group input[type="text"] {
    font-size: 14px;
    padding: 13px 16px;
}
.watchlist_search_list {
    max-height: 500px;
    overflow: auto;
}
.buySellHeaderLeft h3 {
    font-size: 16px;
    color: #1D3A70;
    margin: 0 0 5px;
}

.buySellHeaderLeft p {
    font-size: 14px;
}

.buySellHeader {
    border-bottom: 1px solid #E8E8E8;
}

.buySellBody {
    padding: 20px 20px;
}

.currentBallance {
    margin: 0 auto 30px;
}

.portfolio_tab_header ul li {
    margin-bottom: 0;
}

.quantity-input {
    margin: 0 auto;
}

.quantity-input button {
    border: 1px solid #F2F2F2;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #002D44;
}

.quantity-input input {
    width: 100%;
    border-radius: 16px;
    padding: 16px;
    background: #F2F2F2;
    color: #002D44;
}

.orderdetail_market_type {
    max-width: 320px;
    width: 100%;
}

.orderdetail_validity {
    width: 200px;
}
.margin-auto{
    margin: 0 auto;
}
.orderdetail_market_type_header label {
    font-size: 14px;
}

.orderdetail_market_type_header label.active {
    color: var(--color1);
}