.top-left-part .logo b {
    display: none;
}
.scroll-sidebar {
    background: #314375;
}
table#myTable {
    overflow: scroll;
    border-bottom: 0;
    margin-bottom: 20px;
}
.table th span {
    font-weight: 400;
    font-size: 15px;
}
tr {
    border: 1px solid lightgray;
}
thead tr th,
tbody tr td{
    white-space: nowrap;
}
.table-responsive .dataTables_paginate .paginate_button:hover { background: #314375; border: 1px solid #314375; }
.white-box { border: none; }
.white-box .box-title { font-weight: 600; font-size: 35px; }
.btn.btn-primary {background-color: #314375;border:none;}
.blue-btn, .btn-success{background-color: #314375;border: none; color:white;padding: 10px 20px;border-radius: 10px;}
.blue-btn:hover, .btn-success:hover { background-color: #314375;color:white;border: none;opacity: 1; }
.blue-btn:focus, .btn-success:focus, .blue-btn:active, .btn-success:active, .blue-btn:active:hover, .btn-success:active:hover { background-color: #314375; border: none; opacity: 1; }
i.icon-arrow-left-circle.left-arrow {color: white;}
.icon-plus, .left-arrow{padding: 2px 5px 0px 0px;}
.text-black{color:black;}
.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: white; padding: 2px 5px 0px 0px;
}


.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;
    gap: 10px;
}

.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;
    border-radius: 5px;
}


.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 {
    border: none;
    background: none;
    color: red;
    font-size: 18px;
}
.table button.btn.btn-danger.btn-sm:active { box-shadow: none; }
.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: 7px;
}

.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 .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;
}

.sidebar{padding-top: 0px;position: fixed;}

.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;*/
    border: 1px solid #e5ebec;;
}
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: black !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%;
}

/* Oppurtunity Index */

.filters_main .filters-wrapper { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.filters_main .select-box {position: relative;min-width: 200px;flex: 1;}
.filters_main .select-box .icon {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #555;z-index: 10;pointer-events: none;}
.filters_main .select-box select {width: 100%;}
.filters_main .select2-container {width: 100% !important;}
.filters_main .select2-container--default .select2-selection--single {height: 45px;padding-left: 10px;display: flex;align-items: center;border-radius: 8px;border: none;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.filters_main .select2-selection__rendered {line-height: 38px !important;padding-left: 0px !important;}
.filters_main .select2-selection__arrow {height: 38px !important;top: 10% !important;right: 6px !important;}
.filters_main .filters-button .btn-blue {background-color: #314375;color: white;padding: 10px 20px;border: none;border-radius: 8px;font-weight: bold;cursor: pointer;}
.filters_main {display: flex;justify-content: space-between;padding-top: 20px;}
.filters_main i { margin-right: 4px; background: #314375; padding: 7px; color: white; font-size: 12px; border-radius: 50%; }
.filters_main .add-oppurtuinity {
    background: #314375;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}

.filters_main .add-oppurtuinity:hover{
    color:white;
}

span.select2-dropdown.select2-dropdown--below {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #314375;
    border-radius: 10px;
}

.select2-results {
    padding-top: 10px;
}

input.select2-search__field {
    border-radius: 10px;
}
.add-oppurtuinity {
    background: #314375;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
}

.add-oppurtuinity .icon-plus {
    padding-right: 5px;
}
.add-oppurtuinity:hover {
    color: white;
}

.kanban-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    padding: 20px;
}

.kanban-column {
    width:280px;
    max-width: 280px;
    flex-shrink: 0;
    padding: 15px 0px;
}

.kanban-header {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 300px;
    flex-shrink: 0;
    padding: 15px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.kanban-meta .leads-count {
    padding: 10px;
    background: rgba(211, 211, 211, 0.5);
    font-size: 14px;
    border-radius: 5px;
    font-weight: 600;
}

.kanban-meta .total-amount {
    color: #314375;
    font-weight: 600;
    font-size: 14px;
    padding-left: 15px;
}

.kanban-card {
    background: linear-gradient(35deg, #314375, #4e5e8f);
    color: white;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    cursor: grab;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kanban-card .fa-phone.call {
    border: 1px solid white;
    background: unset;
    padding: 10px;
    cursor: pointer;
}

.kanban-card .fa-comment-dots.message {
    cursor: pointer;
    background: #314375;
    padding: 12px;
}

.kanban-card .tag {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid white;
}

.kanban-card .title {
    font-weight: bold;
    font-size: 16px;
}

.kanban-column.highlight {
    background-color: #f0f4ff;
}

.kanban-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.kanban-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.kanban-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #1E90FF, #3CB0FF);
    border-radius: 10px;
}

.kanban-wrapper::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #187bcd, #2c9de2);
}

.kanban-card .info-sec {
    display: flex;
    gap: 20px;
    justify-content: space-between;}

.kanban-header::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(35deg, #314375, #4e5e8f); border-radius: 15px; }
.kanban-header { position: relative; }

.lead-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    border: 2px solid white;
}

.lead-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-block: auto;
}

.kanban-card .lead-name {
    margin: 0;
    color: white;
    font-weight: 900;
    padding-bottom: 5px;
}

.kanban-card .card-options {
    position: relative;
}

.kanban-card .dots {
    font-size: 18px;
    cursor: pointer;
}
.kanban-card .dropdown button { background-color: transparent; box-shadow: none; outline: none !important; border: 0; }
.kanban-card .dropdown-menu {
    position: absolute;
    right: 0;
    top: 20px;
    background: white;
    color: black;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    /* display: none; */
    flex-direction: column;
    min-width: 120px;
    z-index: 10;
}
.card-options .dropdown .dropdown-icon { background: none; }
.lead-info .date {
    font-size: 12px;
    font-weight: 800;
}

.lead-info .new {
    padding: 5px 15px;
    background: white;
    width: fit-content;
    color: #314375;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
}

.kanban-card .dropdown-menu a {
    padding: 10px;
    text-decoration: none;
    display: block;
    color: #333;
    font-size: 14px;
}

.kanban-card .dropdown-menu a:hover {
    background-color: #f0f0f0;
}

.kanban-card .task-price {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.kanban-card .task-main {
    display: flex;
    gap: 10px;
    align-items: center;
}
.filters_main i.clear-icon { cursor: pointer; font-size: 10px; padding: 6px; }
.btn-primary.btn-sm.icon-style { background-color: unset; color: #314375; font-size: 20px; }
.btn-primary.btn-sm.icon-style:focus, .btn-primary.btn-sm.icon-style:active { box-shadow: none; border: none; }
/* Lead Filters */
.lead-filters { display: flex;justify-content: space-between; }
.lead-filters .form-group button:active { box-shadow: none; }
.lead-filters .form { width: 85%; }
.lead-filters #export-file { height: 50px; background-color: #314375; border: none; display: flex; justify-content: center; align-items: center; text-align: center;border-radius: 10px; }
.lead-filters input.form-control { box-shadow: none; border: 1px solid #e5ebec; background: #FFFFFF; border-radius: 10px; padding-right: 40px; height: 50px; }
.lead-filters .form-control { height: 50px; border-radius: 10px; }
.lead-filters .form-group button { border: 1px solid #e5ebec; height: 50px; padding: 8px 12px; border-radius: 10px; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); }
.stage-wrapper { display: flex; gap: 10px; align-items: center; }
.stage-wrapper .remove-stage-btn { height: -webkit-fill-available; }
/*#lead-fields .form-control, .oppurtunity-fields .form-control { box-shadow: none; border: 1px solid #e5ebec; }*/
.lead-type label { padding: 6px 6px 0px 0px;display: flex;gap: 8px; }
.lead-type input[type=checkbox], .lead-type input[type=radio] { display: block; width: 20px; height: 20px; margin: auto 0; border: 2px solid #0E89C5; border-radius: 50%; }
.lead-type { display: flex;gap: 10px; }
.oppurtunity-head { padding-block: 20px; }
.save-lead-form .form-group input { height: 50px; border-radius: 10px; color: #9B9B9B; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.04);background: white; }
.save-lead-form .form-group input:hover { cursor: default; }
.form-group .form-control, .selection .select2-selection.select2-selection--multiple { height: 50px; border-radius: 10px; color: #9B9B9B; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06);background: white; }
.selection .select2-selection.select2-selection--multiple { min-height: 50px; display: flex; align-items: center;padding-inline: 15px;cursor: default; }
.selection .select2-search__field { cursor: default; }
.teams-filter .custom-dropdown {position: relative;}
.teams-filter .custom-dropdown select { padding-right: 30px; -webkit-appearance: none; }
.teams-filter .filter-icon { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); pointer-events: none; }
.teams-filter .filter-icon i { font-size: 16px; color: #333; }
button.edit-pipeline-btn, .dropdown-item.edit-button { width: 100%; text-align: left; background: none; padding: 9px 20px; font-size: 12px; }
button.edit-pipeline-btn:hover, .dropdown-item.edit-button:hover { background: #f7fafc; }
h5.modal-title {font-size: 26px;font-weight: 600;width: -webkit-fill-available;text-align: center;padding-top: 20px;}
.modal-header button.close { width: 30px; height: 30px; border-radius: 50%; background-color: #314375; color: white; opacity: 1; font-size: 25px; }
.modal-dialog { display: flex; flex-direction: column; justify-content: center;height: 90%;}
.modal-header{display:flex;}
button#savePipelineBtn { padding: 6px 12px; }
button#addStageBtn { background: #314375; padding: 0 40px; color: white; border-radius: 10px; height: 50px; border: none; }
button#savePipelineBtn:active { border: none; background: #204d74; opacity: 1; }
div:has(#lead_id) .select2.select2-container.select2-container--default.select2-container--focus, div:has(#lead_id) .select2.select2-container.select2-container--default {
    width: -webkit-fill-available !important; height: 50px; border-radius: 10px; color: #9B9B9B; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); background: white;
}
#existing-lead-dropdown .select2 .selection .select2-selection.select2-selection--single, .create-task .select2-selection.select2-selection--single.select2-selection--clearable { border: none; padding-top: 12px; }
.create-task .select2-container--default .select2-selection--single { padding-block: 10px; border: none; }
#existing-lead-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .create-task .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; }
.stages span { background-color: #314375; padding: 4px 10px; border-radius: 20px; color: white; font-size: 12px; }
.create-lead-main .select2-selection.select2-selection--single.select2-selection--clearable {
    border: none;
}
.modal-content {
    overflow-y: scroll;
    scrollbar-width: none;
}
.select2-container .select2-dropdown.select2-dropdown--below {
    /*width: fit-content !important;*/
    scrollbar-width: thin;
    scrollbar-color: lightgray transparent;
}

.select2-container .select2-dropdown.select2-dropdown--below::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 10px;
}

.select2-container .select2-dropdown.select2-dropdown--below::-webkit-scrollbar-track {
    background: transparent;
}


.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option:hover, .select2-results__option--highlighted {
    background-color: #314375 !important;
    border-radius: 10px;
}
.create-lead-main {
    width: 70%;
}

.form-group:has(#timezone), .form-group:has(#team), .form-group:has(#tags), .form-group:has(#title), .form-group:has(#task-description) {
    padding-right: 30px;
}

.form-group.col-md-12 .select2.select2-container.select2-container--default {
    width: -webkit-fill-available !important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background-color:transparent;
    color: white;
}
#task_detail table tbody tr:nth-child(even) { table tbody tr: nth-child(even); background: unset; }
#task_detail table, #task_detail table tbody tr { border: none; }
#task_detail .modal-content { border-radius: 10px; }
#task_detail .modal-header { justify-content: space-between; }
#task_detail .task-head{width:-webkit-fill-available;}
#task_detail h3.box-title { font-weight: 600; }
.form-group textarea.form-control { height: auto; }
.create-task label.control-label { padding-top: 0; margin-bottom: 5px; }
button.dropdown-item.view_task_detail, button.dropdown-item.delete-task { background: none; border: none; padding: 9px 20px; font-size: 12px;width: -webkit-fill-available; text-align: left; }
button.dropdown-item.view_task_detail:hover, button.dropdown-item.delete-task:hover{ background: #f7fafc; width:-webkit-fill-available; text-align:left; }
select.status-select { background-color: #fff; border: 1px solid #e5ebec; border-radius: 0; box-shadow: none; color: #565656; transition: all 300ms linear 0s; width: -webkit-fill-available; padding: 4px 6px; font-size: 13px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#314375; border-color:#314375; }
.pagination-wrapper .pagination { display: flex; gap: 10px; }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: unset; }
.form-group.form:has(#timezone), .form-group.form:has(#team), .form-group.form:has(#tags) { padding-right: unset; }
/* Table Global Css */
table tbody tr:nth-child(even) {background: rgba(14, 137, 197, 0.09);}
table thead tr th:first-child, table tbody tr td:first-child {border-radius: 10px 0 0 10px;}
table thead tr th:last-child, table.dataTable tbody tr td:last-child { border-radius: 0 10px 10px 0; }
table{background-color: transparent;}
.table thead {height: 70px;background: linear-gradient(145deg, #314375, #43C1FF);}
table.dataTable tbody tr {height: 70px;}
.dataTable.table, .dataTable.table th, .dataTable.table td { border: none; box-shadow: none; }
.view-edit-main { display: flex; gap: 10px; justify-content: center;}
.dropdown-toggle { background: unset;font-size: 18px; }
.dropdown-toggle:active{ box-shadow:none; }
i.fa.fa-ellipsis-v {color:#314375;}
.view-edit-main a.dropdown-item { font-size: 12px; }
.view-edit-main ul.dropdown-menu { border-radius: 10px; }
.table.dataTable tr {border: none;box-shadow: none;}
.table-responsive label, .form-group .control-label { margin-bottom: 10px; }
table.status-table tbody tr:nth-child(even) { background: none; }
table.status-table tr { border: none; }
.white-box.status-show, .border { margin-bottom: 30px; border: 1px solid #e5ebec; }
.delete-btn { background: none; width: 100%; text-align: start; padding: 9px 20px; }
.delete-btn:hover { background: #f7fafc; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #314375; width: fit-content; height: 24px; color: white; }
.lead-info .status-select { background: white; color: black; margin-top: 10px; padding: 2px 10px; border-radius: 10px; border: none; width: fit-content; appearance: none;cursor: pointer; text-align: center;}
button.edit-pipeline-btn:active, button.delete-btn:active { box-shadow: none; }
.tags-main .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-right: 10px; }
.pagination-wrapper { display: flex; justify-content: end; }

/* Calendar Page */
.color_description_wrapper ul { display: flex; gap: 30px; padding-left: 0; list-style: none;padding-bottom: 30px; }
.color_description_wrapper ul li.list_new::before {background-color: #1E90FF;}
.color_description_wrapper ul li.list_confirmed::before {background-color: #32CD32;}
.color_description_wrapper ul li { position: relative; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; }
.color_description_wrapper ul li.green:before { content: ""; width: 30px; height: 30px; border-radius: 10px; display: block; position: absolute; background-color: #09E82E; left: 0; top: 0; bottom: 0; margin: auto 0; }
.color_description_wrapper ul li.schedule {color: #6ccbe8;}
.color_description_wrapper ul li.schedule:before { content: ""; width: 30px; height: 30px; border-radius: 10px; display: block; position: absolute; background-color: #6ccbe8; left: 0; top: 0; bottom: 0; margin: auto 0; }
.color_description_wrapper ul li.red {color: #C50E0E;}
.color_description_wrapper ul li.red:before { content: ""; width: 30px; height: 30px; border-radius: 10px; display: block; position: absolute; background-color: #C50E0E; left: 0; top: 0; bottom: 0; margin: auto 0; }
.color_description_wrapper ul li.blue {color: #0E89C5;}
.color_description_wrapper ul li:before { content: ""; width: 30px; height: 30px; border-radius: 10px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.color_description_wrapper ul li.list_new:before{background-color: #314375;}
.color_description_wrapper ul li.list_confirmed:before{background-color: #32CD32;}
.color_description_wrapper ul li.list_cancelled:before{background-color: #DC143C;}
.color_description_wrapper ul li.list_showed:before{background-color: #FF6849;}
.color_description_wrapper ul li.list_noshow:before{background-color: #000080;}
.color_description_wrapper ul li.list_invalid:before{background-color: #A0522D;}
.fc-event-container a.fc-day-grid-event {padding: 10px 5px;}

.inner_section_calendar { max-width: 100%; margin: 0 auto; padding: 40px; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); }
.inner_section_calendar .fc-toolbar-title {font-weight: 600;}
.fc-toolbar-chunk .fc-button-group button { padding: 8px; height: unset; background-color: #314375; background-image: unset; color: white; border-radius: 10px; margin: 0 5px; border: 0; font-size: 15px; }
.fc-toolbar-chunk .fc-button-group .fc-button.fc-button-primary.fc-button-active, .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-primary:hover, .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-primary:focus  {background-color: #314375;background-image: unset;box-shadow: none;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {border-radius: 10px;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {border-radius: 10px;}
#calendar table thead tr th.fc-col-header-cell.fc-day.fc-day-sat, #calendar table thead tr th:last-child {border-radius: 0;}
.view-appointment, .blue-border-btn { background: #fff; padding: 9px 20px; color: #314375; border-radius: 10px; border: 1px solid #314375; margin-right: 10px; }
.blue-border-btn {margin-right: 0;}
.view-appointment:hover { color: #314375; }
.view-appointment:active { box-shadow: none; }

#appointmentModal .modal-dialog, #appointmentViewModal .modal-dialog { width: 55%; }
#appointmentModal .modal-title, #appointmentViewModal .modal-title { width: -webkit-fill-available; text-align: center; font-weight: 600; }
#appointmentModal .modal-body input, #appointmentModal .modal-body select { height: 50px; border-radius: 10px; font-size: 16px; font-family: "poppins_reg"; color: #9B9B9B; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); background: none;margin-bottom: 30px; }
#appointmentModal .modal-header, #appointmentViewModal .modal-header{border-bottom: 0;}
#appointmentModal #appointmentDropzone { margin-bottom: 30px; }
#appointmentModal #app_description { height: auto; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); }
#appointmentModal .modal-content, #appointmentViewModal .modal-content {border-radius: 10px;}
#appointmentModal .modal-footer input { height: 50px; width: 60%; margin: auto; background-color: #314375; border: none; color: white; }
#appointmentModal .modal-footer {border-top: 0; padding-top:40px;}
#appointmentModal .modal-body::before, #appointmentViewModal .modal-body::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: linear-gradient(35deg, #314375, #4e5e8f); border-radius: 15px; }
#appointmentModal .modal-body{ padding-bottom:50px; }
#appointmentViewModal tr { border: none; }
#appointmentViewModal table tbody tr:nth-child(even) { background: none; }
#appointmentViewModal table tbody tr td { text-align: left; }
#appointmentViewModal table tbody tr th { width: 40%; }
#appointmentViewModal table tbody tr td { width: 60%; text-wrap: wrap; }
#appointmentViewModal .alert { font-size: 14px; line-height: 25px; color: #ACACAC; font-weight: 700; }
.fc-direction-ltr .fc-daygrid-event.fc-event-end { padding: 6px 4px; cursor: pointer; }
#calendar table tbody tr td:first-child { border-radius: 0px; }
.attachment-item.card img { height: 100%; max-height: 150px !important; width: 100%; max-width: 150px !important; }
/* Data table dropdown style starts from here */

.appointment_sec table tbody tr:last-child td .dropdown .dropdown-menu { left: unset; right: 0; bottom: 0; top: unset; }
.appointment_sec table tbody tr:not(:last-child) td .dropdown .dropdown-menu { left: unset; right: 0;}

/* CMS Home Page */

.cms-home label { font-weight: 600; color: black; padding-block: 10px; font-size: 16px; }
.section_one_wrapper.content_section, .section_one_wrapper.sub_section { margin-bottom: 20px; }
.content_section .form-group { margin-inline: 0; }
.content_section .row.custom_row_class { margin-inline: 0; }
.content_section h3 { font-weight: 700; }
.cms_save_changes_wrap {display: flex; justify-content: end; gap: 10px; padding-top: 10px; align-items: center; }
.content_section .image-input-wrapper.banner-image, .content_section .image-input-wrapper.explore-img { width: 500px; }
.content_section .image-input-wrapper img { width: 100%; height: 100%; }
.content_section .image-input-wrapper { width: 200px; }
.section_one_wrapper .edit-img { position: absolute; right: -20px; cursor: pointer; width: fit-content; color:#314375; font-weight:600; font-size:18px } 
.content_section .image-input-wrapper { position: relative;}
.content_section .content_subsection { display: flex; justify-content: space-between; padding-bottom: 20px; }
.content_subsection .remove_reviews, .section_one_wrapper.sub_section .remove-reviews, .section_one_wrapper.sub_section .remove-section { border: none; background: none; } 
.content_section .content_subsection .remove_reviews i, .section_one_wrapper.sub_section .remove_reviews i, .section_one_wrapper.sub_section .remove-section i { background: none; color: red; font-size: 18px; }
.content_section .video-section { width: 500px; padding-bottom: 20px; } 
.content_section .video-section video { width: 100%; height: 100%; }
.section_one_wrapper.content_section .form-group .form-control { color: black; }
.section_one_wrapper.content_section .sub_section h5 { color: black; font-weight: 600; }
.content_section .add-more-btn { width: 100%; display: flex; justify-content: end; padding-right: 15px; }
.content_section input[type=file] { display: none; }
input.form-control.video-input[type="file"] { display: block; box-shadow: none; }


.calendar {height: 50px; border-radius: 10px; color: #9B9B9B; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); background: white; width: 100%; padding-inline: 20px;}
button.search-filter { height: 50px; border-radius: 10px; color: #fff; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); background: #314375; padding-inline: 20px; } 
button.search-filter:hover{color:#fff;}

/* Ends here */
@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*/


.top-left-button #sidebarCollapse {
    height: 30px;
    width: 30px;
    font-size: 22px;
    line-height: normal;
}

.top-left-button {
    position: fixed;
    width: 42px;
    height: 42px;
    left: 240px;
    z-index: 999;
    top: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    box-shadow: 0 0.1rem 0.5rem 0.5rem rgba(49, 67, 117, 0.1);
    transition: all 0.3s;
}

.top-left-button button i {
    color: #314375;
}

.sidebar {
    transition: all 0.3s;
}

.sidebar.collapsed {
    width: 70px;
}

.sidebar.collapsed .hide-menu, 
.sidebar.collapsed .logo span {
    display: none;
}

.sidebar.collapsed .sidebar-nav ul li a {
    text-align: center;
    padding: 10px;
}

#page-wrapper {
    margin-left: 250px;
    transition: all 0.3s;
}

#page-wrapper.collapsed {
    margin-left: 70px;
}

aside.sidebar.collapsed .top-left-button {
    left: 50px;
}

#wrapper:has(.sidebar.collapsed) .page-wrapper {
    margin-left: 100px;
    transition: margin-left 0.3s ease;
}

.sidebar .top-left-button .fa-angle-right {
    display: none;
}

.sidebar.collapsed .top-left-button .fa-angle-right {
    display: block;
}

.sidebar.collapsed .top-left-button .fa-angle-left {
    display: none;
}



@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}


:root { 
    --orange: #F88850;
    --navy-blue:#314375;
}

.box-shadow {box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
.bg-orange { background-color: var(--orange); }
.bg-navy-blue { background-color: var(--navy-blue); }
.bg-white { background-color: white; }
.text-navy-blue { color: var(--navy-blue); }
.text-white { color: white; }
.fs-30 { font-size: 30px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fw-700 { font-weight: 700; }

/* crm reporting */
.crm-reporting-header { display: flex; justify-content: space-between; align-items: center; } 
.crm-reporting-filter.teams-filter { width: 25%; margin-bottom: 0; }
.reporting-card { padding: 20px; width: 100%; cursor: pointer; } 
.crm-reporting-cards { padding-block: 50px; display: flex; justify-content: space-between; gap: 20px; }
.reporting-card .card-title { padding: 25px 30px; text-align: center; width: max-content; }
.crm-reporting-filter .btn-filters { height: 50px; border-radius: 10px; border: 0; box-shadow: 0 8px 21px rgba(0, 0, 0, 0.06); background: var(--white); width: 100%; text-align: left; font-weight: 600; color: black; }
.crm-reporting-filter .dropdown-menu { width: 100%; } 
.crm-reporting-filter .dropdown-item-text { display: flex; gap: 10px; padding-inline: 10px; }
.crm-reporting-filter .selection .select2-selection {height: 45px;padding-left: 10px;display: flex;align-items: center;border-radius: 8px;border: none;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);} 
.crm-reporting-filter .selection .select2-selection__arrow { height: 38px; top: 10%; right: 6px; }
.crm-reporting-filter.teams-filter .custom-dropdown { width: 100%; }
.crm-reporting-filter .filters_main { align-items: center; gap: 10px; }
.crm-reporting-filter .filters_main i.clear-icon { margin: 0; } 
.crm-reporting-filter .header-main { display: flex; justify-content: space-between; align-items: center; padding-inline: 10px; }
.crm-reporting-filter .clear-icon { background: #314375; color: white; border-radius: 50%; cursor: pointer; font-size: 10px; padding: 6px; }
.reporting-radio .card-radio {display: none;}
.reporting-radio { width: 100%; } 
.reporting-radio input:checked + .reporting-card {background: linear-gradient(145deg, #314375, #43C1FF);} 
.reporting-radio input:checked + .reporting-card p { color: white; }



@media  (max-width: 1171px) {
    .top-left-button{display: none;}
}