.top-left-part .logo b {
    display: none;
}
.scroll-sidebar {
    background: #314375;
}
table#myTable {
    overflow: scroll;
}
.table th span {
    font-weight: 400;
    font-size: 15px;
}
tr {
    border: 1px solid lightgray;
}
thead tr th,
tbody tr td{
    white-space: nowrap;
}
.register-links a {

    text-decoration: none;
    display: block;
    color: white ;
    background: rgba(255,255,255,0.10);
    border: 2px solid white;

    text-transform: uppercase;
    padding: 25px 30px;
}


.register-links {
    display: flex;
    gap: 20px;
    flex-direction: column;
    padding-block: 100px;
}
.dropdown .fa-solid, .fas {
    font-size: 15px;
    color: white;
    background: #F88850;
    font-weight: 900;
    padding: 6px;
    border-radius: 30px;
}

.sidebar-nav ul#side-menu {
    padding: 71px 0px;
}
.scroll-sidebar .sidebar-nav {
    padding-bottom: 100px;
}

.sub_btn1 select {
    background: #F88850;
    padding-block: 15px;
    padding-inline: 27px;
    color: white;
    border: none;
    border-radius: 5px;
    margin-left: 1em;
}


.user_topnav {
    display: flex;
}

.sub_btn1 select option {
    background: white;
    color: black;
}

.table thead tr th, .table tbody tr td {
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #314375;
    background-color: #314375;
}

#myTable_length {
    display: none;
}

#myTable_filter {
    display: none;
}

td.form_btn {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.sidebar-nav ul#side-menu li.active {
    background: #F88850;
    list-style: none;
}
i.icon-arrow-left-circle {
    color: #F88850;
}


.sub_btn1 button.btn.dropdown-toggle {
    margin-left: 30px;
    background: #F88850;
    padding-block: 15px;
    padding-inline: 27px;
    color: white;
    border: none;
}

/* main content */

.row.main {
    padding-left: 0px;
}

.row.main h1 {
    font-size: 50px;
    font-weight: 700;
    color: #314375;
}
ul.nav.navbar-top-links.navbar-left.hidden-xs {
    display: none;
}

.form_field_padding span#error-message {
    font-size: 15px;
}
.year_symbol span {
    position: absolute;
    left: 35px;
    top: 60%;
}

.row.first {
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}



.first h5,
.second h5 {
    font-weight: 700;
}

.row.second {
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}


/*Box1 Styling working */

.col-md-3.box1 {
    width: 18%;
    height: 140px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.col-md-5.box1_child {
    background: #F88850;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}

.row.second .col-md-5.box1_child {
    background: #314375;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}

.col-md-7.box1_child2 {
    margin-left: 11px;
    height: 110px;
}
.row.box1_child h2 {
    text-align: center;
    margin-top: 22px;
    font-size: 30px;
    font-weight: 700;
    /* line-height: 25px; */
    color: white;
}

.row.box1_child h5 {
    margin-left: 20px;
}


/*Box2 Styling working */


.col-md-3.box2 {
    width: 18%;
    height: 140px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.col-md-5.box2_child {
    background: #314375;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}

.row.second .col-md-5.box2_child {
    background: #F88850;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}

.col-md-7.box2_child2 {
    margin-left: 11px;
    height: 110px;
}
.row.box2_child h2 {
    text-align: center;
    margin-top: 22px;
    font-size: 30px;
    font-weight: 700;
    /* line-height: 25px; */
    color: white;
}

.row.box2_child h5 {
    margin-inline: 20px;
}


/*Box3 Styling working */


.col-md-3.box3 {
    width: 18%;
    height: 140px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.col-md-5.box3_child {
    background: #F88850;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}
.row.second .col-md-5.box3_child {
    background: #314375;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}
.col-md-7.box3_child2 {
    margin-left: 11px;
    height: 110px;
}
.row.box3_child h2 {
    text-align: center;
    margin-top: 22px;
    font-size: 30px;
    font-weight: 700;
    /* line-height: 25px; */
    color: white;
}

.row.box3_child h5 {
    margin-left: 20px;
}



/*Box4 Styling working */


.col-md-3.box4 {
    width: 18%;
    height: 140px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.col-md-5.box4_child {
    background: #F88850;
    margin-top: 20px;
    margin-left: 20px;
    width: 85px;
    height: 80px;
}


.col-md-7.box4_child2 {
    margin-left: 11px;
    height: 110px;
}
.row.box4_child h2 {
    text-align: center;
    margin-top: 22px;
    font-size: 30px;
    font-weight: 700;
    /* line-height: 25px; */
    color: white;
}

.row.box4_child h5 {
    margin-left: 20px;
}

.side_btn .btn-button {
    background: #F88850;
    padding-block: 10px;
    padding-inline: 20px;
    color: white;
    border: none;
    position: absolute;
    bottom: 50px;
    left: 20px;
}

a.dropdown-toggle.waves-effect.waves-light.font-20 img {
    height: 50px;
}



.side_btn::before {
    background: url('../plugins/images/Group\ 26.png');

}

.profile-image img {
    height: 43px;
    margin-right: 20px;
    margin-left: 15px;
    margin-top: 10px;
}
ul.nav.navbar-top-links.navbar-right.pull-right {
    margin-right: 70px;
    margin-top: 20px;
}

.dropdown.user-pro-body {
    display: flex;
}

/* Sub Admin Page CSS */
/* .topnav input[type=text] {
    float: right;
    padding: 6px;
    margin-top: 8px;
    margin-right: 16px;
    border: none;
    font-size: 17px;
  }

  @media screen and (max-width: 600px) {
    .topnav a, .topnav input[type=text] {
      float: none;
      display: block;
      text-align: left;
      width: 100%;
      margin: 0;
      padding: 14px;
    }

    .topnav input[type=text] {
      border: 1px solid #ccc;
    }
  } */
.col-md-5.topnav {
    padding-top: 20PX;
    display: flex;
    justify-content: flex-end;
}
.col-md-5.topnav input {
    border: none;
    background-color: #cccdd340;
    padding: 10px;

}

.user_topnav i.fa-solid.fa-magnifying-glass {
    border: none;
    padding: 13px;
    padding-top: 20px;
    background-color: #cccdd340;
    height: 50px;
}

.sub_btn1 .btn-button {
    margin-left: 30px;
    background: #F88850;
    padding-block: 15px;
    padding-inline: 20px;
    color: white;
    border: none;
}

.sub_btn2 .btn-button {
    margin-left: 30px;
    background: #314375;
    padding-block: 19px;
    padding-inline: 20px;
    color: white;
    border: none;
    border-radius: 5px;

}

.sub_admin_form .table-responsive .table th {
    width: 18%;
}

.table button.btn.btn-info.btn-sm {
    padding-inline: 45px;
    padding-block: 10px;
    background-color: #314375;
    border: none;
}

.table thead {
    background: #F88850;
    color: white;
}

thead tr th {
    font-size: 16px;
    color: white;
}


tbody tr td {
    font-size: 14px;
    color: rgb(0, 0, 0);
}

tr.row_color {
    background: #F3F7FF;
}



/* user Request PAge CSS */

.col-md-9.topnav_btn {
    display: flex;
}

.col-md-3.topnav {
    padding-top: 20PX;
    display: flex;
}
.col-md-3.topnav input {
    border: none;
    background-color: #cccdd340;
    padding: 10px;

}
.row.second_row {
    /* padding-top: 110px; */
    display: flex;
    align-items: baseline;
}


.row.second_row .sub_btn1 .btn-button  {
    margin-left: 30px;
    background: #314375;
    padding-block: 15px;
    padding-inline: 27px;
    color: white;
    border: none;
}


.row.second_row .sub_btn2 .btn-button {
    margin-left: 30px;
    background: #d0d5e0;
    padding-block: 15px;
    padding-inline: 30px;
    color: white;
    border: none;
    border-radius: 5px;

}

.row.second_row .col-md-3.topnav {
    padding-top: 0PX;
    display: flex;
    justify-content: flex-end;
    /* flex-direction: row; */

}

.user_request_form .table-responsive .table th {
    width: 5%;
}

.table button.btn.btn-danger.btn-sm {
    padding-inline: 20px;
    padding-block: 4px;
    background-color: #F88850;
    /* border: none; */
    width: 100px;
}

.table button.btn.btn-primary.btn-sm{

    background-color: #314375;
    border: none;
    padding-inline: 21px;
    padding-block: 7px;
}

.table button.btn.btn-info.btn-sm {

    background-color: #314375;
    border: none;
    padding-inline: 16px;
    padding-block: 6px;
}

.sub_btn1 button.btn.dropdown-toggle:hover {
    color: #F88850;
    background: transparent;
    border: 1px solid #F88850;
}

/* All User Page CSS */
.user_topnav .col-md-4.topnav {
    padding-top: 20PX;
    display: flex;

}

.col-md-8.topnav_btn {
    display: flex;
}

.col-md-5.topnav {
    padding-top: 20PX;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topnav i {
    background: #f2f2f4;
    padding: 13px 12px;
}

.col-md-4.topnav input {
    border: none;
    background-color: #cccdd340;
    padding: 10px;
    height: 48px;

}

.user_topnav .sub_btn .btn-button {
    margin-left: 30px;
    background: #F88850;
    padding-block: 15px;
    padding-inline: 27px;
    color: white;
    border: none;
}


td.form_btn span i {
    visibility: hidden;
    display: none;
}

td.form_btn a span  p {
    margin: 0px;
}

.col-md-4.topnav {
    display: flex;
    justify-content: flex-end;
}
.table>tbody>tr>td, .table>tbody>tr>th {
    font-size: 16px;
    border-block: 1px solid lightgray;
}
.Acc_sett .table>tbody>tr>td, .Acc_sett .table>tbody>tr>th {
    font-size: 16px;
    white-space: pre-wrap;
    text-align: left;
    max-width: 5px;
    border-block: 1px solid lightgray;
}

.price_symbol {  position: relative;}
.price_symbol span { top: 50%;    left: 20px;    font-size: 17px;line-height: 1.2;   position: absolute;    transform: translateY(-50%);}
.price_symbol input {  padding-left: 30px;}
/* cards */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.cart {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 320px;
    margin: auto;
    text-align: left;
    font-family: arial;
    border-radius: 20px;
}

.cart-head {
    background: #314375;
    padding: 12px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.cart-head img {
    display: flex;
    margin: auto;
}

/*.text a.view-details-btn {*/
/*display: flex;*/
/*margin: auto;*/
/*width: 40%;*/
/*margin-top: 2em;*/
/*background: #314375;*/
/*border: #314375;*/
/*}*/

.text a.view-details-btn {
    display: flex;
    margin: auto;
    /* width: 40%; */
    margin-top: 2em;
    background: #314375;
    border: #314375;
    margin: auto;
    padding-inline: 82px;
}


.text span {
    font-weight: 600;
}
.text p {
    display: flex;
    /* gap: 18px; */
    justify-content: space-between;
    border: 0.5px solid lightgray;
    padding: 4px;
}
.row.cart_first {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}
.range-slider {
    padding-block: 12px;
    padding-inline: 10px;
}
/*.range-slider{*/
/*width: 100%;*/
/*margin: 0 auto;*/
/*position: relative;*/
/*margin-top: 2.5rem;*/
/*margin-bottom: 2rem;*/
/*padding-inline: 13px;*/
/*}*/

/*#range { -webkit-appearance: none; width: 100%; }*/
/*#range:focus { outline: none; }*/

/*#range::-webkit-slider-runnable-track {*/
/*width: 100%;*/
/*height: 1rem;*/
/*cursor: pointer;*/
/*animate: 0.2s;*/
/*background: linear-gradient(90deg, #314375 var(--range-progress), #dee4ec var(--range-progress));*/
/*border-radius: 1rem;*/
/*}*/
/*#range::-webkit-slider-thumb {*/
/*-webkit-appearance: none;*/
/*border: 0.25rem solid #314375;*/
/*box-shadow: 0 1px 3px #314375;*/
/*border-radius: 50%;*/
/*background: #fff;*/
/*cursor: pointer;*/
/*height: 18px; width: 18px;*/
/*top: 0;*/
/*transform: translateY(calc(-50% + 8px));*/
/*}*/

/*#tooltip {*/
/*position: absolute;*/
/*top: -2.25rem;*/
/*}*/
/*#tooltip span {*/
/*position: absolute;*/
/*text-align: center;*/
/*display: block;*/
/*line-height: 1;*/
/*padding: 0.125rem 0.25rem;*/
/*color: #fff;*/
/*border-radius: 0.125rem;*/
/*background: #314375;*/
/*font-size: 1.25rem;*/
/*left: 50%;*/
/*transform: translate(-50%, 0);*/
/*}*/
/*#tooltip span:before {*/
/*position: absolute;*/
/*content: "";*/
/*left: 50%; bottom: -8px;*/
/*transform: translateX(-50%);*/
/*width: 0; height: 0;*/
/*border: 4px solid transparent;*/
/*border-top-color: #314375;*/
/*}*/
.price {
    color: #314375;
    /*padding-bottom: 5px;*/
    font-size: 15px;
}
.duration {
    color: #314375;
    padding-bottom: 5px;
    font-size: 15px;
}

.profit {
    /*border-block: 1px solid #314375;*/
    color: #314375;
    /*padding-block: 12px;*/
    font-size: 15px;
}
.cart .btn_icon i.fa-sharp.fa-solid.fa-eye {
    padding-top: 2px;
    padding-right: 5px;
}

.cart .btn_text p {
    font-size: 12px;
    margin: 0 0 0px;
}
/* .card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
} */

.cart button {
    border: none;
    outline: 0;
    margin-left: 75px;
    padding: 12px;
    display: flex;
    color: white;
    background-color: #314375;
    text-align: center;
    cursor: pointer;
    width: 40%;
    font-size: 14px;
    justify-content: center;
}

.cart_first {
    padding-inline: 290px;
    padding-left: 15px;
    margin-top: 5%;
}

.cart_first .cart {margin-bottom: 50px;}
.cart_box1 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.cart_box1 .text {
    padding-inline: 10px;
    padding-block: 20px;
}

.scroll-sidebar:before { content: '';  background: url('../img/Group\ 109.png'); width: 100%; height: 100%;  display: block;  position: absolute; bottom: 0;  z-index: 1;}
.scroll-sidebar .sidebar-nav {position: relative;z-index: 99;}
.scroll-sidebar .side_btn { position: absolute;  bottom: 50px;  z-index: 9;}


.Log_btn a {
    background: #f88850;
    width: 70%;
}

.scroll-sidebar:before {
    content: '';
    background: url(../img/Group\ 109.png);
    width: 10%;
    height: 100%;
    display: block;
    background-size: contain;
    position: fixed;
    background-repeat: no-repeat;
    z-index: 1;
    background-position: bottom;
}
.sub_btn1 ul li a {
    cursor: pointer;
}
ul#side-menu li:hover {
    background-color: #F88850;
}

.iti {
    width: 100%;
}


/* Form CSS */
/* .investor-form .inv-form-heading,
.broker-form .bro-form-heading,
.borrower-form .bor-form-heading{
  text-align: center;
} */
.investor-form,
.broker-form,
.borrower-form {
    padding: 50px;
}
.form_field_padding{
    padding-block: 20px;
}
.investor-form .check,
.broker-form .check,
.borrower-form .check {
    display: inline-flex;
}
.custom-check {
    background: beige;
    margin-inline: 5px;
    padding: 15px;
    color: white;
}

.broker-form .new {
    margin-inline: 11px;
    padding: 13px 27px;
    margin-top: 2px;
}
.orange{
    background-color: #f88850;
    color: white;
    border-radius: 50px;
}
.darkblue{
    background-color: #314375;
    color: white;
    border-radius: 50px;
}

.plus_jqnew, .plus_jqnew2 {
    float: right;
}

input.form-control,
textarea.form-control,
.form_field_padding select {
    box-shadow: -4px 4px 30px #00000012;
    border: none;
    height: 50px;
}

.form-control:focus,
textarea.form-control:focus
select:focus {
    box-shadow: -4px 4px 30px #00000012;
}
form_field_padding_login{position: relative;}
.white-box .form-group .fas {
    background: none;

}
.form_field_padding_login i {
    position: absolute;
    right: 18px;
    top: 16px;
    cursor: pointer;
    color: #00bbd9;
}
/*.form_field_padding input {*/
/*padding-block: 25px;*/
/*}*/
.invalid-feedback strong {
    color: red;
}
.form_field_padding label.control-label {
    display: block;
}

.form_field_padding label {
    padding-block: 10px;
}
.form_field_padding button {
    border: none;
    padding-inline: 30px;
    padding-block: 15px;
}

button.btn.orange:hover {
    border: 2px solid #f88850;
    background: transparent;
}

.login_button button {
    background: rgba(255,255,255,0.10);
    border: 2px solid white;
    color: white!important;
    text-transform: uppercase;
    padding: 25px 30px;
}
.error {
    color: red;
}


.login_button .dropbtn {
    background: rgba(255,255,255,0.10);
    border: 2px solid white;
    color: White!important;
    text-transform: uppercase;
    padding: 25px 30px;
}

.login_button .dropdown {
    position: relative;
    display: inline-block;
}

.login_button .dropdown-content {
    display: none;
    position: absolute;
    /* background-color: white; */
    background: rgba(255,255,255,0.10);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.login_button .dropdown-content a {

    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: white !important;
}

.login_button .dropdown-content a:hover {
    background-color: white;
    color: black !important;
}

.login_button .dropdown:hover .dropdown-content {display: block;}
/*.form-material .form-group input { background: white; padding-inline:10px; }*/

/*.login-box .form-material .form-group input {*/
/*background: white;*/
/*padding-inline:10px;*/
/*}*/
.login-box .white-box .form-material .form-group input {


    padding-inline: 12px;
    border-radius: 5px;
    color: white !Important;
    padding-right: 40px;
}

.my_invest .user_topnav {
    display: block;
}

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

.form_field_paddinga, .form_field_paddingb{
    padding-block: 20px;
}
#loanReqNew .iti{
    width: 100%;
}

@media screen and (max-width: 1920px) {
    i.fa-solid.fa-arrow-right {
        display: none;
    }
    .side_btn .btn-button p {
        margin: 0 0 0px;
    }
    .side_btn .btn-button {
        display: flex;
        background: #F88850;
        padding-block: 10px;
        padding-inline: 20px;
        color: white;
        border: none;
        position: fixed;
        bottom: 30px;
        left: 20px;
    }
    i.fa-solid.fa-right-from-bracket {
        margin: 5px;
        transform: rotate(180deg);
    }
    .table-responsive {
        /*padding-right: 0%;*/
        /*padding-top: 20px;*/
        /*padding-left: 20px;*/
        overflow-y: hidden;
    }
    .user_topnav .col-md-4.topnav {
        padding-top: 20PX;
        display: flex;
        justify-content: flex-end;
    }
    .row.second_row .col-md-3.topnav {
        padding-top: 0PX;
        display: flex;
        justify-content: flex-end;
        /* flex-direction: row; */
    }
}


@media screen and (max-width: 1680px) {
    .col-md-3.box1,.col-md-3.box2,.col-md-3.box3,.col-md-3.box4 {
        width: 19%;
        height: auto;
    }

    .col-md-5.box1_child,.col-md-5.box2_child,.col-md-5.box3_child,.col-md-5.box4_child {
        width: 60px;
        height: 60px;
    }

    .row.second .col-md-5.box1_child,.row.second .col-md-5.box2_child,.row.second .col-md-5.box3_child,.row.second .col-md-5.box4_child {
        width: 60px;
        height: 60px;
    }

    .row.box1_child h2,.row.box2_child h2,.row.box3_child h2,.row.box4_child h2 {
        margin-top: 15px;
        font-size: 24px;
    }
    .col-md-7.box1_child2,.col-md-7.box2_child2,.col-md-7.box3_child2,.col-md-7.box4_child2 {
        margin-left: 5px;
        height: 90px;
    }
    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 19%;
        height: auto;
    }
    .table button.btn.btn-info.btn-sm {
        width: 52%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 52%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 52%;
    }
    /*.table button.btn.btn-danger.btn-sm {*/
    /*margin-block: 5px;*/
    /*}*/

}

@media screen and (max-width: 1600px) {
    .cart button {
        padding: 8px;
    }
    .cart_first {
        padding-inline: 182px;
        padding-left: 0px;
        margin-top: 5%;
    }

    .row.second_row .col-md-3.topnav {
        padding-top: 30PX;
        display: flex;
        justify-content: flex-end;
        /* flex-direction: row; */
        padding-right: 81px;
    }
    .table-responsive {
        /*padding-right: 70px;*/
        /*padding-top: 60px;*/
        /*padding-left: 25px;*/
    }
    .sub_btn2 .btn-button {
        /*font-size: 11px;*/
        margin-left: 22px;
        border-radius: 5px;
    }

    .sub_btn1 .btn-button {

        padding-block: 12px;
        padding-inline: 43px;
    }
    .col-md-5.topnav {
        width: 100%;
        padding-top: 20PX;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .table button.btn.btn-info.btn-sm {
        width: auto;
    }
    .table button.btn.btn-danger.btn-sm {
        width: auto;
    }
    .table button.btn.btn-primary.btn-sm {
        width: auto;
    }



}

@media screen and (max-width: 1440px) {

    .user_topnav .col-md-4.topnav {
        width: 100%;
        padding-top: 20PX;
        display: flex;
        justify-content: flex-end;
    }
    .cart_first {
        padding-inline: 0px;
        padding-left: 0px;
        margin-top: 5%;
    }
    .cart button {
        margin-left: 60px;
        padding: 12px;
        width: 42%;
    }
}

footer.footer.t-a-c {
    display: none;
}


@media screen and (max-width: 1368px){

    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 23%;
        height: auto;
    }

}

@media screen and (max-width: 1366px) {

    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 23%;
        height: auto;
    }
    .cart button {

        margin-left: 51px;
        padding: 8px;

        width: 45%;
        font-size: 14px;
        justify-content: center;
    }



}


@media screen and (max-width: 1024px) {
    .cart button {
        margin-left: 31px;
        padding: 8px;
        width: 52%;
        font-size: 13px;

    }

    .top-left-part {
        display: none;
    }

    .side_btn .btn-button p {
        display: none;
    }
    .side_btn .btn-button {
        padding-block: 7px;
        padding-inline: 12px;

    }
    .row.second .col-md-5.box1_child, .row.second .col-md-5.box2_child, .row.second .col-md-5.box3_child, .row.second .col-md-5.box4_child {
        width: 50px;
        height: 50px;
    }
    .row.box1_child h2, .row.box2_child h2, .row.box3_child h2, .row.box4_child h2 {
        margin-top: 7px;
        font-size: 21px;
    }
    .col-md-5.box1_child, .col-md-5.box2_child, .col-md-5.box3_child, .col-md-5.box4_child {
        width: 50px;
        height: 50px;
    }
    .col-md-7.box1_child2, .col-md-7.box2_child2, .col-md-7.box3_child2, .col-md-7.box4_child2 {
        margin-left: 5px;
        height: 75px;
    }
    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 20%;
        height: auto;
    }

    .col-md-5.topnav {
        width: 100% !important;

    }
    .table button.btn.btn-info.btn-sm {
        width: 90%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 90%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 90%;
    }
    /*.table button.btn.btn-danger.btn-sm {*/
    /*margin-block: 5px;*/
    /*}*/

}


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

    .col-md-7.box1_child2, .col-md-7.box2_child2, .col-md-7.box3_child2, .col-md-7.box4_child2 {
        margin-left: 5px;
        height: 10px;
    }

    .cart_first::before, .cart_first::after {  display: none;}
    .cart_first {  padding-inline: 20px; }


}





@media screen and (max-width: 920px){

    .col-md-7.box1_child2, .col-md-7.box2_child2, .col-md-7.box3_child2, .col-md-7.box4_child2 {
        margin-left: 5px;
        height: 0px;
    }
    .row.second .col-md-5.box1_child, .row.second .col-md-5.box2_child, .row.second .col-md-5.box3_child, .row.second .col-md-5.box4_child {
        width: 50px;
        height: 45px;
    }
    .row.box1_child h5 {
        font-size: 13px;
        margin-left: 20px;
    }




}

@media screen and (max-width: 800px) {
    .row.main h1 {
        font-size: 45px;
        font-weight: 700;
        color: #314375;
    }

    .first::before , .first::after{ display: none;}
    .first, .second{ padding-inline:20px; }


    .table-responsive {
        border: 0;
    }

    .col-md-3.cart_box1 {
        margin-block: 35px;
    }
    .cart button {
        margin-left: 83px;
        padding: 7px;
        width: 35%;
        font-size: 13px;
    }

    .row.box2_child h5 {
        margin-inline: 8px;
    }

    td.form_btn a span i {
        visibility: visible;
        display: flex;
    }
    td.form_btn a span  p {
        visibility: hidden;
        display: none;
    }

    .navbar-header .navbar-toggle {
        float: none;
        padding: 6px 30px;
    }

    .table-striped>tbody>tr:nth-of-type(even) {
        background-color: #EFEFEF;
    }


    .table button.btn.btn-primary.btn-sm {
        padding-inline: 15px;
    }
    .table button.btn.btn-danger.btn-sm {
        padding-inline: 15px;
    }



    .login-box .white-box {
        background: #00000069 !important;
        padding: 25px;
        margin-bottom: 30px;
        border: none !important;
        border-radius: 25px !important;
    }

    .col-md-7.box1_child2, .col-md-7.box2_child2, .col-md-7.box3_child2, .col-md-7.box4_child2 {
        margin-left: 0px;
        height: 0px;
    }

    .row.box1_child h2, .row.box2_child h2, .row.box3_child h2, .row.box4_child h2 {
        margin-top: 0px;
        font-size: 14px;
    }

    .row.box1_child h5,.row.box2_child h5,.row.box3_child h5,.row.box4_child h5 {
        line-height: 15px;
        font-size: 12px;
    }
    .row.second .col-md-5.box1_child, .row.second .col-md-5.box2_child, .row.second .col-md-5.box3_child, .row.second .col-md-5.box4_child {
        width: 42px;
        height: 36px;
    }
    .col-md-5.box1_child, .col-md-5.box2_child, .col-md-5.box3_child, .col-md-5.box4_child {
        width: 42px;
        height: 35px;
    }
    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 20%;
        height: 105px;
    }

    .row.second_row .col-md-3.topnav {
        padding-top: 30PX;
        display: flex;
        justify-content: flex-end;
        /* flex-direction: row; */
        padding-right: 81px;
    }
    .row.second_row {
        padding-top: 30px;
    }
    .table button.btn.btn-info.btn-sm {
        width: 50%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 50%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 50%;
    }
    .user_topnav .col-md-4.topnav {
        width: 100%;
        padding-top: 30PX;
        display: flex;
        justify-content: flex-end;
        padding-right: 85px;
    }
    .col-md-4.topnav {
        padding-top: 20PX;
        display: flex;
        justify-content: flex-end;
        padding-right: 88px;
    }

}



/*custom inv opp page*/
.tab_lending_sec{
    padding-block: 40px;
    overflow: hidden;
}
.finance_sec {
    overflow: hidden;
    padding-bottom: 5em;
}
.cust_fin {
    padding-inline: 2em;
    padding-bottom: 2em;

}
.tab_lending_sec .overview_sec {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-block: 29px;
}

.tab_lending_sec .address_sec {
    border-block: 1px solid grey;
    padding-block: 20px;
}

.tab_lending_sec .invest_case {
    padding-block: 20px;
    /*border-bottom: 1px solid orange;*/
}

.tab_lending_sec .center{
    text-align: center;
    padding-block: 10px;
}

.tab_lending_sec .amount_sec {
    border-top: 1px solid grey;
    padding-top: 20px;
}

.tab_lending_sec .amount_text {
    display: flex;
    /* justify-content: space-between; */
    gap: 15em;
    list-style: none;
    border-bottom: 1px solid grey;
}

.tab_lending_sec .info_text {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.finance_sec .amount_sec {
    padding-top: 20px;
}

.finance_sec .amount_text {
    display: flex;
    /* gap: 10px; */
    list-style: none;
    /* border-bottom: 1px solid lightgray; */
    /* margin-bottom: 0; */
    padding-left: 0;
    gap: 25px;
}

.finance_sec .info_text {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.finance_pdf_sec i {
    font-size: 25px;
}

.finance_sec .finance_pdf_sec {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-block: 20px;
}

/*.amount_text li:hover {*/
/*background: #e8e8e9;*/
/*}*/
.amount_text li {
    width: 80%;
    padding: 5px 10px;
    box-shadow: -4px 4px 30px #0001;
    border-radius: 7px;
    background: #314375;
    color: white;
}
/*li.ten {*/
/*background: #e8e8e9;*/
/*}*/

/*li.eleven {*/
/*background: #c6c6c9;*/
/*}*/

li.twelve {
    background: #314375;
    color: white;
}

.twelve .info_text h6 {
    color: #f88850;
    font-size: 17px;
    font-weight: 600;
}

.amount_text h6 {
    color: #f88850;
    font-size: 17px;
    font-weight: 600;
}
.finance_pdf_sec h2{
    font-weight: 600;
}

.my {
    width: 71%;
    background: #f88850;
    border-radius: 8px;
    padding: 0px 6px;
}

p {
    margin-bottom: 0;
}
/*li.six {*/
/*border-left: 1px solid lightgray;*/
/*border-right: 1px solid lightgray;*/
/*}*/

/*li.eight {*/
/*border-inline: 1px solid lightgray;*/
/*}*/
/*end*/




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

    .table button.btn.btn-info.btn-sm {
        width: 50%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 50%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 50%;
    }



}

@media screen and (max-width: 767px) {
    .navbar-header .navbar-toggle {
        background-color: #314375;
    }
    .navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover {
        background: #314375;
        color: #fff;
    }
    i.fa-solid.fa-right-from-bracket {
        padding-top: 4px;
        padding-right: 10px;
    }
    .table button.btn.btn-info.btn-sm {
        width: 74%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 50%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 50%;
    }

}


@media screen and (max-width: 600px) {

    .row.second_row .sub_btn1 .btn-button {
        margin-left: 5px;
        background: #314375;
        padding-block: 15px;
        padding-inline: 15px;
        color: white;
        border: none;
        margin-bottom: 12px;
    }

    .finance_sec .amount_text {
        display: flex;
        border: 0;
        flex-wrap: wrap;
    }

    .row.box1_child h5, .row.box2_child h5, .row.box3_child h5, .row.box4_child h5 {
        line-height: 5px;
        font-size: 12px;
        margin-left: 10px;
    }
    .sub_btn1 .btn-button {
        margin: 20px;
        padding-block: 13px;
        padding-inline: 33px;
        margin-left: 0px;
    }
    .sub_btn2 .btn-button {
        /*font-size: 11px;*/
        margin-left: 0px;
        margin-top: 20px;
        border-radius: 5px;
    }
    .table-responsive {
        /*padding-right: 0px;*/
        /*margin-top: 50px;*/
        /*padding-top: 0px;*/
        /*padding-left: 25px;*/
    }
    .col-md-5.topnav input {
        border: none;
        background-color: #cccdd340;
        padding: 12px;
        padding-left: 50px;
    }
    .row.main h1 {
        text-align: center;
        font-size: 35px;
    }
    .col-md-5.topnav {
        justify-content: center;

    }
    .table button.btn.btn-info.btn-sm {
        width: 28%;
    }
    .table button.btn.btn-danger.btn-sm {
        width: 28%;
    }
    .table button.btn.btn-primary.btn-sm {
        width: 28%;
    }

    .table button.btn.btn-danger.btn-sm {

        padding-left: 10px;
        padding-right: 20px;
    }
    .table button.btn.btn-primary.btn-sm {

        padding-left: 10px;
        padding-right: 20px;
    }

    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 48% ;
        height: 100px ;
    }
    .row.box1_child h5, .row.box2_child h5, .row.box3_child h5, .row.box4_child h5 {
        line-height: 13px;
    }

}


@media screen and (max-width: 442px) {

    .col-md-4.topnav {
        padding-right: 18px;
    }

    .col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {
        width: 75%;
        height: 100px;
        margin: auto;
    }
    .open>.dropdown-menu {
        display: block;
        position: absolute;
        left: -60px;
    }

}

/*@media screen and (max-width: 414px) {*/

/*.col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {*/
/*width: 23%;*/
/*height: 126px;*/
/*}*/

/*}*/

@media screen and (max-width: 411px) {

    .row.main h1 {
        font-size: 35px;
    }

    .row.box1_child h5, .row.box2_child h5, .row.box3_child h5, .row.box4_child h5 {
        line-height: 13px;
        font-size: 14px;
        margin-left: 5px;
    }
    /*.col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {*/
    /*width: 21%;*/
    /*height: 85px;*/
    /*}*/
    .col-md-5.box2_child, .col-md-5.box3_child, .col-md-5.box4_child, .col-md-5.box1_child { margin-left: 10px; }
    ul.nav.navbar-top-links.navbar-right.pull-right {
        margin-right: 0px;
        margin-top: 0px;
    }
    .profile-image img {
        height: 37px;
        margin-right: 16px;
        margin-left: 15px;
        margin-top: 15px;
    }
    /*.col-md-3.box1, .col-md-3.box2, .col-md-3.box3, .col-md-3.box4 {*/
    /*width: 23% !important;*/
    /*height: 117px !important;*/
    /*}*/

    .table-responsive {
        /*padding-right: 0px;*/
        /*margin-top: 50px;*/
        /*padding-top: 0px;*/
        /*padding-left: 25px;*/
    }
    .col-md-5.topnav input {
        border: none;
        background-color: #cccdd340;
        padding: 12px;
        padding-left: 50px;
    }
    .row.main h1 {
        text-align: center;
        font-size: 35px;
    }
    .col-md-5.topnav {
        justify-content: center;

    }

    .col-md-8.topnav_btn {
        display: flex;
        justify-content: center;
    }

    .user_topnav .sub_btn .btn-button {
        padding-block: 13px;
        padding-inline: 23px;
    }
    .user_topnav .sub_btn .btn-button {
        display: flex;
        margin-left: 25px;
    }

    .row.second_row .sub_btn2 .btn-button {
        margin-left: 25px;
        border-radius: 5px;
    }
    .user_topnav .col-md-4.topnav {
        width: 100%;
        padding-top: 30PX;
        display: block;
        align-items: center;
        justify-content: center;
        padding-inline: 60px;
        margin-inline: auto;
    }
    .sub_btn1 {
        padding-top: 10px;
    }

}


.account_setting_form{display: flex; flex-direction: column; gap: 10px}