@media screen and (max-width: 1180px) {
  .dashboard-page .card-box .box {
    width: calc(50% - 20px);
  }
  .main-headbox {
    flex-wrap: wrap;
  }
  /*footer-section css*/
  .footer-detail .top-box .leftbox {
    margin-bottom: 20px;
    width: 100%;
  }
  .footer-detail .top-box {
    display: block;
  }
  .footer-detail .top-box {
    padding: 30px;
  }
  .footer-detail .top-box .leftbox .logo-location {
    max-width: 190px;
  }
  .footer-detail .top-box .leftbox .footer-list {
    width: calc(100% - 190px);
    margin-left: 29px;
  }
  .footer-detail .top-box .leftbox .footer-list ul:first-child {
    padding-right: 25px;
  }
  .footer-detail ul li.maine-head {
    margin-bottom: 10px;
  }
  .footer-detail .top-box .leftbox .footer-list {
    justify-content: space-around;
  }
  .Insurance-detailbox .new-policybox .tab-content ul.your-policybox-detail li {
    padding-right: 10px;
  }
}
@media screen and (max-width: 991px) {
  .btn {
    min-width: 160px;
  }
  .header-detail ul.navbar-navbox {
    display: flex;
    align-items: center;
  }
  .sidebar {
    padding-top: 30px;
  }
  .sidebar-collapse .main-sidebar {
    width: 260px;
  }
  .content-wrapper {
    margin-left: 0px !important;
  }

  .sidebar-collapse .main-sidebar {
    margin-left: -260px;
    box-shadow:
      0 14px 28px rgba(0, 0, 0, 0.25),
      0 10px 10px rgba(0, 0, 0, 0.22) !important;
  }

  .main-sidebar ul.navbar-navbox {
    display: none;
  }
  .header {
    padding: 13px 15px;
  }
  .content-wrapper {
    padding: 20px 15px;
  }
  .footer-detail .top-box {
    padding: 20px 15px;
  }
  .main-inner {
    background-color: transparent;
  }
  /*.footer-section*/
  .opensidebar {
    display: block !important;
  }
  .closeSidebar {
    display: none !important;
  }
  .stats-containers {
    gap: 1px;
  }
  .main-sidebar {
    width: 260px;
    top: 93px !important;
  }
  .header-detail .logo {
    display: none !important;
  }
  .header {
    padding: 0px 15px !important;
  }
  .tab-mq-d {
    border: 2px solid #9f9f9f !important;
    border-radius: 30px;
    min-width: 165px;
  }
  .Policies-tablebox .nav-tabs .nav-item .nav-link {
    padding: 3px !important;
    font-size: 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Policies-tablebox .nav-tabs .nav-link.active {
    font-size: 12px !important;
    cursor: pointer !important;
    border-bottom: none !important;
  }
}

@media screen and (max-width: 767px) {
  .login-detail .right-box .right-box-detail img {
    margin: 0 auto 20px;
    max-width: 190px;
  }
  .login-form .button-box {
    margin: 30px 0px 10px;
  }
  .login-detail {
    display: block;
    height: 100%;
  }
  .login-detail > div {
    width: 100%;
  }
  .login-detail .left-box {
    text-align: center;
    margin-bottom: 20px;
  }
  .login-detail .left-box img {
    max-width: 400px;
  }
  .admin-table.table-responsive {
    overflow-x: auto !important;
  }
  /*dashboard-page-css*/
  .search-box .input-box {
    flex-wrap: wrap;
  }
  .main-content h2 {
    font-size: 22px;
  }
  .search-box .input-box input {
    margin-bottom: 10px;
  }
  .tab-footer .btn {
    min-width: 115px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .policy-header {
    display: block;
  }
  .policy-header h4 {
    width: 100%;
    margin-bottom: 15px;
  }
  .btn {
    min-width: 120px;
    /* height: 35px; */
    line-height: 33px;
    font-size: 14px;
  }
  .search-box .input-box .btn {
    min-width: 110px;
    margin: 5px 5px 5px 0px;
  }
  .search-box .input-box input {
    margin-right: 0;
  }
  .new-policybox .policy-other-detail {
    padding: 0px 15px 0px;
    max-width: 620px;
  }
  .Policies-tfoot-tabs td .tab-content .tab-pane ul li {
    width: 100%;
  }
  .customer-dashboard .card-box .card {
    width: 49%;
    margin-bottom: 15px;
  }
  .customer-dashboard .card-box {
    flex-wrap: wrap;
  }
  .bank-insurnace-detail .box {
    width: 49%;
    margin-bottom: 15px;
  }
  .bank-insurnace-detail {
    flex-wrap: wrap;
  }
  .Insurance-detailbox
    .new-policybox
    .tab-content
    .filter-box
    .accordion
    ul
    li
    span {
    font-size: 15px;
  }
  .Insurance-detailbox .new-policybox .tab-content .filter-box .accordion ul {
    flex-wrap: wrap;
  }
  .Insurance-detailbox .new-policybox .tab-content ul.your-policybox-detail li {
    margin-bottom: 5px;
  }
  .bank-insurnace-detail .box .detail p {
    font-size: 14px;
  }
  .policy-serviving-cardbox .cardbox {
    width: 48%;
  }
  .policy-serviving-detail .cardbox a {
    font-size: 14px;
  }
  .main-sidebar {
    width: 260px;
    top: 64px !important;
  }
  .header-detail .logo {
    display: none !important;
  }
  .hamburger-react {
    height: 20px !important;
  }
  .header {
    padding: 0px 15px !important;
  }
  .investor-search-input {
    gap: 134px !important;
  }
  .search-input-container .form-control {
    font-size: 11px !important;
  }
  .individual-policy-btn {
    font-size: 12px !important;
  }
  .ptc-policy-btn {
    font-size: 13px !important;
  }
  .toggel-btns {
    width: 284px !important;
    height: 40px !important;
    margin-top: -64px !important;
  }
  .table-export {
    display: none !important;
  }
  .all-policies-table tbody tr td {
    font-size: 0.7rem !important;
  }
  .admin-table table {
    min-width: 300px;
  }
  .all-policies-table thead tr th {
    font-size: 0.7rem !important;
  }
  .tab-mq-d {
    border: 2px solid #9f9f9f !important;
    border-radius: 30px;
    min-width: 165px;
  }
  .table-collapse .nav-tabs {
    border-bottom: none !important;
  }
  .Policies-tablebox .nav-tabs .nav-item .nav-link {
    padding: 3px !important;
    font-size: 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Policies-tablebox .table .nav-tabs .nav-item a.active {
    /* color: #AF172B !important; */
    color: #222222 !important;
    border-bottom: none !important;
  }
  .admin-table table {
    min-width: 300px;
  }
  /* .admin-table table .table-collapse td {
        padding: 6px 8px 8px !important;
    } */

  .surrender-card-container {
    padding: 10px;
  }
  .cashflow-container {
    flex-direction: column;
    gap: 50px;
  }

  .tab-content > .tab-pane {
    padding-top: 0px !important;
  }
  .surrender-policy-card-rect {
    width: 136px !important;
    height: 100px !important;
  }
  .fa-envelope:before {
    font-size: 34px !important;
  }
  .row.main-content-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .pdf-container {
    justify-content: flex-start !important;
    height: 700px !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
    overflow-x: scroll !important;
    margin: 0px !important;
  }
}
@media screen and (max-width: 576px) {
  .status-btnbox {
    margin-top: 5px !important;
    display: inline-block;
  }
  .my-policy-page .filter-box .accordion {
    display: block;
  }
  .my-policy-page .tab-content #product-info .tab-footer .button-box {
    display: block;
  }
  .dashboard-page .card-box .box {
    width: calc(100% - 20px);
    padding: 15px;
  }
  .dashboard-page .card-box .box .topbox .iconbox img {
    max-width: 40px;
  }
  /*footer section*/
  .footer-detail .top-box .leftbox {
    display: block;
  }
  .footer-detail .top-box .leftbox .logo-location {
    max-width: 100%;
  }
  .footer-detail .top-box .leftbox .footer-list {
    width: 100%;
    margin: 20px 0px;
    display: block;
  }
  .footer-detail .top-box .leftbox .footer-list ul:first-child {
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .Congratulations-box .button-box .btn {
    margin-right: 4px;
  }
  .Congratulations-box {
    padding: 15px 15px 10px;
  }
  .new-policybox .nav-tabs li.nav-item {
    margin-right: 0px !important;
  }
  .hamburger-react {
    height: 20px !important;
  }
  .new-policybox .nav-tabs li.nav-item .nav-link {
    font-size: 13px;
    padding: 10px 6px;
  }
  .new-policybox .policy_detailbox {
    margin-top: 0;
  }
  .footer-detail .top-box .rightbox {
    max-width: 100%;
  }
  .policy-serviving-detail .cardbox {
    width: 49%;
    margin-bottom: 10px;
  }
  .policy-serviving-detail {
    flex-wrap: wrap;
  }
  .opensidebar {
    display: block !important;
  }
  .closeSidebar {
    display: none !important;
  }
  .main-sidebar {
    width: 260px;
    top: 64px !important;
  }
  .header-detail .logo {
    display: none !important;
  }
  .header {
    padding: 0px 15px !important;
  }
  .investor-search-input {
    gap: 134px !important;
  }
  .search-box label {
    display: none !important;
  }
  .search-input-container .form-control {
    font-size: 11px !important;
    width: 151% !important;
  }
  .individual-policy-btn {
    font-size: 12px !important;
  }
  .ptc-policy-btn {
    font-size: 13px !important;
  }
  .toggel-btns {
    width: 284px !important;
    height: 40px !important;
    margin-top: -64px !important;
  }
  .table-export {
    display: none !important;
  }
  .all-policies-table tbody tr td {
    font-size: 0.7rem !important;
  }
  .admin-table table {
    min-width: 300px;
  }
  .all-policies-table thead tr th {
    font-size: 0.7rem !important;
  }
  .tab-mq-d {
    border: 2px solid #9f9f9f !important;
    border-radius: 30px;
    min-width: 165px;
  }
  .table-collapse .nav-tabs {
    border-bottom: none !important;
  }
  .Policies-tablebox .nav-tabs .nav-item .nav-link {
    padding: 3px !important;
    font-size: 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Policies-tablebox .table .nav-tabs .nav-item a.active {
    /* color: #AF172B !important; */
    color: #222222 !important;
    border-bottom: none !important;
  }
  .admin-table table {
    min-width: 300px;
  }
  /* .admin-table table .table-collapse td {
        padding: 6px 8px 8px !important;
    } */
  /* --- Head Box --- */
  .head-box {
    text-align: center;
    padding: 0px !important;
  }

  .head-box p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .head-box .total-amount {
    font-size: 20px !important;
    font-weight: 700;
    color: #fff !important;
    margin-top: 2px;
  }

  /* --- Table Wrapper --- */
  .existing-policies-table-one {
    padding: 0 !important;
    overflow-x: hidden;
  }

  /* --- Main Table --- */
  .detailtable-box {
    width: 100% !important;
    border-collapse: collapse;
    display: block;
  }

  .detailtable-box tbody {
    display: block;
    width: 100%;
  }

  /* Each tr becomes a card */
  .detailtable-box tbody tr {
    display: block;
    background: #ffffff;
    overflow: hidden;
  }

  /* Total Investment row - no header needed */
  .detailtable-box tbody tr:nth-child(4) {
    margin-top: -4px;
  }

  /* --- TDs inside each row --- */
  .detailtable-box tbody tr td {
    display: block;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
  }

  /* First td = Section Title (card header) */
  .detailtable-box tbody tr td:first-child {
    background: #1a2744;
    padding: 10px 16px !important;
    border-radius: 0;
  }

  .detailtable-box tbody tr td:first-child b {
    color: #c9a84c;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  /* Empty td (Total Investment row) */
  .detailtable-box tbody tr td:first-child:empty,
  .detailtable-box tbody tr td:first-child:-moz-only-whitespace {
    display: none;
  }

  /* Hide empty first td */
  .detailtable-box tbody tr:nth-child(4) td:first-child {
    display: none;
  }

  /* Second td = Labels, Third td = Values — make them side by side */
  .detailtable-box tbody tr td:nth-child(2),
  .detailtable-box tbody tr td:nth-child(3) {
    display: inline-block !important;
    width: 50% !important;
    vertical-align: top;
    padding: 10px 14px !important;
  }

  .detailtable-box tbody tr td:nth-child(2) {
    border-right: 1px solid #f0f0f0 !important;
  }

  /* Label styles */
  .detailtable-box tbody tr td:nth-child(2) p {
    font-size: 11.5px;
    color: #888;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
  }

  .detailtable-box tbody tr td:nth-child(2) p:last-child {
    border-bottom: none;
  }

  /* Value styles */
  .detailtable-box tbody tr td:nth-child(3) p.total-amount {
    font-size: 12.5px !important;
    font-weight: 600;
    color: #1a2744 !important;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
    text-align: right;
  }

  .detailtable-box tbody tr td:nth-child(3) p.total-amount:last-child {
    border-bottom: none;
  }

  /* Bold Total Investment row */
  .detailtable-box tbody tr:nth-child(4) td:nth-child(2) p.total-amount,
  .detailtable-box tbody tr:nth-child(4) td:nth-child(3) p.total-amount {
    font-size: 14px !important;
    color: #2d7a4f !important;
    font-weight: 700 !important;
  }

  /* Receipt row - highlight values */
  .detailtable-box tbody tr:last-child td:nth-child(3) p.total-amount {
    color: #2d7a4f !important;
  }

  /* --- Footnotes / Notes Section --- */
  .existing-policies-table-one > div {
    background: #fdf8f0;
    padding: 14px 16px !important;
    margin: 0px !important;
  }

  .paragraph {
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
  }

  .headingOther {
    font-size: 11px !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c9a84c !important;
    margin: 10px 0 6px !important;
  }

  /* --- Tab Content padding --- */
  .tab-content {
    padding-bottom: 80px;
  }
  .detail-status-ul-mq {
    max-width: 362px !important;
    min-width: 265px !important;
    overflow-x: auto !important;
    padding-bottom: 15px !important;
  }
  .service-req-tabs {
    margin-left: -17px !important;
    margin-top: 29px;
  }
  .surrender-card-container {
    padding: 10px !important;
  }
  .cashflow-container {
    flex-direction: column;
    gap: 50px;
  }

  .business-type-toggle > div {
    width: 100% !important;
    max-width: 350px;
    height: 46px !important;
  }
  .business-type-toggle > button {
    font-size: 13px !important;
  }
  .table-discp {
    margin-top: 20px !important;
    height: 40.67px !important;
    border-radius: 10px 10px 0px 0px !important;
  }
  .tab-content > .tab-pane {
    padding-top: 0px !important;
  }
  .surrender-card-title {
    font-size: 13px !important;
  }
  .applied-filters {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .applied-filters div:nth-child(2) button {
    font-size: 0.8rem !important;
    height: 40px;
    border-radius: 10px !important;
    min-width: 9em !important;
  }
  .policyno-input-box {
    display: flex;
    gap: 105px !important;
  }
  .login-form .inputCustom {
    height: 44px !important;
  }
  .login-eye {
    right: 11px !important;
    bottom: 15px !important;
  }

  .input-container label {
    position: absolute;
    pointer-events: none;
    transform: translate(0, 23px) scale(1);
    transform-origin: top left;
    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    color: #111;
    font-size: 10px !important;
    line-height: 1;
    left: 30px !important;
    margin: -12px 0 0 -25px !important;
    opacity: 0.8;
    top: -6px;
  }
  .login-form .button-box {
    display: flex !important;
    gap: 28px !important;
    justify-content: center !important;
  }
  .login-form .button-box .login-btn {
    display: block;
    margin: 0px 0px 5px;
  }

  .input-container input.file {
    padding: 6px 15px 4px 8px !important;
    font-size: 10px !important;
    /* height: 28px; */
    line-height: 1;
    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  }
  .login-detail > div {
    width: 100%;
  }
  .login-detail {
    display: block;
    height: 100%;
    margin-top: 2.5rem;
    padding: 0 1.2rem;
  }
  .login-detail .left-box {
    text-align: center;
    margin-bottom: 20px;
    display: none;
  }
  .form-group input,
  .form-group select {
    border: 0px;
    border: 1px solid #aaaaaa !important;
    border-radius: 0px;
    padding: 10px 0px;
    /* color: #000000 !important; */
    /* color: #777676; */
    font-size: 15px;
    height: 32px !important;
    outline: none;
    box-shadow: none !important;
    border-radius: 10px !important;
  }
  .login-form-main-content {
    display: flex;
    gap: 8px !important;
    margin-bottom: 20px;
  }
  .investor-select {
    padding: 10px 5px !important;
  }
  .investor-labal {
    display: none !important;
  }
  .all-policies-filter {
    padding-bottom: 1px !important;
  }
  .form-group.investor-filter-policyno {
    justify-content: center !important;
    align-items: center !important;
  }
  .apply-btn {
    height: 33px !important;
    line-height: 32px !important;
  }
  .top-bar {
    justify-content: center !important
    ;
  }
  .add-icon-box {
    width: 34px !important;
    height: 30px !important;
  }
  .investor-modal {
    width: 352px !important;
  }

  /* .admin-table table {
    min-width: 0px !important;
} */
  .container-fluid {
    padding-right: 0px !important;
    padding-left: 15px;
  }
  .cashflow-second-container {
    display: flex;
    gap: 50px;
    flex-direction: column;
  }
  .death-benefit-table {
    min-width: 0px !important;
  }
  .Policies-tablebox .nav-tabs .nav-link.active {
    border-bottom: 0px !important;
  }
  .row.main-content-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .policy-summary {
    overflow-y: scroll !important;
  }
  .pdf-container {
    justify-content: flex-start !important;
    height: 700px !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
    overflow-x: scroll !important;
    margin: 0px !important;
  }
}
@media screen and (max-width: 480px) {
  .login-form .button-box {
    display: block;
  }
  .login-form .button-box .login-btn {
    display: block;
    margin: 0px 0px 5px;
  }
  .header-detail .logo img {
    max-width: 100px;
  }
  ul.filter-radio-btn li {
    margin-bottom: 20px;
    width: 50%;
  }
  .footer-detail .top-box .rightbox {
    max-width: 100%;
    width: 100%;
  }
  .main-content h2 {
    font-size: 18px;
  }
  .Congratulations-box .button-box .btn {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .customer-dashboard .card-box .card {
    width: 100%;
  }
  .bank-insurnace-detail .box {
    width: 100%;
  }
  .life-insurance-detail-page .button-box .btn {
    min-width: 138px;
    margin-right: 5px;
  }
  .policy-serviving-cardbox .cardbox {
    width: 100%;
  }
  .life-insurance-detail-page
    .filter-box
    .panel
    .detail-box
    .nav-tabs
    li.nav-item
    a.nav-link {
    padding: 9px 5px;
    font-size: 13px;
  }
  .opensidebar {
    display: block !important;
  }
  .closeSidebar {
    display: none !important;
  }
  .investor-search-input {
    gap: 134px !important;
  }
  .search-input-container .form-control {
    font-size: 11px !important;
  }
  .main-sidebar {
    width: 260px;
    top: 64px !important;
  }
  .header-detail .logo {
    display: none !important;
  }
  .hamburger-react {
    height: 20px !important;
  }
  .header {
    padding: 0px 15px !important;
  }

  .search-box label {
    display: none !important;
  }
  .individual-policy-btn {
    font-size: 12px !important;
  }
  .ptc-policy-btn {
    font-size: 13px !important;
  }
  .toggel-btns {
    width: 284px !important;
    height: 40px !important;
    margin-top: -64px !important;
  }
  .table-export {
    display: none !important;
  }
  .all-policies-table tbody tr td {
    font-size: 0.7rem !important;
  }
  /* .admin-table table {
        min-width: 300px;
    } */
  .all-policies-table thead tr th {
    font-size: 0.7rem !important;
  }

  .tab-mq-d {
    border: 2px solid #9f9f9f !important;
    border-radius: 30px;
    min-width: 165px;
  }
  .table-collapse .nav-tabs {
    border-bottom: none !important;
  }
  .Policies-tablebox .nav-tabs .nav-item .nav-link {
    padding: 3px !important;
    font-size: 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Policies-tablebox .table .nav-tabs .nav-item a.active {
    /* color: #AF172B !important; */
    color: #222222 !important;
    border-bottom: none !important;
  }
  /* .admin-table table {
             min-width: 408px;
    } */
  /* .admin-table table .table-collapse td {
        padding: 6px 8px 8px !important;
    } */

  /* --- Head Box --- */
  .head-box {
    text-align: center;
    padding: 0px !important;
  }

  .head-box p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .head-box .total-amount {
    font-size: 20px !important;
    font-weight: 700;
    color: #fff !important;
    margin-top: 2px;
  }

  /* --- Table Wrapper --- */
  .existing-policies-table-one {
    padding: 0 !important;
    overflow-x: hidden;
  }

  /* --- Main Table --- */
  .detailtable-box {
    width: 100% !important;
    border-collapse: collapse;
    display: block;
  }

  .detailtable-box tbody {
    display: block;
    width: 100%;
  }

  /* Each tr becomes a card */
  .detailtable-box tbody tr {
    display: block;
    background: #ffffff;
    overflow: hidden;
  }

  /* Total Investment row - no header needed */
  .detailtable-box tbody tr:nth-child(4) {
    margin-top: -4px;
  }

  /* --- TDs inside each row --- */
  .detailtable-box tbody tr td {
    display: block;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
  }

  /* First td = Section Title (card header) */
  .detailtable-box tbody tr td:first-child {
    background: #1a2744;
    padding: 10px 16px !important;
    border-radius: 0;
  }

  .detailtable-box tbody tr td:first-child b {
    color: #c9a84c;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  /* Empty td (Total Investment row) */
  .detailtable-box tbody tr td:first-child:empty,
  .detailtable-box tbody tr td:first-child:-moz-only-whitespace {
    display: none;
  }

  /* Hide empty first td */
  .detailtable-box tbody tr:nth-child(4) td:first-child {
    display: none;
  }

  /* Second td = Labels, Third td = Values — make them side by side */
  .detailtable-box tbody tr td:nth-child(2),
  .detailtable-box tbody tr td:nth-child(3) {
    display: inline-block !important;
    width: 50% !important;
    vertical-align: top;
    padding: 10px 14px !important;
  }

  .detailtable-box tbody tr td:nth-child(2) {
    border-right: 1px solid #f0f0f0 !important;
  }

  /* Label styles */
  .detailtable-box tbody tr td:nth-child(2) p {
    font-size: 11.5px;
    color: #888;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
  }

  .detailtable-box tbody tr td:nth-child(2) p:last-child {
    border-bottom: none;
  }

  /* Value styles */
  .detailtable-box tbody tr td:nth-child(3) p.total-amount {
    font-size: 12.5px !important;
    font-weight: 600;
    color: #1a2744 !important;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
    text-align: right;
  }

  .detailtable-box tbody tr td:nth-child(3) p.total-amount:last-child {
    border-bottom: none;
  }

  /* Bold Total Investment row */
  .detailtable-box tbody tr:nth-child(4) td:nth-child(2) p.total-amount,
  .detailtable-box tbody tr:nth-child(4) td:nth-child(3) p.total-amount {
    font-size: 14px !important;
    color: #2d7a4f !important;
    font-weight: 700 !important;
  }

  /* Receipt row - highlight values */
  .detailtable-box tbody tr:last-child td:nth-child(3) p.total-amount {
    color: #2d7a4f !important;
  }

  /* --- Footnotes / Notes Section --- */
  .existing-policies-table-one > div {
    background: #fdf8f0;
    padding: 14px 16px !important;
    margin: 0px !important;
  }

  .paragraph {
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
  }

  .headingOther {
    font-size: 11px !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c9a84c !important;
    margin: 10px 0 6px !important;
  }

  /* --- Tab Content padding --- */
  .tab-content {
    padding-bottom: 80px;
  }
  .detail-status-ul-mq {
    max-width: 307px !important;
    min-width: 295px !important;
    overflow-x: auto !important;
    padding-bottom: 15px !important;
  }
  .surrender-card-container {
    padding: 12px !important;
  }
  .cashflow-container {
    flex-direction: column;
    gap: 50px;
  }
  .business-type-toggle > div {
    width: 100% !important;
    max-width: 350px;
    height: 40px !important;
  }
  .business-type-toggle > button {
    font-size: 13px !important;
  }
  .tab-content > .tab-pane {
    padding-top: 0px !important;
  }
  .surrender-policy-card-rect {
    width: 156px !important;
    height: 100px !important;
  }
  .fa-envelope:before {
    font-size: 34px !important;
  }
  .surrender-card-title {
    font-size: 13px !important;
  }
  .cashflow-second-container {
    display: flex;
    gap: 50px;
    flex-direction: column;
  }
  .death-benefit-table {
    min-width: 0px !important;
  }
  .Policies-tablebox .nav-tabs .nav-link.active {
    border-bottom: 0px !important;
  }

  .cashflow-container {
    max-width: 356px !important;
  }
  .cashflow-second-container {
    max-width: 386px !important;
  }
  .row.main-content-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .policy-summary {
    overflow-y: scroll !important;
  }
  .mainWrapper {
    width: 285px !important;
  }
  .preview-para {
    font-size: 13px !important;
  }
  .pdf-container {
    justify-content: flex-start !important;
    height: 700px !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
    overflow-x: scroll !important;
    margin: 0px !important;
  }
}

@media screen and (max-width: 380px) {
  .table-export {
    display: none !important;
  }
  .export-link {
    border-right: none;
  }
  ul.filter-radio-btn li {
    margin-bottom: 20px;
    width: 100%;
  }
  .policy-serviving-detail .cardbox {
    width: 100%;
  }
  .opensidebar {
    display: block !important;
  }
  .closeSidebar {
    display: none !important;
  }
  .main-sidebar {
    width: 260px;
    top: 64px !important;
  }
  .header-detail .logo {
    display: none !important;
  }
  .hamburger-react {
    height: 20px !important;
  }
  .header {
    padding: 0px 15px !important;
  }
  .investor-search-input {
    gap: 134px !important;
  }
  .search-box label {
    display: none !important;
  }
  .search-input-container .form-control {
    font-size: 11px !important;
  }
  .individual-policy-btn {
    font-size: 12px !important;
  }
  .ptc-policy-btn {
    font-size: 13px !important;
  }
  .toggel-btns {
    width: 284px !important;
    height: 40px !important;
    margin-top: -64px !important;
  }
  .all-policies-table tbody tr td {
    font-size: 0.7rem !important;
  }
  .admin-table table {
    min-width: 300px;
  }
  .all-policies-table thead tr th {
    font-size: 0.7rem !important;
  }

  .tab-mq-d {
    border: 2px solid #9f9f9f !important;
    border-radius: 30px;
    min-width: 165px;
  }
  .table-collapse .nav-tabs {
    border-bottom: none !important;
  }
  .Policies-tablebox .nav-tabs .nav-item .nav-link {
    padding: 3px !important;
    font-size: 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  .Policies-tablebox .table .nav-tabs .nav-item a.active {
    /* color: #AF172B !important; */
    color: #222222 !important;
    border-bottom: none !important;
  }

  .admin-table table {
    min-width: 300px;
  }
  /* .admin-table table .table-collapse td {
        padding: 6px 8px 8px !important;
    } */

  /* --- Head Box --- */
  .head-box {
    text-align: center;
  }

  .head-box p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .head-box .total-amount {
    font-size: 20px !important;
    font-weight: 700;
    color: #fff !important;
    margin-top: 2px;
  }

  /* --- Table Wrapper --- */
  .existing-policies-table-one {
    padding: 0 !important;
    overflow-x: hidden;
  }

  /* --- Main Table --- */
  .detailtable-box {
    width: 100% !important;
    border-collapse: collapse;
    display: block;
  }

  .detailtable-box tbody {
    display: block;
    width: 100%;
  }

  /* Each tr becomes a card */
  .detailtable-box tbody tr {
    display: block;
    background: #ffffff;
    overflow: hidden;
  }

  /* Total Investment row - no header needed */
  .detailtable-box tbody tr:nth-child(4) {
    margin-top: -4px;
  }

  /* --- TDs inside each row --- */
  .detailtable-box tbody tr td {
    display: block;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
  }

  /* First td = Section Title (card header) */
  .detailtable-box tbody tr td:first-child {
    background: #1a2744;
    padding: 10px 16px !important;
    border-radius: 0;
  }

  .detailtable-box tbody tr td:first-child b {
    color: #c9a84c;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }

  /* Empty td (Total Investment row) */
  .detailtable-box tbody tr td:first-child:empty,
  .detailtable-box tbody tr td:first-child:-moz-only-whitespace {
    display: none;
  }

  /* Hide empty first td */
  .detailtable-box tbody tr:nth-child(4) td:first-child {
    display: none;
  }

  /* Second td = Labels, Third td = Values — make them side by side */
  .detailtable-box tbody tr td:nth-child(2),
  .detailtable-box tbody tr td:nth-child(3) {
    display: inline-block !important;
    width: 50% !important;
    vertical-align: top;
    padding: 10px 14px !important;
  }

  .detailtable-box tbody tr td:nth-child(2) {
    border-right: 1px solid #f0f0f0 !important;
  }

  /* Label styles */
  .detailtable-box tbody tr td:nth-child(2) p {
    font-size: 11.5px;
    color: #888;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
  }

  .detailtable-box tbody tr td:nth-child(2) p:last-child {
    border-bottom: none;
  }

  /* Value styles */
  .detailtable-box tbody tr td:nth-child(3) p.total-amount {
    font-size: 12.5px !important;
    font-weight: 600;
    color: #1a2744 !important;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    line-height: 1.4;
    text-align: right;
  }

  .detailtable-box tbody tr td:nth-child(3) p.total-amount:last-child {
    border-bottom: none;
  }

  /* Bold Total Investment row */
  .detailtable-box tbody tr:nth-child(4) td:nth-child(2) p.total-amount,
  .detailtable-box tbody tr:nth-child(4) td:nth-child(3) p.total-amount {
    font-size: 14px !important;
    color: #2d7a4f !important;
    font-weight: 700 !important;
  }

  /* Receipt row - highlight values */
  .detailtable-box tbody tr:last-child td:nth-child(3) p.total-amount {
    color: #2d7a4f !important;
  }

  /* --- Footnotes / Notes Section --- */
  .existing-policies-table-one > div {
    background: #fdf8f0;
    padding: 14px 16px !important;
    margin: 0px !important;
  }

  .paragraph {
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
  }

  .headingOther {
    font-size: 11px !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c9a84c !important;
    margin: 10px 0 6px !important;
  }

  /* --- Tab Content padding --- */
  .tab-content {
    padding-bottom: 80px;
  }
  .detail-status-ul-mq {
    max-width: 307px !important;
    min-width: 295px !important;
    overflow-x: auto !important;
    padding-bottom: 15px !important;
  }
  .surrender-card-container {
    padding: 10px;
  }
  .cashflow-container {
    flex-direction: column;
    gap: 50px;
  }

  .business-type-toggle > div {
    width: 100% !important;
    max-width: 350px;
    height: 46px !important;
  }
  .business-type-toggle > button {
    font-size: 13px !important;
  }
  .tab-content > .tab-pane {
    padding-top: 0px !important;
  }
  .surrender-policy-card-rect {
    width: 136px !important;
    height: 100px !important;
  }
  .fa-envelope:before {
    font-size: 34px !important;
  }
  .surrender-card-title {
    font-size: 13px !important;
  }
  .cashflow-second-container {
    display: flex;
    gap: 50px;
    flex-direction: column;
  }
  .death-benefit-table {
    min-width: 0px !important;
  }
  .Policies-tablebox .nav-tabs .nav-link.active {
    border-bottom: 0px !important;
  }
  .cashflow-container {
    max-width: 310px !important;
  }
  .cashflow-second-container {
    max-width: 336px !important;
  }
  .row.main-content-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .policy-summary {
    overflow-y: scroll !important;
  }
  .pdf-container {
    justify-content: flex-start !important;
    height: 700px !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
    overflow-x: scroll !important;
    margin: 0px !important;
  }
}