:root {
    --primary_color: #297D18;
    --secondary_color: #FFAE00;
    --body_color: #474B44;
    --heading_color: #151614;
    --white: #fff;
    --black: #000;
    --link_color: #4F85EE;
    --body_font: 'Poppins', sans-serif;
    --heading_font: 'Poppins', sans-serif;
    --footer_bg: #141A13;
    --copyright_bg: #1F201D;
    --grey: #A3A89F;
    --light_primary: #E5EDE3;
    --dark_primary: #184A0D;
    --light_grey: #FCFCFC;
    --light_secondary: #FFFAEE;
    --table_border: #CCCFC9;
  }

  html,
  body {
    overflow-x: hidden;
  }

  body {
    font-family: var(--body_font);
    color: var(--body_color);
  }

  body,
  button,
  input,
  select,
  textarea,
  .btn,
  .nav,
  .navbar,
  .dropdown-menu,
  .form-control,
  .form-select,
  .table,
  .card,
  .badge,
  .breadcrumb,
  .page-title-box,
  .menu-title,
  .nav-link,
  .dropdown-item,
  .modal-content {
    font-family: var(--body_font);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--heading_font);
    color: var(--heading_color);
  }

  p {
    font-weight: 600;
    font-size: 19px;
    word-spacing: 2px;
  }

  .body_text_color {
    color: var(--body_color);
  }

  .bg_primary {
    background-color: rgb(220,53,69);
  }

  .bg_secondary {
    background-color: rgb(220,53,69);
  }

  .bg_white {
    background-color: var(--white);
  }

  .bg_grey {
    background-color: var(--light_grey);
  }

  .bg_light_secondary {
    background-color: var(--light_secondary);
  }

  .txt_black,
  .txt_black * {
    color: var(--black);
  }

  .txt_white,
  .txt_white * {
    color: var(--white);
  }

  .txt_primary {
    color: rgb(220,53,69);
  }

  .txt_secondary {
    color: rgb(220,53,69);
  }

  .fw_500 {
    font-weight: 500;
  }

  .form-control {
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    outline: none;
    padding: 12px;
  }
  .form-control:hover {
    box-shadow: none;
    text-decoration: none;
    outline: none;
  }
  .form-control:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none;
  }

  /* ===== Scroll to Top ==== */
  #return_to_top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: rgb(220,53,69);
    width: 45px;
    height: 45px;
    text-decoration: none;
    border-radius: 5px;
    display: none;
    z-index: 999;
  }
  #return_to_top i {
    color: var(--black);
    margin: 0;
    position: relative;
    left: 16px;
    top: 11px;
    font-size: 16px;
  }

  /* ==== End Scroll to Top ==== */
  .btn_primary,
  .btn_secondary,
  .btn_outlined {
    /* display: inline-flex;
    align-items: center;
    justify-content: center; */
    margin-bottom: -5px;
  }
  .btn_primary a,
  .btn_primary input,
  .btn_primary button,
  .btn_secondary a,
  .btn_secondary input,
  .btn_secondary button,
  .btn_outlined a,
  .btn_outlined input,
  .btn_outlined button {
    font-family: var(--heading_font);
    display: inline-block;
    padding: 14px 28px;
    border-radius: 4px;
    color: var(--white);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    border: none;
    text-align: center;
    outline: none;
  }
  .btn_primary a i,
  .btn_primary input i,
  .btn_primary button i,
  .btn_secondary a i,
  .btn_secondary input i,
  .btn_secondary button i,
  .btn_outlined a i,
  .btn_outlined input i,
  .btn_outlined button i {
    margin-left: 5px;
  }

  .btn_primary a,
  .btn_primary input,
  .btn_primary button {
    background-color: rgb(220,53,69);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
  }
  .btn_primary a:before,
  .btn_primary input:before,
  .btn_primary button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #184a0e;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .btn_primary a:hover,
  .btn_primary input:hover,
  .btn_primary button:hover {
    color: var(--white);
    background-color: rgb(220,53,69);
  }
  .btn_primary a:hover:before,
  .btn_primary input:hover:before,
  .btn_primary button:hover:before {
    -webkit-transform: scale(2, 4);
    transform: scale(2, 4);
  }

  .btn_secondary a,
  .btn_secondary input,
  .btn_secondary button {
    background-color: rgb(220,53,69);
  }
  .btn_secondary a:hover,
  .btn_secondary input:hover,
  .btn_secondary button:hover {
    color: var(--white);
    background-color: rgb(220,53,69);
  }

  .btn_outlined a,
  .btn_outlined input,
  .btn_outlined button {
    background-color: transparent;
    border: 1px solid rgb(220,53,69);
    color: rgb(220,53,69);
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .btn_outlined a i,
  .btn_outlined input i,
  .btn_outlined button i {
    margin-left: 5px;
  }

.btn_text a {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: var(--heading_font);
    position: relative;
    color: rgb(220,53,69);
    display: inline-block;
    padding: 4px 0;
  }

  .document-list-shell,
  .quotation-list-shell,
  .survey-list-shell {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 240px;
  }

  .page-section-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }

  .quotation-list-shell {
    max-width: 1280px;
  }

  .document-list-card,
  .survey-list-card {
    border: 1px solid #e6ecf5;
    border-radius: 22px;
    background:
      radial-gradient(circle at top right, rgba(18, 112, 190, 0.08), transparent 24%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 18px 44px rgba(23, 42, 89, 0.08);
    overflow: visible;
  }

  .quotation-list-card {
    border: 1px solid #e6ecf5;
    border-radius: 22px;
    background:
      radial-gradient(circle at top right, rgba(18, 112, 190, 0.08), transparent 24%),
      linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 18px 44px rgba(23, 42, 89, 0.08);
    overflow: visible;
  }

  .document-list-table,
  .survey-list-table,
  .quotation-list-table {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  .document-list-table .tbl_row,
  .survey-list-table .tbl_row,
  .quotation-list-table .tbl_row {
    display: grid;
    gap: 14px;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #edf2f8;
    position: relative;
    overflow: visible;
    z-index: 1;
  }

  .document-list-table.cols-6 .tbl_row,
  .survey-list-table .tbl_row {
    grid-template-columns: 70px minmax(210px, 1.2fr) minmax(200px, 1.1fr) minmax(180px, 1fr) 110px 176px;
  }

  .document-list-table.cols-7 .tbl_row,
  .quotation-list-table .tbl_row {
    grid-template-columns: 54px minmax(180px, 2fr) minmax(175px, 1.75fr) minmax(150px, 1.45fr) 112px 122px 68px;
    gap: 10px;
  }

  .document-list-table .tbl_head,
  .survey-list-table .tbl_head,
  .quotation-list-table .tbl_head {
    background: linear-gradient(135deg, #163b65 0%, #0d5ea8 100%);
    color: #fff;
  }

  .document-list-table .tbl_head .txt,
  .survey-list-table .tbl_head .txt,
  .quotation-list-table .tbl_head .txt {
    color: #fff;
  }

  .document-list-table .items_new:nth-child(even),
  .survey-list-table .items_new:nth-child(even),
  .quotation-list-table .items_new:nth-child(even) {
    background: #fbfdff;
  }

  .document-list-table .tbl_cell,
  .survey-list-table .tbl_cell,
  .quotation-list-table .tbl_cell {
    min-width: 0;
    overflow: visible;
  }

  .document-list-table .txt,
  .survey-list-table .txt,
  .quotation-list-table .txt {
    display: inline-block;
    color: #2f4058;
  }

  .document-list-table .txt-small,
  .survey-list-table .txt-small,
  .quotation-list-table .txt-small {
    font-size: 12px;
    color: #72849c;
  }

  .document-list-table .font-500,
  .survey-list-table .font-500,
  .quotation-list-table .font-500 {
    font-weight: 500;
  }

  .document-list-table .font-600,
  .survey-list-table .font-600,
  .quotation-list-table .font-600 {
    font-weight: 600;
  }

  .document-list-table .text-pb-main,
  .survey-list-table .text-pb-main,
  .quotation-list-table .text-pb-main {
    color: #0b63b6;
  }

  .document-list-table .text-success,
  .survey-list-table .text-success,
  .quotation-list-table .text-success {
    color: #198754;
  }

  .document-list-table .text-danger,
  .survey-list-table .text-danger,
  .quotation-list-table .text-danger {
    color: #d63384;
  }

  .document-list-table .text-warning,
  .survey-list-table .text-warning,
  .quotation-list-table .text-warning {
    color: #b7791f;
  }

  .document-list-table .tbl_head .tbl_cell,
  .survey-list-table .tbl_head .tbl_cell,
  .quotation-list-table .tbl_head .tbl_cell {
    letter-spacing: 0.02em;
  }

  .quotation-amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 8px 10px;
    border-radius: 999px;
    background: #e8f8ef;
    color: #198754;
    font-size: 13px;
    font-weight: 700;
  }

  .quotation-paid-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px 9px;
    border: 1px solid #d9e4f2;
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f8fd 100%);
    box-shadow: 0 10px 22px rgba(19, 58, 99, 0.05);
  }

  .quotation-paid-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }

  .quotation-paid-label {
    font-size: 9px;
    font-weight: 700;
    color: #7890aa;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.1;
  }

  .quotation-paid-status {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .quotation-paid-status.is-paid {
    background: #e7f8ef;
    color: #198754;
  }

  .quotation-paid-status.is-pending {
    background: #fff4df;
    color: #b7791f;
  }

  .quotation-paid-switch .form-check-input {
    width: 2rem;
    height: 1.05rem;
    cursor: pointer;
  }

  .quotation-paid-switch .form-check-label {
    font-size: 11px;
    font-weight: 600;
    color: #234469;
    cursor: pointer;
    margin-left: 6px !important;
  }

  .quotation-list-table .tbl_row > .tbl_cell:nth-child(6) {
    min-width: 132px;
  }

  .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
    min-width: 86px;
  }

  /* ===== Global Click-Based Dropdown Styles ===== */

  /* Disable Bootstrap's hover dropdown behavior */
  .dropdown {
    position: relative;
  }

  [data-bs-toggle="dropdown"] {
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Hide dropdown menus by default */
  .dropdown-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
  }

  /* Show dropdown when has 'show' class */
  .dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* Arrow indicator for active dropdown button */
  [data-bs-toggle="dropdown"][aria-expanded="true"] {
    opacity: 0.85;
  }

  /* Mobile responsive dropdown behavior */
  @media (max-width: 768px) {
    .dropdown-menu {
      position: fixed !important;
      z-index: 1050 !important;
    }

    .dropdown-menu.show {
      animation: dropdownSlideIn 0.2s ease-out;
    }
  }

  @keyframes dropdownSlideIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Prevent dropdown items from being unclickable */
  .dropdown-item {
    position: relative;
    z-index: inherit;
  }
  }

  .list-action-panel,
  .quotation-action-panel {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
  }

  .list-action-dropdown,
  .quotation-action-dropdown {
    position: relative;
    z-index: 40;
  }

  .list-action-trigger,
  .quotation-action-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid #d8e6f3;
    background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
    color: #163b65;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(19, 58, 99, 0.08);
    transition: all 0.2s ease;
  }

  .list-action-trigger:hover,
  .quotation-action-trigger:hover {
    background: linear-gradient(135deg, #f5faff 0%, #e1efff 100%);
    color: #0f3258;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(19, 58, 99, 0.12);
  }

  .list-action-trigger-main,
  .quotation-action-trigger-main {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }

  .list-action-trigger-icon,
  .quotation-action-trigger-icon {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    background: linear-gradient(135deg, #173c68 0%, #0f70be 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 6px 12px rgba(14, 103, 178, 0.18);
  }

  .list-action-trigger-text,
  .quotation-action-trigger-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    min-width: 0;
  }

  .list-action-trigger-text span,
  .quotation-action-trigger-text span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  .list-action-trigger-text small,
  .quotation-action-trigger-text small {
    font-size: 8px;
    font-weight: 600;
    color: #7d91a8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .list-action-trigger-caret,
  .quotation-action-trigger-caret {
    font-size: 14px;
    color: #5f7896;
    flex: 0 0 auto;
  }

  .quotation-action-trigger {
    width: 56px;
    min-width: 56px;
    justify-content: center;
    gap: 7px;
    padding: 6px 7px;
  }

  .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
    display: flex;
    justify-content: center;
  }

  .list-action-menu,
  .quotation-action-menu,
  .survey-action-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: 236px;
    padding: 8px;
    border: 1px solid #dce9f5;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
    box-shadow: 0 24px 50px rgba(20, 54, 92, 0.18);
    z-index: 2500;
    margin-top: 0 !important;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    max-height: min(320px, calc(100vh - 140px));
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .list-action-menu .dropdown-header,
  .quotation-action-menu .dropdown-header,
  .survey-action-menu .dropdown-header {
    padding: 6px 8px 7px;
    color: #70849c;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .list-action-menu .dropdown-section-label,
  .quotation-action-menu .dropdown-section-label,
  .survey-action-menu .dropdown-section-label {
    display: block;
    margin: 5px 2px 6px;
    padding: 0 8px;
    color: #8aa0b8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .list-action-item,
  .quotation-action-item,
  .survey-action-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 8px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    color: #234469;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.18s ease;
    margin-bottom: 4px;
    border: 1px solid #edf3f9;
  }

  .list-action-item:hover,
  .quotation-action-item:hover,
  .survey-action-item:hover {
    background: linear-gradient(135deg, #eef5ff 0%, #f4f9ff 100%);
    color: #14395f;
    transform: translateX(2px);
    border-color: #d8e8f8;
  }

  .list-action-item i,
  .quotation-action-item i,
  .survey-action-item i {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-align: center;
    background: #eef5ff;
  }

  .list-action-item-delete,
  .quotation-action-item-delete,
  .survey-action-item-delete {
    color: #ba264d;
  }

  .list-action-item-delete:hover,
  .quotation-action-item-delete:hover,
  .survey-action-item-delete:hover {
    background: #fff1f4;
    color: #96193d;
    border-color: #ffd8e1;
  }

  .list-action-item-delete i,
  .quotation-action-item-delete i,
  .survey-action-item-delete i {
    background: #fff0f4;
  }

  .list-action-copy,
  .quotation-action-copy,
  .survey-action-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    line-height: 1.15;
  }

  .list-action-copy strong,
  .quotation-action-copy strong,
  .survey-action-copy strong {
    font-size: 11px;
    font-weight: 700;
    color: #173c68;
  }

  .list-action-copy small,
  .quotation-action-copy small,
  .survey-action-copy small {
    font-size: 9px;
    color: #7e94ac;
    font-weight: 600;
  }

  .list-action-menu .dropdown-divider,
  .quotation-action-menu .dropdown-divider,
  .survey-action-menu .dropdown-divider {
    margin: 7px 4px;
    opacity: 0.55;
  }

  @media (min-width: 992px) {
    .document-list-table .tbl_row:hover,
    .survey-list-table .tbl_row:hover,
    .quotation-list-table .tbl_row:hover {
      z-index: 20;
    }

    .list-action-dropdown:hover > .dropdown-menu,
    .quotation-action-dropdown:hover > .dropdown-menu,
    .list-action-dropdown > .dropdown-menu.show,
    .quotation-action-dropdown > .dropdown-menu.show {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }

    .list-action-dropdown:hover > .list-action-trigger,
    .quotation-action-dropdown:hover > .quotation-action-trigger {
      background: linear-gradient(135deg, #edf5ff 0%, #e6f0fc 100%);
      color: #0f3258;
      transform: translateY(-1px);
    }

    .list-action-dropdown:hover,
    .quotation-action-dropdown:hover,
    .list-action-dropdown:focus-within,
    .quotation-action-dropdown:focus-within {
      z-index: 2600;
    }
  }

  @media (max-width: 1199px) {
    .document-list-table.cols-6 .tbl_row,
    .survey-list-table .tbl_row {
      grid-template-columns: 70px minmax(190px, 1.05fr) minmax(180px, 1fr) minmax(170px, 1fr) 100px 164px;
    }

    .document-list-table.cols-7 .tbl_row,
    .quotation-list-table .tbl_row {
      grid-template-columns: 52px minmax(160px, 1.7fr) minmax(155px, 1.55fr) minmax(130px, 1.2fr) 104px 118px 64px;
      gap: 8px;
    }
  }

  @media (max-width: 991px) {
    .document-list-shell,
    .quotation-list-shell,
    .survey-list-shell {
      padding-bottom: 40px;
    }

    .document-list-table .tbl_head,
    .survey-list-table .tbl_head,
    .quotation-list-table .tbl_head {
      display: none;
    }

    .document-list-table .tbl_row,
    .survey-list-table .tbl_row,
    .quotation-list-table .tbl_row {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .list-action-menu,
    .quotation-action-menu {
      width: 100%;
      position: static !important;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: none;
      display: none;
    }

    .list-action-dropdown > .dropdown-menu.show,
    .quotation-action-dropdown > .dropdown-menu.show {
      display: block;
    }
  }
  .btn_text a i {
    padding-left: 5px;
  }
  .btn_text a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
  }
  .btn_text a:hover:after {
    visibility: visible;
    transform: scaleX(1);
    background-color: rgb(220,53,69);
  }

  .section_title_large h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 40px;
  }

  .section_title h2 {
    font-size: 40px;
    line-height: 140%;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .section_title h2 span {
    border-bottom: 4px solid rgb(220,53,69);
  }

  @media (min-width: 992px) {
    .section_title.section_title_48 h2 {
      font-size: 48px;
    }
  }
  /* Extra Huge large desktops */
  /* Extra Huge large desktops */
  /* Extra Huge large desktops */
  /* Extra large desktops and mac laptops*/
  /* Landscape tablets and medium desktops */
  @media (min-width: 992px) and (max-width: 1199px) {
    .section_title_large h2 {
      font-size: 44px;
    }
  }
  /* Landscape tablets and ipad */
  @media (min-width: 768px) and (max-width: 991px) {
    .section_title_large h2 {
      font-size: 40px;
    }
  }
  @media (max-width: 767px) {
    #return_to_top {
      width: 35px;
      height: 35px;
    }
    #return_to_top i {
      left: 10px;
      top: 7px;
      font-size: 16px;
    }

    .section_title_large h2 {
      font-size: 26px;
      line-height: 130%;
    }

    .section_title h2 {
      font-size: 26px;
      line-height: 131%;
      margin-bottom: 32px;
    }

    .section_title h2.mobile_title_large {
      font-size: 32px;
      font-weight: 400;
    }

    .bg_grey_xs {
      background-color: var(--light_grey);
    }
  }
  /* Landscape phones and portrait tablets */
  /* Landscape phones and portrait tablets */
  @media (max-width: 575px) {
    .btn_text a {
      font-size: 12px;
    }

    .section_title_large h2 {
      margin-bottom: 25px;
    }

    .section_title h2 {
      font-size: 26px;
      line-height: 131%;
      margin-bottom: 32px;
    }

    .btn_primary a,
    .btn_primary input,
    .btn_primary button {
      font-size: 14px;
      padding: 14px 24px;
    }

    .btn_primary_mobile a {
      font-weight: 500;
      font-size: 12px;
      padding: 10px 14px;
    }
  }
  a {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  a:hover {
    text-decoration: none;
    outline: none;
  }
  a:focus {
    text-decoration: none;
    outline: none;
  }

  .btn {
    border: 0;
    box-shadow: none;
    text-decoration: none;
    outline: none;
  }
  .btn:hover {
    box-shadow: none;
    text-decoration: none;
    outline: none;
  }
  .btn:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none;
  }

  .list-inline::after {
    display: block;
    content: "";
    clear: both;
  }
  .list-inline li {
    display: inline-block;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }

  h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 131%;
  }

  h5 {
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
  }

  @media (min-width: 1400px) {
    .container {
      max-width: 1304px;
    }
  }
  /* Extra Huge large desktops */
  /* Extra Huge large desktops */
  /* Extra Huge large desktops */
  /* Extra large desktops and mac laptops*/
  /* Landscape tablets and medium desktops */
  @media (min-width: 992px) and (max-width: 1199px) {
    h5 {
      font-size: 18px;
    }

    h3 {
      font-size: 28px;
    }
  }
  /* Landscape tablets and ipad */
  @media (min-width: 768px) and (max-width: 991px) {
    h5 {
      font-size: 16px;
    }

    h3 {
      font-size: 28px;
    }
  }
  /* Landscape phones and portrait tablets */
  @media (max-width: 767px) {
    p {
      font-size: 14px;
      line-height: 20px;
    }

    .container {
      padding-left: 16px;
      padding-right: 16px;
    }

    h5 {
      font-size: 16px;
    }

    h3 {
      font-size: 22px;
    }
  }
  /* Landscape phones and portrait tablets */
  .dropdown:hover > .dropdown-menu {
    display: block;
  }

  .top_header {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
    background-color: white;
  }
  .top_header nav.navbar {
    padding: 0;
  }
  .top_header nav.navbar .navbar-nav li.nav-item {
    margin-right: 30px;
  }
  .top_header nav.navbar .navbar-nav li.nav-item a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: black;
    padding: 21px 0;
  }
  .top_header nav.navbar .navbar-nav li.nav-item a.active {
    color: rgb(220,53,69);
  }
  .top_header nav.navbar .navbar-nav li.nav-item a.active:before {
    visibility: visible;
    transform: scaleX(1);
    background-color: rgb(220,53,69);
    height: 2px;
  }
  .top_header nav.navbar .navbar-nav li.nav-item a i {
    font-size: 12px;
    margin-left: 3px;
  }
  .top_header nav.navbar .navbar-nav li.nav-item a.dropdown-toggle:after {
    content: none;
  }
  .top_header nav.navbar .navbar-nav li.nav-item .nav-link {
    position: relative;
  }
  .top_header nav.navbar .navbar-nav li.nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 18px;
    left: 0;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
  }
  .top_header nav.navbar .navbar-nav li.nav-item .nav-link:hover:before {
    visibility: visible;
    transform: scaleX(1);
    background-color: rgb(220,53,69);
  }
  .top_header nav.navbar .navbar-nav li.nav-item.dropdown ul {
    background: rgb(123,30,38);
    color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 0;
    padding: 15px;
    margin-top: 0;
    border: none;
  }
  .top_header nav.navbar .navbar-nav li.nav-item.dropdown ul li:not(:last-child) {
    margin-bottom: 5px;
  }
  .top_header nav.navbar .navbar-nav li.nav-item.dropdown ul li a {
    padding: 2px 0;
    border-bottom: 1px solid transparent;
    color: white;
  }
  .top_header nav.navbar .navbar-nav li.nav-item.dropdown ul li a:hover {
    background-color: transparent;
    border-bottom-color: rgb(220,53,69);
    color: rgb(220,53,69);
  }
  .top_header nav.navbar .navbar-nav li.btn_primary {
    margin-right: 30px;
  }
  .top_header nav.navbar .navbar-nav li.btn_primary a {
    font-size: 14px;
    padding: 8px 16px;
    font-weight: 600;
  }
  .top_header nav.navbar .navbar-nav li.btn_outlined a {
    font-size: 14px;
    padding: 7px 16px;
    font-weight: 600;
  }

  /* Landscape tablets and medium desktops */
  @media (min-width: 992px) and (max-width: 1199px) {
    .top_header nav.navbar .navbar-nav li.nav-item {
      margin-right: 20px;
    }
    .top_header nav.navbar .navbar-nav li.btn_primary {
      margin-right: 20px;
    }
    .top_header nav.navbar .navbar-nav li.btn_primary a {
      padding: 8px 12px;
    }
    .top_header nav.navbar .navbar-nav li.btn_outlined a {
      padding: 7px 12px;
    }
  }
  @media (max-width: 991px) {
    .top_header nav.navbar {
      padding: 8px 0;
    }
    .top_header nav.navbar .navbar-toggler {
      border: none;
      padding: 0;
      outline: none;
      box-shadow: none;
      color: #3d403a;
    }
    .top_header nav.navbar .offcanvas.offcanvas-top {
      height: auto;
    }
    .top_header nav.navbar .offcanvas .offcanvas-header .btn-close {
      border: none;
      padding: 0;
      color: #3d403a;
      outline: none;
      box-shadow: none;
      margin: 0;
      opacity: 1;
    }
    .top_header nav.navbar .navbar-nav li {
      text-align: center;
    }
    .top_header nav.navbar .navbar-nav li.nav-item {
      margin: 0;
    }
    .top_header nav.navbar .navbar-nav li.nav-item a {
      padding: 15px 0;
      text-align: center;
    }
    .top_header nav.navbar .navbar-nav li.nav-item a.nav-link:before {
      content: none;
    }
    .top_header nav.navbar .navbar-nav li.nav-item.dropdown ul {
      box-shadow: none;
      background-color: ;
    }
    .top_header nav.navbar .navbar-nav li.btn_primary {
      margin-right: 0;
      margin-bottom: 20px;
      margin-top: 10px;
    }
  }
  .home_banner_section {
    padding-top: 80px;
    padding-bottom: 20px;
  /*  background-image: url('../images/banner2.jpg');*/
  background-color: rgb(220,53,69);
  }
  .home_banner_section .content_area {
    margin-right: -15%;
  }
  .home_banner_section .content_area h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px;
    letter-spacing: -0.005em;
  }
  .home_banner_section .content_area h1 span {
    border-bottom: 4px solid rgb(220,53,69);
  }
  .home_banner_section .content_area h5 {
    margin-bottom: 35px;
    padding-right: 15%;
    font-family: var(--body_font);
  }
  .home_banner_section .img_area {
    margin-right: -40px;
    margin-top: -34px;
  }

  .solutions_section {
    padding-top: 140px;
  }
  .solutions_section .icon_list {
    margin-bottom: 20px;
    padding-top: 5px;
  }
  .solutions_section .icon_list li {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
  }
  .solutions_section .icon_list li img {
    margin-right: 10px;
    align-self: baseline;
  }
  .solutions_section .content_area {
    padding-left: 50px;
    padding-right: 50px;
  }
  .solutions_section .content_area h3 {
    text-transform: capitalize;
  }
  .solutions_section .content_area h5 {
    font-family: var(--body_font);
  }

  .industries_list ul {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    padding-left: 0;
  }
  .industries_list ul li {
    list-style-type: none;
  }
  .industries_list ul li a {
    padding: 9px 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    border: 1px solid var(--body_color);
    color: var(--body_color);
    display: inline-block;
    border-radius: 50px;
  }
  .industries_list ul li a:hover {
    background-color: whitesmoke;
    border-color: rgb(220,53,69);
    color: rgb(220,53,69);
  }
  .industries_list ul li a.active {
    background-color: rgb(220,53,69);
    color: var(--white);
  }
  .industries_list p {
    font-weight: 500;
  }
  .industries_list.pb_150 {
    padding-bottom: 140px;
  }
  .industries_list .btn_primary a {
    max-width: 360px;
  }

  .yellow_banner {
    border-radius: 16px;
    background-image: url(../images/banner1.jpg);
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 55px 64px;
  }
  .yellow_banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(254, 193, 63, 0.8);
    z-index: 0;
  }
  .yellow_banner > .row {
    position: relative;
    z-index: 1;
  }
  .yellow_banner .section_title h2 {
    margin-bottom: 15px;
    color: var(--black);
  }
  .yellow_banner .section_title h2 span {
    border-color: rgb(220,53,69);
  }
  .yellow_banner .section_title h5 {
    font-size: 24px;
    color: var(--black);
    font-weight: 400;
    margin-bottom: 15px;
  }
  .yellow_banner .section_title p {
    color: var(--black);
  }
  .yellow_banner .content_area {
    border-right: 1px solid #0b2905;
    padding-right: 64px;
  }

  .oneplace_section {
    background: linear-gradient(180deg, var(--white) 20%, #f6f6f5 20%);
    padding-bottom: 100px;
  }

  .oneplace_box {
    height: 100%;
    transition: 0.3s;
    border-radius: 8px;
    padding: 15px;
  }
  .oneplace_box .oneplace_box_inner {
    height: 100%;
    transition: 0.3s;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 50px rgba(41, 125, 24, 0.1);
  }
  .oneplace_box .oneplace_box_inner img {
    transition: 0.3s;
  }
  .oneplace_box:hover {
    background-color: #fcdfa3;
  }
  .oneplace_box:hover .oneplace_box_inner {
    background-color: transparent;
    box-shadow: none;
  }
  .oneplace_box:hover .oneplace_box_inner img {
    transform: translateY(10px);
  }
  .oneplace_box:hover .btn_outlined a {
    background-color: rgb(220,53,69);
    color: var(--white);
  }
  .oneplace_box .info_area {
    padding: 24px;
    text-align: center;
  }
  .oneplace_box .info_area h5 {
    margin-bottom: 15px;
    font-weight: 500;
    color: var(--black);
  }
  .oneplace_box .info_area p {
    margin-bottom: 20px;
    color: var(--black);
    font-weight: 300;
  }

  .feature_item img {
    margin-bottom: 12px;
  }
  .feature_item h5 {
    font-weight: 500;
    color: var(--black);
    margin-bottom: 12px;
  }
  .feature_item p {
    font-weight: 300;
    color: var(--black);
  }

  .p_tb_100 {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .documents_section ul {
    list-style-type: none;
    padding: 0;
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .documents_section ul li {
    display: inline-flex;
    width: 25%;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
  }
  .documents_section ul li img {
    width: 24px;
    margin-right: 10px;
    align-self: baseline;
  }
  .documents_section ul li h6 {
    font-weight: 300;
    font-size: 16px;
    font-family: var(--body_font);
    padding-left: 3px;
  }

  .loc_icon{
    color: rgb(220,53,69);
  }

  .case_item {
    border: 1px solid #cccfc9;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    height: 100%;
  }
  .case_item .custom_ratio {
    --bs-aspect-ratio: 130%;
  }
  .case_item .ratio img {
    object-fit: cover;
  }
  .case_item .case_info {
    padding: 16px;
  }
  .case_item .case_info h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black);
    margin-bottom: 15px;
  }
  .case_item .case_info h4 a {
    color: var(--black);
  }
  .case_item .case_info p {
    margin-bottom: 25px;
  }

  .connect_section {
    background-color:;
    padding: 50px 0;
  }
  .connect_section .section_title_large h2 {
    color: black;
    margin-bottom: 23px;
  }
  .connect_section h5 {
    margin-bottom: 30px;
    font-family: var(--body_font);
  }

  .blog_section {
    padding: 100px 0 70px;
  }

  .blog_item .ratio {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
  }
  .blog_item .ratio img {
    object-fit: cover;
  }
  .blog_item .ratio .blog_tags {
    top: auto;
    bottom: 10px;
    left: 15px;
    right: 15px;
    height: auto;
  }
  .blog_item .ratio .blog_tags span {
    display: inline-block;
    margin-right: 5px;
    background: rgba(34, 34, 34, 0.6);
    padding: 2px 16px;
    border-radius: 50px;
    color: var(--white);
    letter-spacing: 0.03em;
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
  }
  .blog_item .blog_info .read_time {
    font-weight: 500;
    font-size: 14px;
    color: var(--grey);
    display: inline-block;
    margin-bottom: 10px;
  }
  .blog_item .blog_info h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: var(--black);
    margin-bottom: 12px;
  }
  .blog_item .blog_info h4 a {
    color: var(--black);
  }
  .blog_item .blog_info p {
    margin-bottom: 15px;
  }

  .blogs_slider.owl-carousel .owl-nav button.owl-next, .blogs_slider.owl-carousel .owl-nav button.owl-prev {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: #dedede;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    position: absolute;
    top: 44%;
    outline: none;
    box-shadow: none;
  }
  .blogs_slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
  }
  .blogs_slider.owl-carousel .owl-nav button.owl-prev {
    left: 0;
  }

  .faq_section {
    background-color: #f6f6f5;
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .faq_section .accordion .accordion-item {
    background-color: transparent;
    border-color: #cccfc9;
    margin-bottom: 15px;
  }
  .faq_section .accordion .accordion-item .accordion-header {
    background-color: transparent;
  }
  .faq_section .accordion .accordion-item .accordion-header button {
    color: var(--heading_color);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 156%;
    background-color: transparent;
    box-shadow: none;
    padding: 15px 0;
    font-family: var(--body_font);
  }
  .faq_section .accordion .accordion-item .accordion-header button:after {
    color: rgb(220,53,69);
    content: "\2b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-image: none;
    background-color: transparent;
    text-align: right;
    height: auto;
  }
  .faq_section .accordion .accordion-item .accordion-header button:not(.collapsed) {
    color: rgb(220,53,69);
    background-color: transparent;
  }
  .faq_section .accordion .accordion-item .accordion-header button:not(.collapsed):after {
    color: rgb(220,53,69);
    content: "\f068";
  }
  .faq_section .accordion .accordion-item .accordion-collapse .accordion-body {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }

  .counter_section {
    padding-top: 120px;
  }

  .counters_area {
    background-color: black;
    position: relative;
    padding: 60px 32px;
    border-radius: 16px;
    overflow: hidden;
  }
  .counters_area:before {
    content: "";
    background-image: url(../images/banner9.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  .counters_area .z_index {
    position: relative;
    z-index: 1;
  }
  .counters_area .counter_item {
    color: #fff;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .counters_area .counter_item h2 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
  }
  .counters_area .counter_item p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;
    margin-bottom: 0;
  }
  .counters_area .yellow_counters {
    background-color: #FFAE00;
    box-shadow: 0px 0px 50px rgba(41, 125, 24, 0.1);
    border-radius: 8px;
    padding: 16px;
  }
  .counters_area .yellow_counters h2 {
    color: rgb(220,53,69);
    letter-spacing: -0.005em;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: -3px;
  }
  .counters_area .yellow_counters .col:not(:last-child) {
    border-right: 1px solid var(--body_color);
  }

  @media (min-width: 1400px) {
    .second_section {
      margin-top: -130px;
    }
  }
  /* Landscape tablets and medium desktops */
  @media (min-width: 992px) and (max-width: 1199px) {
    .home_banner_section {
      padding-top: 70px;
    }
    .home_banner_section .content_area h1 {
      font-size: 44px;
    }
    .home_banner_section .content_area h5 {
      padding-right: 7%;
    }

    .solutions_section .content_area {
      padding-left: 0;
      padding-right: 0;
    }

    .yellow_banner .content_area {
      padding-right: 20px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .home_banner_section {
      padding-top: 70px;
    }
    .home_banner_section .content_area {
      margin-right: 0;
    }
    .home_banner_section .content_area h1 {
      font-size: 44px;
    }
    .home_banner_section .content_area h5 {
      padding-right: 5%;
    }

    .solutions_section {
      padding-top: 80px;
    }
    .solutions_section .img_area {
      margin-bottom: 20px;
    }
    .solutions_section .content_area {
      padding-left: 0;
      padding-right: 0;
    }

    .yellow_banner {
      padding: 35px 40px;
    }
    .yellow_banner .content_area {
      padding-right: 0px;
      border-bottom: 1px solid #0b2905;
      border-right: 0;
      padding-bottom: 40px;
      margin-bottom: 40px;
    }
    .yellow_banner .section_title h2 {
      font-size: 36px;
    }

    .industries_list ul {
      gap: 12px;
    }
    .industries_list.pb_150 {
      padding-bottom: 80px;
    }

    .oneplace_box {
      padding: 0;
    }
    .oneplace_box .btn_outlined a {
      padding-left: 12px;
      padding-right: 12px;
      font-size: 14px;
    }

    .oneplace_section {
      padding-bottom: 50px;
    }

    .counter_section {
      padding-top: 70px;
    }

    .p_tb_100 {
      padding-top: 70px;
      padding-bottom: 50px;
    }

    .blog_section {
      padding: 60px 0 35px;
    }

    .case_item .custom_ratio {
      --bs-aspect-ratio: 56.25%;
    }

    .faq_section {
      padding-top: 55px;
      padding-bottom: 40px;
    }

    .documents_section ul li {
      display: inline-flex;
      width: 33%;
    }
  }
  @media (max-width: 767px) {
    .home_banner_section {
      padding-top: 48px;
    }
    .home_banner_section.pt_xs_25 {
      padding-top: 25px;
    }
    .home_banner_section .content_area {
      margin-right: 0;
    }
    .home_banner_section .content_area h1 {
      font-size: 38px;
      margin-bottom: 15px;
    }
    .home_banner_section .content_area h5 {
      margin-bottom: 23px;
      padding-right: 0;
    }
    .home_banner_section .img_area {
      margin-right: 0;
      margin-top: 55px;
    }

    .second_section {
      margin-top: -40px;
      padding-bottom: 30px;
    }

    .solutions_section {
      background-color: #FCFCFC;
      padding-top: 40px;
    }
    .solutions_section .content_area {
      padding-left: 0;
      padding-right: 0;
    }
    .solutions_section .img_area {
      margin-bottom: 20px;
    }

    .yellow_banner {
      padding: 35px 40px;
    }
    .yellow_banner .content_area {
      padding-right: 0px;
      border-bottom: 1px solid #0b2905;
      border-right: 0;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .yellow_banner .section_title h2 {
      font-size: 26px;
    }
    .yellow_banner .section_title h5 {
      font-size: 20px;
      line-height: 130%;
    }
    .yellow_banner p {
      font-size: 16px;
      line-height: 150%;
    }
    .yellow_banner .btn_primary a {
      font-size: 12px;
      font-weight: 500;
      padding: 10px 12px;
    }

    .industries_list ul {
      gap: 12px;
    }
    .industries_list ul li a {
      padding: 6px 16px;
      font-weight: 500;
    }
    .industries_list.pb_150 {
      padding-bottom: 32px;
    }
    .industries_list h4 {
      font-size: 24px;
    }
    .industries_list p {
      letter-spacing: 0.03em;
    }

    .oneplace_box {
      padding: 0;
    }
    .oneplace_box .btn_outlined a {
      padding: 10px 16px;
      font-size: 12px;
    }
    .oneplace_box .info_area h5 {
      font-size: 18px;
      margin-bottom: 8px;
    }
    .oneplace_box .info_area p {
      font-size: 16px;
      line-height: 150%;
      margin-bottom: 16px;
    }

    .oneplace_section {
      padding-bottom: 50px;
      background: #F6F6F5;
      padding-top: 60px;
    }

    .counter_section {
      padding-top: 0px;
    }
    .counter_section .container {
      padding: 0;
      width: 100%;
      max-width: 100%;
    }

    .counters_area {
      padding: 20px 32px 32px;
      border-radius: 0;
    }
    .counters_area .counter_item h2 {
      font-size: 30px;
    }
    .counters_area .counter_item p {
      font-size: 14px;
      line-height: 21px;
    }
    .counters_area .yellow_counters h2 {
      font-size: 38px;
    }

    .p_tb_100 {
      padding-top: 60px;
      padding-bottom: 30px;
    }

    .blog_section {
      padding: 40px 0 15px;
    }

    .case_item .custom_ratio {
      --bs-aspect-ratio: 56.25%;
    }
    .case_item .case_info h4 {
      font-size: 20px;
      margin-bottom: 8px;
    }
    .case_item .case_info p {
      margin-bottom: 8px;
    }
    .case_item .case_info .btn_text a {
      font-size: 14px;
    }

    .faq_section {
      padding-top: 35px;
      padding-bottom: 10px;
    }
    .faq_section .accordion .accordion-item .accordion-header button {
      font-size: 16px;
    }

    .feature_item img {
      width: 40px;
      height: 70px;
    }
    .feature_item h5 {
      font-size: 18px;
      margin-bottom: 5px;
    }
    .feature_item p {
      font-size: 16px;
      line-height: 24px;
    }

    .documents_section p {
      font-size: 16px;
    }
    .documents_section .section_title h2 {
      margin-bottom: 16px;
    }
    .documents_section ul li {
      display: inline-flex;
      width: 50%;
    }

    .connect_section {
      padding: 20px 0 40px;
    }
    .connect_section .section_title_large h2 {
      font-size: 38px;
    }

    .blog_item .ratio .blog_tags span {
      font-size: 12px;
    }
    .blog_item .blog_info .read_time {
      font-size: 12px;
      margin-bottom: 7px;
    }
    .blog_item .blog_info h4 {
      font-size: 18px;
      margin-bottom: 8px;
    }
    .blog_item .blog_info .btn_text a {
      font-size: 12px;
      font-weight: 500;
    }

    .features_section, .documents_section, .casestudy_section {
      background-color: #FCFCFC;
    }
  }
  @media (max-width: 575px) {
    .yellow_banner {
      padding: 35px 22px;
    }
    .yellow_banner img {
      width: 61px;
    }

    .oneplace_box .oneplace_box_inner {
      border: 1px solid #CCCFC9;
      box-shadow: none;
    }
    .oneplace_box .btn_outlined a {
      padding: 8px 16px;
    }

    .counters_area .yellow_counters h2 {
      margin-bottom: 2px;
    }
    .counters_area .yellow_counters img {
      height: 50px;
    }

    .p_tb_100 {
      padding-top: 32px;
      padding-bottom: 30px;
    }

    .documents_section ul {
      margin-bottom: 0;
    }
    .documents_section ul li {
      width: 100%;
    }

    .blogs_slider.owl-carousel .owl-nav {
      text-align: center;
    }
    .blogs_slider.owl-carousel .owl-nav button.owl-next, .blogs_slider.owl-carousel .owl-nav button.owl-prev {
      margin: 0 5px;
      position: static;
    }

    .blog_section {
      padding: 40px 0 40px;
    }

    .faq_section .section_title h2 {
      margin-bottom: 16px;
    }
    .faq_section .container {
      padding-left: 0;
      padding-right: 0;
    }
    .faq_section .container .row {
      margin: 0;
    }
    .faq_section .container .row .col-12 {
      padding-left: 0;
      padding-right: 0;
    }
    .faq_section .accordion .accordion-item {
      padding: 0 16px;
    }
    .faq_section .accordion .accordion-item .accordion-header button:after {
      content: none !important;
    }
  }
  .hr_domain_banner .content_area h5 {
    padding-right: 8%;
  }

  .before_kaleeto_section .before_item .img_area {
    width: 260px;
    max-width: 260px;
  }

  .tags_list ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
  }
  .tags_list ul li {
    list-style-type: none;
  }
  .tags_list ul li a {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.03em;
    border-radius: 50px;
    padding: 4px 16px;
    display: inline-block;
    width: 100%;
    color: var(--body_color);
    background-color: var(--light_primary);
  }
  .tags_list ul li:nth-child(odd) a {
    background-color: #FBEFD5;
  }

  .grid_boxes .grid_item {
    padding: 32px;
    background-color: #F6F6F5;
    border: 1px solid #F6F6F5;
    height: 100%;
  }
  .grid_boxes .grid_item img {
    margin-bottom: 8px;
  }
  .grid_boxes .grid_item h4 {
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 133%;
  }
  .grid_boxes .grid_item p {
    margin-bottom: 0;
  }
  .grid_boxes .row [class*="col-"]:nth-child(even) .grid_item {
    background-color: var(--white);
  }

  @media (min-width: 768px) {
    .grid_boxes.finance_gridbox .row [class*="col-"]:nth-child(4n+2) .grid_item, .grid_boxes.finance_gridbox .row [class*="col-"]:nth-child(4n+3) .grid_item {
      background-color: var(--white) !important;
    }
    .grid_boxes.finance_gridbox .row [class*="col-"]:nth-child(4n+4) .grid_item, .grid_boxes.finance_gridbox .row [class*="col-"]:nth-child(4n+1) .grid_item {
      background-color: #F6F6F5 !important;
    }
  }
  @media (max-width: 991px) and (min-width: 768px) {
    .grid_boxes .row [class*="col-"]:nth-child(4n+2) .grid_item, .grid_boxes .row [class*="col-"]:nth-child(4n+3) .grid_item {
      background-color: var(--white) !important;
    }
    .grid_boxes .row [class*="col-"]:nth-child(4n+4) .grid_item, .grid_boxes .row [class*="col-"]:nth-child(4n+1) .grid_item {
      background-color: #F6F6F5 !important;
    }
  }
  @media (max-width: 767px) {
    .hr_domain_banner .img_area {
      margin-top: 0;
    }

    .before_kaleeto_section .before_item {
      padding-bottom: 6px;
    }
    .before_kaleeto_section .before_item .img_area {
      width: 120px;
      max-width: 120px;
    }

    .tags_list ul {
      gap: 8px;
    }
    .tags_list ul li a {
      font-size: 12px;
      letter-spacing: 0.02em;
    }

    .bg_white_xs {
      background-color: var(--white);
    }

    .grid_boxes .grid_item {
      padding: 16px;
    }
    .grid_boxes .grid_item img {
      width: 40px;
    }
    .grid_boxes .grid_item h4 {
      font-weight: 600;
      font-size: 18px;
    }
    .grid_boxes .grid_item p {
      font-weight: 400;
    }
  }
  @media (max-width: 575px) {
    .before_kaleeto_section .before_item h3 {
      font-size: 20px;
    }

    .w_xs_auto {
      width: auto !important;
    }
  }
  @media (min-width: 991px) {
    .connect_section .connect_margin_right {
      margin-right: -10%;
    }
  }
  .security_icon_list {
    padding-left: 0;
  }
  .security_icon_list li {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: var(--body_color);
    display: flex;
    align-items: center;
  }
  .security_icon_list li img {
    margin-right: 10px;
    align-self: baseline;
  }

  .datasecurity_banner .content_area h5 {
    margin-bottom: 22px;
  }

  .rounded_img {
    border-radius: 18px;
  }

  .security_section h4 {
    font-weight: 400;
    line-height: 133%;
  }

  @media (max-width: 767px) {
    .rounded_img {
      border-radius: 8px;
    }

    .security_icon_list li {
      font-size: 14px;
    }

    .home_banner_section.datasecurity_banner {
      padding-top: 25px;
    }
  }
  .map_area {
    border-top: 1px solid #e6e6e6;
  }
  .map_area iframe {
    filter: grayscale(1);
  }

  .contact_form_section {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .contact_form label {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
  }
  .contact_form label span {
    color: #828282;
  }
  .contact_form input.form-control,
  .contact_form textarea {
    font-weight: 300;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #cccfc9;
    padding: 12px 16px;
  }
  .contact_form input.form-control::placeholder,
  .contact_form textarea::placeholder {
    color: var(--grey);
  }
  .contact_form input.form-control {
    height: 48px;
  }
  .contact_form textarea {
    min-height: 145px;
    resize: none;
  }
  .contact_form .form-check .form-check-label {
    cursor: pointer;
    font-size: 14px;
  }
  .contact_form .form-check .form-check-input {
    cursor: pointer;
    box-shadow: none;
  }
  .contact_form .form-check .form-check-input:checked {
    border-color: rgb(220,53,69);
    background-color: rgb(220,53,69);
  }

  .contact_info_box {
    background-image: url(../images/banner6.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    overflow: hidden;
    border-radius: 16px;
    padding: 70px 20px;
    position: relative;
    margin-bottom: -100px;
    z-index: 9;
  }
  .contact_info_box:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  .contact_info_box > .row {
    position: relative;
    z-index: 1;
  }
  .contact_info_box .contact_list {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 100%;
    justify-content: space-evenly;
  }
  .contact_info_box .info_item {
    padding: 0 10px;
  }
  .contact_info_box .info_item a {
    display: inline-flex;
    width: 100%;
    align-items: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    font-family: var(--heading_font);
    color: var(--white);
  }

  @media (max-width: 991px) {
    .contact_info_box .info_item a {
      font-size: 18px;
      line-height: 25px;
    }
    .contact_info_box .info_item a img {
      width: 24px;
    }
  }
  @media (max-width: 767px) {
    .contact_info_box {
      padding: 30px 20px;
      margin-bottom: -50px;
      text-align: center;
    }
    .contact_info_box .contact_list {
      /* flex-direction: column;
      gap: 16px;
      align-items: center; */
      text-align: left;
      display: inline-block;
      width: auto;
    }
    .contact_info_box .info_item a {
      font-size: 18px;
      line-height: 25px;
    }
    .contact_info_box .info_item a img {
      width: 24px;
    }
    .contact_info_box .info_item:not(:last-child) {
      margin-bottom: 10px;
    }
  }
  @media (max-width: 575px) {
    .contact_page_info .container,
    .contact_page_info .row,
    .contact_page_info [class*="col-"] {
      margin: 0;
      padding: 0;
    }
    .contact_page_info .contact_info_box {
      border-radius: 0;
      margin: 0;
    }

    .map_area .ratio-21x9 {
      --bs-aspect-ratio: 260px;
    }
  }
  .blog_details_section {
    background-color: var(--light_grey);
  }
  .blog_details_section .blog_details_img {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
  }
  .blog_details_section .blog_details_img img {
    object-fit: cover;
  }
  .blog_details_section .blog_details_img .upper_blog_img {
    position: absolute;
    left: 0;
    right: 0;
    top: 24px;
    bottom: 22px;
    padding: 0 20px;
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 9;
  }
  .blog_details_section .blog_details_img .blog_tags,
  .blog_details_section .blog_details_img .blog_nav {
    height: auto;
  }
  .blog_details_section .blog_details_img .blog_tags a,
  .blog_details_section .blog_details_img .blog_nav a {
    display: inline-block;
    background: rgba(34, 34, 34, 0.6);
    padding: 2px 16px;
    border-radius: 50px;
    color: var(--white);
    letter-spacing: 0.03em;
    font-weight: 500;
    font-size: 14px;
  }
  .blog_details_section .blog_details_img .blog_tags {
    /* top: auto;
    bottom: 10px;
    left: 15px;
    right: 15px; */
  }
  .blog_details_section .blog_details_img .blog_tags a {
    margin-top: 5px;
    margin-right: 5px;
  }
  .blog_details_section .blog_details_img .blog_nav {
    /* top: 24px;
    bottom: auto; */
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
  }
  .blog_details_section .blog_details_img .blog_nav a {
    font-size: 12px;
    font-family: var(--heading_font);
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.12);
    padding: 5px 13px;
    line-height: normal;
  }
  .blog_details_section .blog_meta_info ul {
    padding: 0;
    margin-bottom: 12px;
  }
  .blog_details_section .blog_meta_info ul li {
    font-weight: 400;
    font-size: 12px;
    padding: 3px 15px 3px 0px;
    color: var(--body_color);
    list-style-type: none;
    display: inline-block;
  }
  .blog_details_section .blog_meta_info ul li:not(:last-child) {
    margin-right: 13px;
    border-right: 1px solid rgb(220,53,69);
  }
  .blog_details_section .section_title h2 {
    font-size: 48px;
    line-height: 130%;
    margin-bottom: 24px;
  }

  .cms_section p,
  .cms_section h1,
  .cms_section h2,
  .cms_section h3,
  .cms_section h4,
  .cms_section h5,
  .cms_section h6 {
    margin-bottom: 24px;
  }
  .cms_section img {
    border-radius: 8px;
    margin-bottom: 24px;
    max-width: 100%;
  }
  .cms_section p,
  .cms_section li {
    font-weight: 300;
  }

  @media (max-width: 767px) {
    .blog_details_section .section_title h2 {
      font-size: 36px;
    }
  }
  @media (max-width: 575px) {
    .blog_details_section .blog_details_img .ratio.ratio-21x9 {
      --bs-aspect-ratio: 100%;
    }
    .blog_details_section .blog_details_img .blog_tags a {
      font-size: 12px;
    }
    .blog_details_section .section_title h2 {
      font-size: 30px;
      color: var(--body_color);
    }
    .blog_details_section .blog_details_img .upper_blog_img {
      padding: 0 10px;
      bottom: 10px;
    }
    .blog_details_section .blog_details_img .blog_nav a {
      background: rgba(0, 0, 0, 0.4);
      border-radius: 10px;
      height: 45px;
      width: 40px;
      font-size: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .blog_details_section .blog_details_img .blog_nav a span {
      display: none;
    }
    .blog_details_section .blog_details_img .blog_nav a i {
      margin: 0 !important;
    }

    .industries_list_xs ul li a {
      font-size: 12px;
      line-height: 16px;
    }
  }
  .case_summary h5 {
    color: var(--body_color);
  }

  .case_details_section .blog_meta_info ul {
    padding: 0;
    margin-bottom: 12px;
  }
  .case_details_section .blog_meta_info ul li {
    font-weight: 400;
    font-size: 12px;
    padding: 3px 15px 3px 0px;
    color: var(--body_color);
    list-style-type: none;
    display: inline-block;
  }
  .case_details_section .blog_meta_info ul li:not(:last-child) {
    margin-right: 13px;
    border-right: 1px solid rgb(220,53,69);
  }
  .case_details_section .cms_section h2 {
    margin-bottom: 36px;
    font-size: 40px;
    font-weight: 600;
  }
  .case_details_section .cms_section h6 {
    font-size: 18px;
    line-height: 156%;
    letter-spacing: 0.02em;
    margin-bottom: 16px;
    font-weight: 600;
    font-family: var(--body_font);
  }
  .case_details_section .cms_section h4 {
    line-height: 143%;
  }
  .case_details_section .cms_section img {
    object-fit: cover;
  }
  .case_details_section .cms_section .case_solutions .grey_box {
    background-color: #F6F6F5;
    border-radius: 8px;
  }
  .case_details_section .cms_section .case_solutions .grey_box p {
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  .case_details_section .cms_section .case_solutions h5 {
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 140%;
  }
  .case_details_section .cms_section .case_solutions ul li {
    list-style-type: none;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
  }
  .case_details_section .cms_section .case_solutions ul li:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../images/svg/check.svg);
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: -32px;
    margin-right: 8px;
  }

  .case_study_hero .blog_details_img {
    border-radius: 0;
    position: relative;
  }
  .case_study_hero .blog_details_img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  .case_study_hero .blog_details_img .ratio-21x9 {
    --bs-aspect-ratio: 22.25%;
    min-height: 320px;
  }
  .case_study_hero .blog_details_img .case_title h1 {
    color: var(--white);
    font-weight: 600;
    line-height: 133%;
    font-size: 48px;
  }

  .case_study_page_items .case_item .case_info h4 {
    margin-bottom: 6px;
  }
  .case_study_page_items .case_item .case_info p {
    margin-bottom: 0;
    padding-bottom: 16px;
  }
  .case_study_page_items .case_item .case_info .btn_text a {
    font-size: 14px;
    font-weight: 600;
  }

  @media (max-width: 991px) {
    .case_study_hero .blog_details_img .case_title h1 {
      font-size: 40px;
    }

    .case_details_section .cms_section h2 {
      font-size: 38px;
    }
  }
  @media (max-width: 767px) {
    .case_summary h5 {
      font-size: 18px;
    }

    .case_study_hero .blog_details_img .case_title h1 {
      font-size: 36px;
    }

    .case_details_section .cms_section h2 {
      font-size: 36px;
      margin-bottom: 24px;
    }
    .case_details_section .cms_section h6 {
      font-size: 16px;
    }
    .case_details_section .cms_section h4 {
      font-size: 18px;
    }
  }
  @media (max-width: 575px) {
    .case_study_hero .blog_details_img .upper_blog_img {
      padding: 0;
    }
    .case_study_hero .blog_details_img .case_title h1 {
      font-size: 30px;
    }

    .case_details_section .cms_section h2 {
      font-size: 26px;
      margin-bottom: 16px;
    }
    .case_details_section .cms_section h6 {
      font-size: 14px;
    }
  }
  .approach_section .img_area img {
    border-radius: 12px;
    overflow: hidden;
  }
  .approach_section .content_area .strategy_item {
    margin-bottom: 48px;
  }
  .approach_section .content_area .strategy_item h3 {
    margin-bottom: 0;
  }
  .approach_section .content_area .strategy_item img {
    min-width: 48px;
  }

  .leader_item button {
    text-align: left;
    width: 100%;
    padding: 0;
  }
  .leader_item button .member_img {
    min-width: 84px;
    min-height: 84px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 18px;
  }
  .leader_item button .member_info {
    width: 100%;
  }
  .leader_item button .member_info h4 {
    margin-bottom: 0;
    font-weight: 400;
  }
  .leader_item button .member_info h6 {
    font-size: 14px;
    color: var(--body_color);
    letter-spacing: 0.03em;
    opacity: 0.6;
    margin-bottom: 3px;
  }
  .leader_item button .member_info h6 strong {
    text-transform: uppercase;
  }
  .leader_item button .member_info .social_icon a {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #2867b2;
    color: var(--white);
    border-radius: 2px;
  }
  .leader_item button .member_info .fa-circle {
    font-size: 4px;
    display: inline-block;
    vertical-align: middle;
  }
  .leader_item button .member_info .fa-angle-down {
    color: rgb(220,53,69);
    align-self: center;
  }

  .video_section .ratio {
    border-radius: 12px;
    overflow: hidden;
  }

  .journey_section {
    background-color: #f6f6f5;
  }
  .journey_section .timeline_section {
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-position: center 50.5%;
    background-size: 90%;
    margin: 100px 0 70px;
  }
  .journey_section .timeline_section .col .timeline_item {
    margin: 0 -30px;
    position: relative;
  }
  .journey_section .timeline_section .col .timeline_item h6 {
    font-weight: 700;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.03em;
    font-family: var(--body_font);
    margin: 0;
    padding: 15px 0;
    position: relative;
    min-height: 70px;
    transition: 0.3s;
  }
  .journey_section .timeline_section .col .timeline_item p {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 10px 0;
    transition: 0.3s;
  }
  .journey_section .timeline_section .col .timeline_item .dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fcdfa3;
    display: block;
    margin: 0 auto;
    position: relative;
  }
  .journey_section .timeline_section .col .timeline_item .timeline_hover {
    height: 0px;
    width: 0px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0px 0px 8.1242px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    padding: 15px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 40%;
    right: 0;
    transition: 0.3s;
    opacity: 0;
  }
  .journey_section .timeline_section .col .timeline_item .timeline_hover img {
    margin-bottom: 15px;
    padding: 0;
    height: 48px;
    width: 48px;
    object-fit: contain;
  }
  .journey_section .timeline_section .col .timeline_item .timeline_hover h6 {
    position: static;
    margin: 0 0 15px;
    padding: 0;
    min-height: auto;
  }
  .journey_section .timeline_section .col .timeline_item .timeline_hover p {
    position: static;
    margin: 0 0;
    padding: 0;
  }
  .journey_section .timeline_section .col .timeline_item:hover > h6, .journey_section .timeline_section .col .timeline_item:hover > p {
    opacity: 0;
  }
  .journey_section .timeline_section .col .timeline_item:hover .timeline_hover {
    height: 195px;
    width: 195px;
    opacity: 1;
    left: -20px;
  }
  .journey_section .timeline_section .col:nth-child(odd) .timeline_item .dot:before {
    content: "";
    height: 55px;
    border-left: 2px dashed #fcdfa3;
    display: inline-block;
    position: absolute;
    bottom: 24px;
  }
  .journey_section .timeline_section .col:nth-child(odd) .timeline_item .dot:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #fcdfa3;
    display: inline-block;
    position: absolute;
    bottom: 75px;
    margin-left: -2px;
  }
  .journey_section .timeline_section .col:nth-child(odd) .timeline_item h6 {
    bottom: 50px;
  }
  .journey_section .timeline_section .col:nth-child(even) .timeline_item {
    padding-top: 26px;
  }
  .journey_section .timeline_section .col:nth-child(even) .timeline_item .dot:before {
    content: "";
    height: 55px;
    border-left: 2px dashed #fcdfa3;
    display: inline-block;
    position: absolute;
    bottom: -55px;
    margin-left: -2px;
  }
  .journey_section .timeline_section .col:nth-child(even) .timeline_item .dot:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #fcdfa3;
    display: inline-block;
    position: absolute;
    bottom: -55px;
    margin-left: -4px;
  }
  .journey_section .timeline_section .col:nth-child(even) .timeline_item h6 {
    top: 50px;
  }
  .journey_section .timeline_section .col:nth-child(2) .timeline_item .dot {
    background-color: #fdd47d;
  }
  .journey_section .timeline_section .col:nth-child(2) .timeline_item .dot:after {
    background-color: #fdd47d;
  }
  .journey_section .timeline_section .col:nth-child(2) .timeline_item .dot:before {
    border-color: #fdd47d;
  }
  .journey_section .timeline_section .col:nth-child(3) .timeline_item .dot {
    background-color: #fec13f;
  }
  .journey_section .timeline_section .col:nth-child(3) .timeline_item .dot:after {
    background-color: #fec13f;
  }
  .journey_section .timeline_section .col:nth-child(3) .timeline_item .dot:before {
    border-color: #fec13f;
  }
  .journey_section .timeline_section .col:nth-child(4) .timeline_item .dot {
    background-color: #ffae00;
  }
  .journey_section .timeline_section .col:nth-child(4) .timeline_item .dot:after {
    background-color: #ffae00;
  }
  .journey_section .timeline_section .col:nth-child(4) .timeline_item .dot:before {
    border-color: #ffae00;
  }
  .journey_section .timeline_section .col:nth-child(5) .timeline_item .dot {
    background-color: #b1ceab;
  }
  .journey_section .timeline_section .col:nth-child(5) .timeline_item .dot:after {
    background-color: #b1ceab;
  }
  .journey_section .timeline_section .col:nth-child(5) .timeline_item .dot:before {
    border-color: #b1ceab;
  }
  .journey_section .timeline_section .col:nth-child(6) .timeline_item .dot {
    background-color: #7daf72;
  }
  .journey_section .timeline_section .col:nth-child(6) .timeline_item .dot:after {
    background-color: #7daf72;
  }
  .journey_section .timeline_section .col:nth-child(6) .timeline_item .dot:before {
    border-color: #7daf72;
  }
  .journey_section .timeline_section .col:nth-child(7) .timeline_item .dot {
    background-color: #5d9c51;
  }
  .journey_section .timeline_section .col:nth-child(7) .timeline_item .dot:after {
    background-color: #5d9c51;
  }
  .journey_section .timeline_section .col:nth-child(7) .timeline_item .dot:before {
    border-color: #5d9c51;
  }
  .journey_section .timeline_section .col:nth-child(8) .timeline_item .dot {
    background-color: #297d18;
  }
  .journey_section .timeline_section .col:nth-child(8) .timeline_item .dot:after {
    background-color: #297d18;
  }
  .journey_section .timeline_section .col:nth-child(8) .timeline_item .dot:before {
    border-color: #297d18;
  }
  .journey_section .timeline_section .col:nth-child(9) .timeline_item .dot {
    background-color: #206313;
  }
  .journey_section .timeline_section .col:nth-child(9) .timeline_item .dot:after {
    background-color: #206313;
  }
  .journey_section .timeline_section .col:nth-child(9) .timeline_item .dot:before {
    border-color: #206313;
  }
  .journey_section .timeline_section .col:nth-child(10) .timeline_item .dot {
    background-color: #184a0d;
  }
  .journey_section .timeline_section .col:nth-child(10) .timeline_item .dot:after {
    background-color: #184a0d;
  }
  .journey_section .timeline_section .col:nth-child(10) .timeline_item .dot:before {
    border-color: #184a0d;
  }
  .journey_section .timeline_section .col:nth-child(11) .timeline_item .dot {
    background-color: #0b2905;
  }
  .journey_section .timeline_section .col:nth-child(11) .timeline_item .dot:after {
    background-color: #0b2905;
  }
  .journey_section .timeline_section .col:nth-child(11) .timeline_item .dot:before {
    border-color: #0b2905;
  }
  .journey_section .timeline_section .col:nth-child(12) .timeline_item .dot {
    background-color: #3d403a;
  }
  .journey_section .timeline_section .col:nth-child(12) .timeline_item .dot:after {
    background-color: #3d403a;
  }
  .journey_section .timeline_section .col:nth-child(12) .timeline_item .dot:before {
    border-color: #3d403a;
  }
  .journey_section .timeline_section .col:nth-child(13) .timeline_item .dot {
    background-color: #1f201d;
  }
  .journey_section .timeline_section .col:nth-child(13) .timeline_item .dot:after {
    background-color: #1f201d;
  }
  .journey_section .timeline_section .col:nth-child(13) .timeline_item .dot:before {
    border-color: #1f201d;
  }

  .timeline_mobile {
    /* background-image: url(../images/journey/line.svg);
    background-repeat: no-repeat;
    background-position: center 63px; */
    position: relative;
  }
  .timeline_mobile .line_bg {
    position: absolute;
    /* left: auto;
    right: auto; */
    left: 49.5%;
    top: 63px;
    z-index: 0;
  }
  .timeline_mobile .timeline_item {
    width: 132px;
    height: 132px;
    background-color: var(--white);
    box-shadow: 0px 0px 8.1242px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    padding: 15px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .timeline_mobile .timeline_item img {
    margin-bottom: 4px;
  }
  .timeline_mobile .timeline_item h6 {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: var(--body_color);
    letter-spacing: 0.02em;
    font-family: var(--body_font);
    margin-bottom: 4px;
  }
  .timeline_mobile .timeline_item h6 span {
    font-weight: 700;
    color: var(--heading_color);
  }
  .timeline_mobile .timeline_item p {
    font-weight: 600;
    font-size: 16px;
    color: var(--body_color);
    letter-spacing: 0.02em;
    margin-bottom: 0;
  }
  .timeline_mobile .timeline_item:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #fcdfa3;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  .timeline_mobile .timeline_item:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fcdfa3;
    position: absolute;
    top: 48%;
    z-index: 1;
  }
  .timeline_mobile .row .col-12:not(:first-child) {
    margin-top: -34.3px;
  }
  .timeline_mobile .row .col-12:nth-child(odd) .timeline_item {
    margin-right: 188px;
  }
  .timeline_mobile .row .col-12:nth-child(odd) .timeline_item:before {
    right: -30px;
  }
  .timeline_mobile .row .col-12:nth-child(odd) .timeline_item:after {
    right: -31px;
  }
  .timeline_mobile .row .col-12:nth-child(even) .timeline_item {
    margin-left: 188px;
  }
  .timeline_mobile .row .col-12:nth-child(even) .timeline_item:before {
    left: -30px;
  }
  .timeline_mobile .row .col-12:nth-child(even) .timeline_item:after {
    left: -31px;
  }
  .timeline_mobile .row .col-12:nth-child(2) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(2) .timeline_item:after {
    background-color: #fdd47d;
  }
  .timeline_mobile .row .col-12:nth-child(3) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(3) .timeline_item:after {
    background-color: #fec13f;
  }
  .timeline_mobile .row .col-12:nth-child(4) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(4) .timeline_item:after {
    background-color: #ffae00;
  }
  .timeline_mobile .row .col-12:nth-child(5) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(5) .timeline_item:after {
    background-color: #b1ceab;
  }
  .timeline_mobile .row .col-12:nth-child(6) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(6) .timeline_item:after {
    background-color: #7daf72;
  }
  .timeline_mobile .row .col-12:nth-child(7) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(7) .timeline_item:after {
    background-color: #5d9c51;
  }
  .timeline_mobile .row .col-12:nth-child(8) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(8) .timeline_item:after {
    background-color: #297d18;
  }
  .timeline_mobile .row .col-12:nth-child(9) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(9) .timeline_item:after {
    background-color: #206313;
  }
  .timeline_mobile .row .col-12:nth-child(10) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(10) .timeline_item:after {
    background-color: #184a0d;
  }
  .timeline_mobile .row .col-12:nth-child(11) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(11) .timeline_item:after {
    background-color: #0b2905;
  }
  .timeline_mobile .row .col-12:nth-child(12) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(12) .timeline_item:after {
    background-color: #0b2905;
  }
  .timeline_mobile .row .col-12:nth-child(13) .timeline_item:before, .timeline_mobile .row .col-12:nth-child(13) .timeline_item:after {
    background-color: #151614;
  }

  @media (min-width: 1400px) {
    .leader_item {
      padding-right: 20px;
    }
  }
  @media (max-width: 1199px) {
    .journey_section .timeline_section .col .timeline_item .timeline_hover {
      padding: 8px;
    }
    .journey_section .timeline_section .col .timeline_item .timeline_hover img {
      margin-bottom: 5px;
      height: 40px;
      width: 40px;
    }
    .journey_section .timeline_section .col .timeline_item .timeline_hover h6 {
      margin-bottom: 5px;
    }
    .journey_section .timeline_section .col .timeline_item:hover .timeline_hover {
      height: 150px;
      width: 150px;
    }
  }
  @media (max-width: 767px) {
    .approach_section .content_area .strategy_item {
      margin-bottom: 20px;
    }
    .approach_section .content_area .strategy_item img {
      min-width: 32px;
      width: 32px;
    }

    .leader_item button .member_img {
      min-width: 70px;
      min-height: 70px;
      margin-right: 15px;
    }
    .leader_item button .member_info h4 {
      font-size: 18px;
      font-weight: 600;
    }
    .leader_item button .member_info h6 {
      font-size: 12px;
    }
  }
  .cms_banner {
    background-color: #fbefd5;
  }
  .cms_banner .cms_banner_area {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 0 45px 0;
    align-items: flex-start;
  }
  .cms_banner .cms_banner_area h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 133%;
    margin-bottom: 0;
  }
  .cms_banner .cms_banner_area a.back_btn {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: inline-block;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
    color: var(--heading_color);
    font-family: var(--heading_font);
    text-transform: uppercase;
  }

  .privacy_section h1, .privacy_section h2, .privacy_section h3, .privacy_section h4, .privacy_section h5, .privacy_section h6 {
    margin-bottom: 12px;
  }
  .privacy_section h5 {
    font-weight: 400;
  }
  .privacy_section a {
    color: var(--body_color);
  }
  .privacy_section p strong {
    letter-spacing: 0.02em;
    font-weight: 600;
    line-height: 28px;
    font-size: 18px;
  }
  .privacy_section .table_area {
    border: 1px solid var(--table_border);
    border-radius: 12px;
    margin-bottom: 45px;
  }
  .privacy_section table {
    width: 100%;
  }
  .privacy_section table thead {
    border-bottom: 1px solid var(--table_border);
  }
  .privacy_section table th {
    min-width: 100px;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 600;
  }
  .privacy_section table th:not(:last-child) {
    border-right: 1px solid var(--table_border);
  }
  .privacy_section table td {
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 300;
  }
  .privacy_section table td:not(:last-child) {
    border-right: 1px solid var(--table_border);
  }

  .toc_list li a {
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--heading_color);
  }

  @media (max-width: 991px) {
    .privacy_section .table_area {
      border-radius: 12px;
    }
    .privacy_section table tr th {
      font-size: 14px;
    }
    .privacy_section table tr td {
      padding: 12px 15px;
      font-size: 14px;
    }
  }
  @media (max-width: 767px) {
    .cms_banner .cms_banner_area {
      min-height: 205px;
      padding: 20px 0 20px 0;
    }
    .cms_banner .cms_banner_area h1 {
      font-size: 30px;
    }

    .table_area.mobile_table {
      margin-bottom: 15px;
    }
    .table_area.mobile_table tr td, .table_area.mobile_table tr th {
      min-width: 50%;
      max-width: 50%;
      width: 50%;
    }

    .privacy_section ul li, .privacy_section ol li {
      font-size: 14px;
      line-height: 20px;
    }
  }
  .breadcrumb_area nav {
    --bs-breadcrumb-divider: ">";
  }
  .breadcrumb_area nav ol {
    margin-bottom: 0;
  }
  .breadcrumb_area nav ol li {
    font-size: 14px;
  }
  .breadcrumb_area nav ol li a {
    color: var(--body_color);
  }
  .breadcrumb_area nav ol li.active {
    color: #5d9c51;
    font-weight: 600;
  }
  .breadcrumb_area nav ol li.breadcrumb-item + .breadcrumb-item::before {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    margin-top: -4px;
  }

  .pagination_area nav {
    --bs-pagination-active-bg: rgb(220,53,69);
  }
  .pagination_area nav ul li {
    margin: 0 8px;
  }
  .pagination_area nav ul li.numbers a {
    background-color: var(--light_primary);
    border-radius: 4px;
    min-width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--heading_color);
    border: none;
    padding: 0 5px;
  }
  .pagination_area nav ul li.active a {
    background-color: rgb(220,53,69);
    color: var(--white);
  }
  .pagination_area nav ul li.next a, .pagination_area nav ul li.prev a {
    border: none;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    color: var(--body_color);
    letter-spacing: 0.03em;
    font-size: 14px;
    padding: 0;
  }
  .pagination_area nav ul li.next.disabled, .pagination_area nav ul li.prev.disabled {
    opacity: 0.5;
  }

  .page_banner {
    background-image: url(../images/banner4.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .page_banner .page_banner_overlay {
    background-color: rgba(11, 41, 5, 0.8);
    padding: 100px 0;
    color: var(--white);
    text-align: center;
    min-height: 465px;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .page_banner .page_banner_area h1 {
    font-size: 60px;
    letter-spacing: -0.005em;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 25px;
  }
  .page_banner .page_banner_area p {
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 25px;
  }
  .page_banner .page_banner_area .banner_btns {
    border-radius: 8px;
    overflow: hidden;
  }
  .page_banner .page_banner_area .banner_btns a {
    border-radius: 0;
    font-family: var(--heading_font);
    font-weight: 600;
    color: var(--white);
  }
  .page_banner .page_banner_area .banner_btns a:before {
    background-color: var(--white);
  }
  .page_banner .page_banner_area .banner_btns a:hover {
    color: rgb(220,53,69);
  }
  .page_banner .page_banner_area .banner_btns a:hover:before {
    background-color: var(--white);
  }
  .page_banner .page_banner_area .banner_btns .btn_primary.active a {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.12);
    color: #cccfc9;
  }
  .page_banner .page_banner_area .banner_btns .btn_primary.active a:hover {
    color: rgb(220,53,69);
  }
  .page_banner .page_banner_area .banner_btns .btn_primary.active a:hover:before {
    background-color: var(--white);
  }

  @media (max-width: 767px) {
    .page_banner .page_banner_overlay {
      padding: 60px 0;
      min-height: 280px;
    }
  }
  @media (max-width: 575px) {
    .page_banner .page_banner_area h1 {
      font-size: 38px;
    }
    .page_banner .page_banner_area p {
      font-size: 18px;
      line-height: 24px;
    }
    .page_banner .page_banner_area .banner_btns a {
      font-size: 12px;
      font-weight: 500;
    }
  }
  .footer_section .main_footer {
    background-color: black;
    padding: 60px 0 30px;
    color: var(--white);
  }
  .footer_section .main_footer p {
    letter-spacing: 0.02em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--white);
  }
  .footer_section .main_footer .footer_logo {
    display: inline-block;
    margin-bottom: 10px;
  }
  .footer_section .main_footer .footer_item {
    margin-bottom: 30px;
  }
  .footer_section .main_footer .footer_item h5 {
    text-transform: uppercase;
    color: #fcfcfc;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
  }
  .footer_section .main_footer .footer_item ul.quick_links {
    padding-left: 0;
  }
  .footer_section .main_footer .footer_item ul.quick_links li {
    list-style-type: none;
  }
  .footer_section .main_footer .footer_item ul.quick_links li:not(:last-child) {
    margin-bottom: 8px;
  }
  .footer_section .main_footer .footer_item ul.quick_links li a {
    letter-spacing: 0.02em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--grey);
  }
  .footer_section .main_footer .footer_item ul.quick_links li a i {
    margin-left: 5px;
    font-size: 10px;
  }
  .footer_section .main_footer .footer_item ul.quick_links li a:hover {
    color: rgb(220,53,69);
  }
  .footer_section .main_footer .footer_item ul.quick_links li a:hover i {
    color: rgb(220,53,69);
  }
  .footer_section .main_footer .footer_item ul.contact_info {
    padding-left: 24px;
  }
  .footer_section .main_footer .footer_item ul.contact_info li {
    list-style-type: none;
  }
  .footer_section .main_footer .footer_item ul.contact_info li:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer_section .main_footer .footer_item ul.contact_info li a {
    letter-spacing: 0.02em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--grey);
  }
  .footer_section .main_footer .footer_item ul.contact_info li a i {
    margin-left: -24px;
    width: 21px;
  }
  .footer_section .copyright_footer {
    background-color: var(--copyright_bg);
    padding: 15px 0;
  }
  .footer_section .copyright_footer .copyright_text {
    padding-left: 0;
    margin: 0;
  }
  .footer_section .copyright_footer .copyright_text li {
    display: inline-block;
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--grey);
  }
  .footer_section .copyright_footer .copyright_text li:not(:last-child) {
    margin-right: 40px;
  }
  .footer_section .copyright_footer .copyright_text li a {
    color: var(--grey);
  }
  .footer_section .copyright_footer .social_links {
    padding-left: 0;
    margin: 0;
  }
  .footer_section .copyright_footer .social_links li {
    display: inline-block;
    list-style-type: none;
  }
  .footer_section .copyright_footer .social_links li:not(:last-child) {
    margin-right: 19px;
  }
  .footer_section .copyright_footer .social_links li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background-color: var(--body_color);
    color: var(--white);
    font-size: 14px;
  }

  @media (max-width: 767px) {
    .footer_section .copyright_footer {
      padding-bottom: 20px;
    }
    .footer_section .copyright_footer .copyright_text li:not(:last-child) {
      margin-right: 20px;
    }
  }
  @media (max-width: 575px) {
    .footer_section .copyright_footer .copyright_text li {
      width: 100%;
    }
    .footer_section .copyright_footer .copyright_text li:not(:last-child) {
      margin-right: 0px;
    }
  }
  .leader_item button .member_info .fa-angle-down {
    opacity: 0;
    pointer-events: none;
  }

  .grid_boxes .grid_item {
    min-height: 250px;
  }

  .show-more.show-active i {
    transform: rotate(180deg);
    margin-left: 5px;
  }

  @media (min-width: 768px) {
    .leader_item .collapse:not(.show) {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .leader_item button .member_info .fa-angle-down {
      opacity: 1;
      pointer-events: inherit;
    }

    .grid_boxes .grid_item {
      min-height: auto;
    }
  }
  .page_banner.about-page {
    background-image: url(../images/aboutpage.png);
  }

  .security_icon_list li {
    margin-bottom: 15px;
  }

  .case_block .carousel-control-next-icon, .case_block .carousel-control-prev-icon {
    background-size: 75%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }

  .cms_section img {
    object-fit: cover;
  }

  .cms_section .carousel-item img {
    margin-bottom: 0;
  }

  .cms_section p, .cms_section li {
    line-height: 28px;
  }

  .case_item {
    display: flex;
    flex-direction: column;
  }

  .case_item .case_info {
    position: relative;
    height: 100%;
    padding: 24px 24px 45px;
  }

  .case_item .case_info .btn_text {
    position: absolute;
    bottom: 15px;
  }

  .privacy_section p {
    line-height: 30px;
  }

  .privacy_section ul li {
    margin-bottom: 10px;
  }

  .privacy_section table td {
    line-height: 30px;
  }

                      .form-heading{
                          color: rgb(42,63,84);
                          font-weight: 900;
                      }

                      .list-group-item.active{
                          background-color: rgb(42,63,84);
                      }
                      .input-group input{
                          border: none;
                          border-bottom: 1px ridge black;

                      }

                      .works-head{
                      color: black;
                      font-weight: bolder;
                      font-size: 40px;


                  }
                  .work-a{
                       text-decoration: none;
                       color: black;

                  }
                  .work-card{
                      padding: 15px 10px 20px 15px;
                  }
                   .work-card:hover{
                      border: 1px ridge rgb(220,53,69);
                      background-color: rgba(51,122,183,0.1);
                   }
                   .word-i {
                      font-size: 50px;
                      color: rgb(220,53,69);

                   }

                   .work-card:hover .word-i{
                      transform: rotate(10deg);
                      transition: 0.5s ease-in-out;
                   }
                   .work-p-head{
                      font-weight: bolder;
                      color:black;

                   }
                   .work-p{
                      color: black;
                   }

                   /* Mymovingpartner packers movers all india red */
     .head-citywise{
           color: black;
           font-weight: normal;
           font-size: 43px;
           text-align: center;

        }
        .citywise-a{
          text-decoration: none;
          color: rgb(220,53,69);
        }
        .card-citywise{
           border: none;
           border-bottom: 1px solid rgb(25,135,84);
           border-radius: 10px;
        }


        .citywise-h2{

           font-weight: normal;
           font-size: 20px;
           color: rgb(220,53,69);


        }
        .citywise-p{
            font-size: 15px;

            color: black;
        }

        .citywise-a a{
          color: black;
          text-decoration: none;
          font-size: 19px;
          border: 1px dotted; black;
          padding: 7px;
        }

        /* ===== Common List UI ===== */
        .document-list-shell,
        .survey-list-shell,
        .quotation-list-shell {
          max-width: 1280px;
          margin: 0 auto;
          padding-bottom: 120px;
        }

        .document-list-card,
        .survey-list-card,
        .quotation-list-card {
          border: 1px solid #e4ebf5;
          border-radius: 24px;
          background:
            radial-gradient(circle at top right, rgba(31, 103, 177, 0.08), transparent 24%),
            linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
          box-shadow: 0 18px 44px rgba(20, 50, 92, 0.08);
          overflow: hidden;
        }

        .document-list-table,
        .survey-list-table,
        .quotation-list-table {
          display: flex;
          flex-direction: column;
        }

        .document-list-table .tbl_row,
        .survey-list-table .tbl_row,
        .quotation-list-table .tbl_row {
          display: grid;
          align-items: center;
          gap: 14px;
          padding: 18px 20px;
          border-bottom: 1px solid #edf2f8;
          background: transparent;
        }

        .document-list-table .tbl_row:last-child,
        .survey-list-table .tbl_row:last-child,
        .quotation-list-table .tbl_row:last-child {
          border-bottom: none;
        }

        .document-list-table .tbl_head,
        .survey-list-table .tbl_head,
        .quotation-list-table .tbl_head {
          background: linear-gradient(135deg, #173a66 0%, #0d69b5 100%);
          color: #fff;
          border-bottom: none;
        }

        .document-list-table .tbl_head .txt,
        .survey-list-table .tbl_head .txt,
        .quotation-list-table .tbl_head .txt {
          color: #fff;
        }

        .document-list-table .items_new:nth-child(even),
        .survey-list-table .items_new:nth-child(even),
        .quotation-list-table .items_new:nth-child(even) {
          background: #fbfdff;
        }

        .document-list-table .tbl_cell,
        .survey-list-table .tbl_cell,
        .quotation-list-table .tbl_cell {
          min-width: 0;
        }

        .document-list-table .txt,
        .survey-list-table .txt,
        .quotation-list-table .txt {
          display: inline-block;
          color: #2f4058;
          word-break: break-word;
        }

        .document-list-table .txt-small,
        .survey-list-table .txt-small,
        .quotation-list-table .txt-small {
          font-size: 12px;
          color: #72849c;
          line-height: 1.45;
          word-break: break-word;
        }

        .document-list-table .height,
        .survey-list-table .height,
        .quotation-list-table .height {
          display: block;
          line-height: 7px;
        }

        .document-list-table a,
        .survey-list-table a,
        .quotation-list-table a {
          text-decoration: none;
        }

        .quotation-amount {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 96px;
          padding: 8px 10px;
          border-radius: 999px;
          background: #e8f8ef;
          color: #198754;
          font-size: 13px;
          font-weight: 700;
        }

        .page-title-box .btn.btn-primary {
          border: none;
          border-radius: 14px;
          padding: 10px 16px;
          font-size: 13px;
          font-weight: 700;
          background: linear-gradient(135deg, #1d67b2 0%, #0cb39c 100%);
          box-shadow: 0 14px 30px rgba(14, 100, 178, 0.18);
        }

        .page-title-box .btn.btn-primary:hover {
          background: linear-gradient(135deg, #175596 0%, #09947f 100%);
        }

        .pagination {
          gap: 8px;
          flex-wrap: wrap;
        }

        .pagination .page-link {
          border-radius: 12px;
          border: 1px solid #dbe6f2;
          color: #24456c;
          padding: 8px 12px;
          font-weight: 600;
          box-shadow: none;
        }

        .pagination .active .page-link {
          background: linear-gradient(135deg, #173a66 0%, #0d69b5 100%);
          border-color: transparent;
        }

        @media (max-width: 991.98px) {
          .document-list-table.cols-6 .tbl_row,
          .survey-list-table .tbl_row {
            grid-template-columns: 56px minmax(170px, 1fr) minmax(170px, 1fr) minmax(150px, 1fr) 90px 150px;
          }

          .document-list-table.cols-7 .tbl_row,
          .quotation-list-table .tbl_row {
            grid-template-columns: 52px minmax(180px, 1.6fr) minmax(170px, 1.4fr) minmax(140px, 1.1fr) 100px 150px 70px;
          }
        }

        @media (max-width: 767.98px) {
          .page-title-box {
            gap: 12px;
            align-items: flex-start !important;
          }

          .page-title-box .btn.btn-primary {
            width: 100%;
            justify-content: center;
          }

          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            padding-bottom: 90px;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            border-radius: 18px;
            box-shadow: 0 14px 34px rgba(20, 50, 92, 0.07);
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: none;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            display: flex !important;
            flex-direction: column;
            align-items: stretch;
            gap: 10px;
            margin: 12px;
            padding: 14px;
            border: 1px solid #e7edf5;
            border-radius: 18px;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
            box-shadow: 0 10px 24px rgba(17, 54, 92, 0.05);
          }

          .document-list-table .tbl_row.items_new:last-child,
          .survey-list-table .tbl_row.items_new:last-child,
          .quotation-list-table .tbl_row.items_new:last-child {
            margin-bottom: 12px;
          }

          .document-list-table .items_new .tbl_cell,
          .survey-list-table .items_new .tbl_cell,
          .quotation-list-table .items_new .tbl_cell {
            width: 100%;
            padding: 0;
          }

          .document-list-table .items_new .tbl_cell:first-child,
          .survey-list-table .items_new .tbl_cell:first-child,
          .quotation-list-table .items_new .tbl_cell:first-child {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            min-width: 34px;
            height: 34px;
            border-radius: 999px;
            background: #edf5ff;
            color: #1d62a8;
            font-weight: 700;
          }

          .document-list-table .items_new .tbl_cell:last-child,
          .survey-list-table .items_new .tbl_cell:last-child,
          .quotation-list-table .items_new .tbl_cell:last-child {
            margin-top: 4px;
          }

          .document-list-table .txt,
          .survey-list-table .txt,
          .quotation-list-table .txt {
            font-size: 14px;
          }

          .document-list-table .txt-small,
          .survey-list-table .txt-small,
          .quotation-list-table .txt-small {
            font-size: 11px;
          }

          .quotation-amount {
            justify-content: flex-start;
            min-width: 0;
          }

          .quotation-paid-box {
            padding: 10px;
            border-radius: 14px;
          }

          .list-action-panel,
          .quotation-action-panel {
            width: 100%;
          }

          .list-action-trigger,
          .quotation-action-trigger {
            width: 100%;
            min-height: 40px;
            padding: 8px 10px;
            border-radius: 14px;
          }

          .quotation-action-trigger {
            min-width: 0;
            justify-content: space-between;
          }

          .list-action-menu,
          .quotation-action-menu,
          .survey-action-menu {
            position: static !important;
            width: 100%;
            margin-top: 10px !important;
            border-radius: 16px;
            box-shadow: 0 14px 28px rgba(20, 54, 92, 0.12);
            max-height: 280px;
          }

          .pagination {
            justify-content: center;
          }
        }

        @media (max-width: 575.98px) {
          .main-content .page-content .container-fluid {
            padding-left: 12px;
            padding-right: 12px;
          }

          .page-title-box .btn.btn-primary {
            font-size: 12px;
            padding: 10px 14px;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            margin: 10px;
            padding: 12px;
            border-radius: 16px;
          }

          .list-action-item,
          .quotation-action-item,
          .survey-action-item {
            padding: 9px 10px;
          }

          .list-action-copy strong,
          .quotation-action-copy strong,
          .survey-action-copy strong {
            font-size: 10px;
          }

          .list-action-copy small,
          .quotation-action-copy small,
          .survey-action-copy small {
            font-size: 8px;
          }
        }

        /* ===== Mobile List Fixes ===== */
        @media (max-width: 767.98px) {
          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            grid-template-columns: 34px minmax(0, 1fr) !important;
          }

          .document-list-table .items_new .tbl_cell:nth-child(2),
          .survey-list-table .items_new .tbl_cell:nth-child(2),
          .quotation-list-table .items_new .tbl_cell:nth-child(2) {
            grid-column: 2;
          }

          .document-list-table .items_new .tbl_cell:nth-child(3),
          .survey-list-table .items_new .tbl_cell:nth-child(3),
          .quotation-list-table .items_new .tbl_cell:nth-child(3),
          .document-list-table .items_new .tbl_cell:nth-child(4),
          .survey-list-table .items_new .tbl_cell:nth-child(4),
          .quotation-list-table .items_new .tbl_cell:nth-child(4),
          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(5),
          .survey-list-table .items_new .tbl_cell:nth-child(5),
          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(6),
          .survey-list-table .items_new .tbl_cell:nth-child(6),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(5),
          .quotation-list-table .items_new .tbl_cell:nth-child(5),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(6),
          .quotation-list-table .items_new .tbl_cell:nth-child(6),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(7),
          .quotation-list-table .items_new .tbl_cell:nth-child(7) {
            grid-column: 1 / -1;
          }

          .quotation-paid-topline {
            flex-wrap: wrap;
          }

          .quotation-paid-switch {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
          }

          .quotation-paid-switch .form-check-label {
            margin-left: 0 !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7),
          .list-action-panel,
          .quotation-action-panel,
          .list-action-dropdown,
          .quotation-action-dropdown {
            width: 100%;
          }

          .quotation-action-trigger {
            width: 100%;
            min-width: 0;
            justify-content: space-between;
            padding: 10px 12px;
          }

          .quotation-action-trigger-main {
            flex: 1 1 auto;
          }
        }

        @media (max-width: 575.98px) {
          .quotation-paid-box {
            gap: 8px;
            padding: 12px;
          }

          .quotation-action-trigger {
            min-height: 44px;
          }
        }

        /* ===== Canonical Mobile List View: same desktop row, horizontal scroll ===== */
        @media (max-width: 767.98px) {
          .page-section-scroll,
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow-x: auto !important;
            overflow-y: visible !important;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 18px !important;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            overflow: visible !important;
            min-width: max-content !important;
            border-radius: 18px !important;
          }

          .document-list-table,
          .survey-list-table,
          .quotation-list-table {
            display: flex !important;
            flex-direction: column !important;
            width: max-content !important;
            min-width: 100% !important;
          }

          .document-list-table.cols-6,
          .survey-list-table {
            min-width: 980px !important;
          }

          .document-list-table.cols-7,
          .quotation-list-table {
            min-width: 1180px !important;
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: grid !important;
          }

          .document-list-table.cols-6 .tbl_row,
          .survey-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 70px minmax(210px, 1.2fr) minmax(200px, 1.1fr) minmax(180px, 1fr) 110px 176px !important;
            gap: 14px !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table.cols-7 .tbl_row,
          .quotation-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 54px minmax(180px, 2fr) minmax(175px, 1.75fr) minmax(150px, 1.45fr) 112px 122px 176px !important;
            gap: 10px !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table .tbl_row > .tbl_cell,
          .survey-list-table .tbl_row > .tbl_cell,
          .quotation-list-table .tbl_row > .tbl_cell {
            grid-column: auto !important;
            grid-row: auto !important;
            display: block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            background: transparent !important;
            border-radius: 0 !important;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            background: transparent !important;
          }

          .document-list-table .items_new .tbl_cell:first-child,
          .survey-list-table .items_new .tbl_cell:first-child,
          .quotation-list-table .items_new .tbl_cell:first-child {
            background: transparent !important;
            color: inherit !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            border-radius: 0 !important;
            font-weight: inherit !important;
          }

          .document-list-table .txt,
          .survey-list-table .txt,
          .quotation-list-table .txt {
            font-size: 14px !important;
            line-height: 1.45 !important;
          }

          .document-list-table .txt-small,
          .survey-list-table .txt-small,
          .quotation-list-table .txt-small {
            font-size: 11px !important;
            line-height: 1.5 !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(6) {
            min-width: 132px !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
            display: block !important;
            min-width: 176px !important;
          }

          .list-action-panel,
          .quotation-action-panel,
          .list-action-dropdown,
          .quotation-action-dropdown {
            width: 100% !important;
          }

          .list-action-trigger,
          .quotation-action-trigger {
            width: 100% !important;
            min-width: 0 !important;
            min-height: 34px !important;
            justify-content: space-between !important;
            padding: 6px 10px !important;
            border-radius: 12px !important;
          }

          .quotation-paid-box {
            padding: 8px 9px !important;
            border: 1px solid #d9e4f2 !important;
            border-radius: 12px !important;
            background: linear-gradient(135deg, #ffffff 0%, #f4f8fd 100%) !important;
            box-shadow: 0 10px 22px rgba(19, 58, 99, 0.05) !important;
          }
        }

        @media (max-width: 767.98px) {
          .page-section-scroll,
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow-x: auto !important;
            overflow-y: visible !important;
            -webkit-overflow-scrolling: touch;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            min-width: max-content !important;
            overflow: visible !important;
          }

          .document-list-table,
          .survey-list-table,
          .quotation-list-table {
            display: flex !important;
            flex-direction: column !important;
            width: max-content !important;
            min-width: 100% !important;
          }

          .document-list-table.cols-6,
          .survey-list-table {
            min-width: 980px !important;
          }

          .document-list-table.cols-7,
          .quotation-list-table {
            min-width: 1180px !important;
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: grid !important;
          }

          .document-list-table.cols-6 .tbl_row,
          .survey-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 70px minmax(210px, 1.2fr) minmax(200px, 1.1fr) minmax(180px, 1fr) 110px 176px !important;
            gap: 14px !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table.cols-7 .tbl_row,
          .quotation-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 54px minmax(180px, 2fr) minmax(175px, 1.75fr) minmax(150px, 1.45fr) 112px 122px 68px !important;
            gap: 10px !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table .tbl_row > .tbl_cell,
          .survey-list-table .tbl_row > .tbl_cell,
          .quotation-list-table .tbl_row > .tbl_cell {
            grid-column: auto !important;
            grid-row: auto !important;
            width: auto !important;
            min-width: 0 !important;
            height: auto !important;
            padding: 0 !important;
            overflow: visible !important;
            background: transparent !important;
            border-radius: 0 !important;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            background: transparent !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
            display: flex !important;
            justify-content: center !important;
          }

          .quotation-action-trigger {
            width: 56px !important;
            min-width: 56px !important;
            padding: 6px 7px !important;
            justify-content: center !important;
          }
        }

        /* ===== Final Shared Mobile List View ===== */
        @media (max-width: 767.98px) {
          .page-section-scroll,
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow-x: auto !important;
            overflow-y: visible !important;
            -webkit-overflow-scrolling: touch;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            overflow: visible !important;
            min-width: max-content !important;
            border-radius: 18px !important;
          }

          .document-list-table,
          .survey-list-table,
          .quotation-list-table {
            display: flex !important;
            flex-direction: column !important;
            width: max-content !important;
            min-width: 100% !important;
          }

          .document-list-table.cols-6,
          .survey-list-table {
            min-width: 980px !important;
          }

          .document-list-table.cols-7,
          .quotation-list-table {
            min-width: 1180px !important;
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: grid !important;
          }

          .document-list-table.cols-6 .tbl_row,
          .survey-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 70px minmax(210px, 1.2fr) minmax(200px, 1.1fr) minmax(180px, 1fr) 110px 176px !important;
            gap: 14px !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            border: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table.cols-7 .tbl_row,
          .quotation-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 54px minmax(180px, 2fr) minmax(175px, 1.75fr) minmax(150px, 1.45fr) 112px 122px 68px !important;
            gap: 10px !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            border: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table .tbl_row > .tbl_cell,
          .survey-list-table .tbl_row > .tbl_cell,
          .quotation-list-table .tbl_row > .tbl_cell {
            grid-column: auto !important;
            grid-row: auto !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            border-radius: 0 !important;
            background: transparent !important;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            background: transparent !important;
          }

          .document-list-table .items_new .tbl_cell:first-child,
          .survey-list-table .items_new .tbl_cell:first-child,
          .quotation-list-table .items_new .tbl_cell:first-child {
            display: block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            color: inherit !important;
            font-weight: inherit !important;
          }

          .document-list-table .txt,
          .survey-list-table .txt,
          .quotation-list-table .txt {
            font-size: 14px !important;
            line-height: 1.45 !important;
          }

          .document-list-table .txt-small,
          .survey-list-table .txt-small,
          .quotation-list-table .txt-small {
            font-size: 11px !important;
            line-height: 1.5 !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
            display: flex !important;
            justify-content: center !important;
          }

          .list-action-panel,
          .quotation-action-panel,
          .list-action-dropdown,
          .quotation-action-dropdown {
            width: auto !important;
          }

          .list-action-trigger,
          .quotation-action-trigger {
            width: auto !important;
            min-width: 56px !important;
            min-height: 34px !important;
            justify-content: center !important;
            padding: 6px 7px !important;
            border-radius: 999px !important;
          }
        }

        /* ===== Final Mobile And Action Sheet Overrides ===== */
        .action-sheet-modal .modal-dialog {
          width: min(420px, calc(100vw - 24px)) !important;
          max-width: min(420px, calc(100vw - 24px)) !important;
          margin: 0.9rem auto !important;
        }

        .action-sheet-modal .modal-content {
          max-height: min(78vh, 640px) !important;
          overflow: hidden !important;
        }

        .action-sheet-modal .modal-body {
          max-height: calc(min(78vh, 640px) - 76px) !important;
          overflow-y: auto !important;
          overflow-x: hidden !important;
          overscroll-behavior: contain;
          -webkit-overflow-scrolling: touch;
        }

        .action-sheet-modal .list-action-menu,
        .action-sheet-modal .quotation-action-menu,
        .action-sheet-modal .survey-action-menu,
        .action-sheet-menu-active {
          width: 100% !important;
          max-height: none !important;
          overflow: visible !important;
        }

        @media (max-width: 767.98px) {
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
          }

          .action-sheet-modal .modal-dialog {
            width: min(380px, calc(100vw - 20px)) !important;
            max-width: min(380px, calc(100vw - 20px)) !important;
            margin: 0.75rem auto !important;
          }

          .action-sheet-modal .modal-content {
            max-height: 80vh !important;
          }

          .action-sheet-modal .modal-body {
            max-height: calc(80vh - 72px) !important;
            padding: 12px !important;
          }
        }

        @media (max-width: 575.98px) {
          .action-sheet-modal .modal-dialog {
            width: calc(100vw - 16px) !important;
            max-width: calc(100vw - 16px) !important;
            margin: 0.5rem auto !important;
          }

          .action-sheet-modal .modal-content {
            max-height: 82vh !important;
            border-radius: 18px !important;
          }

          .action-sheet-modal .modal-body {
            max-height: calc(82vh - 70px) !important;
            padding: 10px !important;
          }
        }

        /* ===== Final Mobile List View: single-line scrollable for all sections ===== */
        @media (max-width: 767.98px) {
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell,
          .page-section-scroll {
            overflow-x: auto !important;
            overflow-y: visible !important;
            -webkit-overflow-scrolling: touch;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            overflow: visible !important;
            min-width: max-content;
          }

          .document-list-table,
          .survey-list-table,
          .quotation-list-table {
            display: flex !important;
            flex-direction: column !important;
            width: max-content !important;
            min-width: 100% !important;
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: grid !important;
          }

          .document-list-table.cols-6,
          .survey-list-table {
            min-width: 980px !important;
          }

          .document-list-table.cols-7,
          .quotation-list-table {
            min-width: 1180px !important;
          }

          .document-list-table.cols-6 .tbl_row,
          .survey-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 70px minmax(210px, 1.2fr) minmax(200px, 1.1fr) minmax(180px, 1fr) 110px 176px !important;
            gap: 14px !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            border: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table.cols-7 .tbl_row,
          .quotation-list-table .tbl_row {
            display: grid !important;
            grid-template-columns: 54px minmax(180px, 2fr) minmax(175px, 1.75fr) minmax(150px, 1.45fr) 112px 122px 68px !important;
            gap: 10px !important;
            margin: 0 !important;
            padding: 18px 20px !important;
            border-radius: 0 !important;
            border: 0 !important;
            box-shadow: none !important;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            background: transparent !important;
          }

          .document-list-table .tbl_cell,
          .survey-list-table .tbl_cell,
          .quotation-list-table .tbl_cell {
            width: auto !important;
            min-width: 0 !important;
            overflow: visible !important;
            padding: 0 !important;
          }

          .document-list-table .items_new .tbl_cell:first-child,
          .survey-list-table .items_new .tbl_cell:first-child,
          .quotation-list-table .items_new .tbl_cell:first-child {
            display: block !important;
            width: auto !important;
            height: auto !important;
            min-width: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            color: inherit !important;
            font-weight: inherit !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
            display: flex !important;
            justify-content: center !important;
            width: auto !important;
          }

          .quotation-action-trigger {
            width: 56px !important;
            min-width: 56px !important;
            justify-content: center !important;
            padding: 6px 7px !important;
          }
        }

        /* ===== Action Sheet Size Control ===== */
        .action-sheet-modal .modal-dialog {
          width: min(420px, calc(100vw - 24px));
          max-width: min(420px, calc(100vw - 24px));
          margin: 0.9rem auto;
        }

        .action-sheet-modal .modal-content {
          max-height: min(78vh, 640px);
          overflow: hidden;
        }

        .action-sheet-modal .modal-body {
          max-height: calc(min(78vh, 640px) - 76px);
          overflow-y: auto;
          overflow-x: hidden;
          overscroll-behavior: contain;
          -webkit-overflow-scrolling: touch;
        }

        .action-sheet-modal .list-action-menu,
        .action-sheet-modal .quotation-action-menu,
        .action-sheet-modal .survey-action-menu,
        .action-sheet-menu-active {
          max-height: none !important;
          overflow: visible !important;
        }

        @media (max-width: 767.98px) {
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }

          .action-sheet-modal .modal-dialog {
            width: min(380px, calc(100vw - 20px));
            max-width: min(380px, calc(100vw - 20px));
            margin: 0.75rem auto;
          }

          .action-sheet-modal .modal-content {
            max-height: 80vh;
          }

          .action-sheet-modal .modal-body {
            max-height: calc(80vh - 72px);
            padding: 12px;
          }
        }

        @media (max-width: 575.98px) {
          .action-sheet-modal .modal-dialog {
            width: calc(100vw - 16px);
            max-width: calc(100vw - 16px);
            margin: 0.5rem auto;
          }

          .action-sheet-modal .modal-content {
            max-height: 82vh;
            border-radius: 18px;
          }

          .action-sheet-modal .modal-body {
            max-height: calc(82vh - 70px);
            padding: 10px;
          }
        }

        /* ===== Theme Alignment And Mobile List Scroll ===== */
        :root {
          --pb-theme-navy: #173a66;
          --pb-theme-blue: #0d69b5;
          --pb-theme-sky: #edf5ff;
          --pb-theme-mint: #0cb39c;
          --pb-theme-ink: #234469;
          --pb-theme-muted: #72849c;
          --pb-theme-border: #dce7f3;
        }

        body {
          background: #f4f8fc;
        }

        .app-menu.navbar-menu {
          background:
            radial-gradient(circle at top, rgba(12, 179, 156, 0.14), transparent 20%),
            linear-gradient(180deg, #173a66 0%, #114f8b 45%, #0d69b5 100%);
          border-right: 1px solid rgba(255, 255, 255, 0.08);
          box-shadow: 14px 0 38px rgba(13, 55, 96, 0.18);
        }

        .navbar-brand-box {
          background: transparent;
          border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .navbar-nav .menu-title {
          color: rgba(255, 255, 255, 0.62);
          font-size: 11px;
          letter-spacing: 0.08em;
          text-transform: uppercase;
        }

        .navbar-nav .nav-link.menu-link,
        .navbar-nav .nav-sm .nav-link {
          border-radius: 14px;
          color: rgba(255, 255, 255, 0.82);
          transition: all 0.2s ease;
        }

        .navbar-nav .nav-link.menu-link i,
        .navbar-nav .nav-sm .nav-link i {
          color: rgba(255, 255, 255, 0.9);
        }

        .navbar-nav .nav-link.menu-link:hover,
        .navbar-nav .nav-link.menu-link[aria-expanded="true"],
        .navbar-nav .nav-sm .nav-link:hover {
          background: rgba(255, 255, 255, 0.1);
          color: #ffffff;
          transform: translateX(2px);
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link.menu-link.active {
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(12, 179, 156, 0.24));
          color: #ffffff;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .navbar-nav .menu-dropdown {
          padding-top: 6px;
        }

        .navbar-nav .menu-dropdown .nav-link {
          background: rgba(255, 255, 255, 0.04);
          margin-bottom: 6px;
          padding: 10px 14px !important;
        }

        #page-topbar {
          backdrop-filter: blur(12px);
          background: rgba(255, 255, 255, 0.88);
          border-bottom: 1px solid rgba(22, 74, 126, 0.08);
        }

        .document-list-card,
        .survey-list-card,
        .quotation-list-card {
          border-color: var(--pb-theme-border);
          box-shadow: 0 18px 44px rgba(20, 50, 92, 0.08);
        }

        .document-list-table .tbl_head,
        .survey-list-table .tbl_head,
        .quotation-list-table .tbl_head {
          background: linear-gradient(135deg, var(--pb-theme-navy) 0%, var(--pb-theme-blue) 100%);
        }

        .page-title-box .btn.btn-primary {
          background: linear-gradient(135deg, var(--pb-theme-navy) 0%, var(--pb-theme-blue) 55%, var(--pb-theme-mint) 100%);
        }

        .page-title-box .btn.btn-primary:hover {
          background: linear-gradient(135deg, #123257 0%, #0a5b9b 55%, #099985 100%);
        }

        .list-action-trigger,
        .quotation-action-trigger {
          background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
          border-color: #d7e5f3;
          color: var(--pb-theme-ink);
        }

        .list-action-trigger-icon,
        .quotation-action-trigger-icon {
          background: linear-gradient(135deg, var(--pb-theme-navy) 0%, var(--pb-theme-blue) 100%);
        }

        .list-action-menu,
        .quotation-action-menu,
        .survey-action-menu {
          border-color: #d8e4f1;
          border-radius: 18px;
          background:
            radial-gradient(circle at top right, rgba(13, 105, 181, 0.08), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
          box-shadow: 0 24px 56px rgba(20, 54, 92, 0.18);
        }

        .list-action-item,
        .quotation-action-item,
        .survey-action-item {
          border-radius: 14px;
        }

        .list-action-item:hover,
        .quotation-action-item:hover,
        .survey-action-item:hover {
          transform: translateX(3px);
        }

        @media (max-width: 767.98px) {
          .document-list-shell,
          .survey-list-shell,
          .quotation-list-shell {
            overflow: visible;
            padding-bottom: 84px;
          }

          .document-list-card,
          .survey-list-card,
          .quotation-list-card {
            overflow: hidden;
            border-radius: 18px;
          }

          .document-list-table,
          .survey-list-table,
          .quotation-list-table {
            min-width: 0;
            width: 100%;
          }

          .document-list-table .tbl_head,
          .survey-list-table .tbl_head,
          .quotation-list-table .tbl_head {
            display: none !important;
          }

          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            display: grid !important;
            grid-template-columns: 34px minmax(0, 1fr) auto;
            gap: 10px 12px;
            align-items: start;
            margin: 10px;
            padding: 14px;
            border: 1px solid #e4ebf5;
            border-radius: 18px;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
            box-shadow: 0 10px 24px rgba(17, 54, 92, 0.05);
          }

          .document-list-table .items_new .tbl_cell,
          .survey-list-table .items_new .tbl_cell,
          .quotation-list-table .items_new .tbl_cell {
            width: 100%;
            min-width: 0;
            overflow: hidden;
          }

          .document-list-table .items_new .tbl_cell:first-child,
          .survey-list-table .items_new .tbl_cell:first-child,
          .quotation-list-table .items_new .tbl_cell:first-child {
            grid-column: 1;
            grid-row: 1;
            width: 34px;
            height: 34px;
            min-width: 34px;
            border-radius: 999px;
            background: #edf5ff;
            color: #1d62a8;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
          }

          .document-list-table .items_new .tbl_cell:nth-child(2),
          .survey-list-table .items_new .tbl_cell:nth-child(2),
          .quotation-list-table .items_new .tbl_cell:nth-child(2) {
            grid-column: 2 / 4;
            grid-row: 1;
          }

          .document-list-table .items_new .tbl_cell:nth-child(3),
          .survey-list-table .items_new .tbl_cell:nth-child(3),
          .quotation-list-table .items_new .tbl_cell:nth-child(3) {
            grid-column: 1 / -1;
            grid-row: 2;
          }

          .document-list-table .items_new .tbl_cell:nth-child(4),
          .survey-list-table .items_new .tbl_cell:nth-child(4),
          .quotation-list-table .items_new .tbl_cell:nth-child(4) {
            grid-column: 1 / -1;
            grid-row: 3;
          }

          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(5),
          .survey-list-table .items_new .tbl_cell:nth-child(5) {
            grid-column: 1 / -1;
            grid-row: 4;
          }

          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(6),
          .survey-list-table .items_new .tbl_cell:nth-child(6) {
            grid-column: 1 / -1;
            grid-row: 5;
            margin-top: 2px;
          }

          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(5),
          .quotation-list-table .items_new .tbl_cell:nth-child(5) {
            grid-column: 1 / -1;
            grid-row: 4;
          }

          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(6),
          .quotation-list-table .items_new .tbl_cell:nth-child(6) {
            grid-column: 1 / -1;
            grid-row: 5;
          }

          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(7),
          .quotation-list-table .items_new .tbl_cell:nth-child(7) {
            grid-column: 1 / -1;
            grid-row: 6;
            display: block;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7) {
            justify-content: flex-start;
          }

          .list-action-panel,
          .quotation-action-panel,
          .list-action-dropdown,
          .quotation-action-dropdown {
            width: 100%;
          }

          .list-action-trigger,
          .quotation-action-trigger {
            width: 100%;
            min-width: 0;
            min-height: 40px;
            padding: 8px 10px;
            border-radius: 14px;
          }

          .quotation-action-trigger {
            justify-content: space-between;
          }

          .quotation-paid-box {
            padding: 10px;
            border-radius: 14px;
          }

          .quotation-amount {
            min-width: 0;
            justify-content: flex-start;
          }

          .document-list-table .txt,
          .survey-list-table .txt,
          .quotation-list-table .txt {
            font-size: 14px;
            line-height: 1.45;
          }

          .document-list-table .txt-small,
          .survey-list-table .txt-small,
          .quotation-list-table .txt-small {
            font-size: 11px;
            line-height: 1.5;
          }

          .app-menu.navbar-menu {
            box-shadow: 10px 0 30px rgba(13, 55, 96, 0.22);
          }
        }

        @media (max-width: 575.98px) {
          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            margin: 8px;
            padding: 12px;
            border-radius: 16px;
          }

          .navbar-nav .nav-link.menu-link,
          .navbar-nav .nav-sm .nav-link {
            border-radius: 12px;
          }
        }

        .action-sheet-modal .modal-dialog {
          max-width: 440px;
        }

        .action-sheet-modal .modal-content {
          border: 1px solid #d9e5f2;
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 28px 60px rgba(17, 52, 89, 0.22);
        }

        .action-sheet-modal .modal-header {
          padding: 16px 18px;
          border-bottom: 1px solid #e7eef7;
          background: linear-gradient(135deg, #f8fbff 0%, #eef5fd 100%);
        }

        .action-sheet-modal .modal-title {
          color: #173a66;
          font-size: 16px;
          font-weight: 700;
        }

        .action-sheet-modal .modal-body {
          padding: 14px;
          background: #f8fbff;
        }

        .action-sheet-modal .list-action-menu,
        .action-sheet-modal .quotation-action-menu,
        .action-sheet-modal .survey-action-menu,
        .action-sheet-menu-active {
          position: static !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          width: 100% !important;
          max-height: none !important;
          margin: 0 !important;
          opacity: 1 !important;
          visibility: visible !important;
          pointer-events: auto !important;
          transform: none !important;
          display: block !important;
          border-radius: 18px;
          border: 1px solid #dce8f4;
          box-shadow: none;
          background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
        }

        .action-sheet-modal .dropdown-header {
          font-size: 10px;
          letter-spacing: 0.08em;
        }

        .action-sheet-modal .list-action-item,
        .action-sheet-modal .quotation-action-item,
        .action-sheet-modal .survey-action-item {
          padding: 10px 12px;
          border-radius: 14px;
        }

        @media (max-width: 575.98px) {
          .action-sheet-modal .modal-dialog {
            margin: 0.75rem;
          }

          .action-sheet-modal .modal-content {
            border-radius: 20px;
          }
        }

        @media (max-width: 767.98px) {
          .document-list-table .items_new,
          .survey-list-table .items_new,
          .quotation-list-table .items_new {
            grid-template-columns: 34px minmax(0, 1fr) !important;
          }

          .document-list-table .items_new .tbl_cell:nth-child(2),
          .survey-list-table .items_new .tbl_cell:nth-child(2),
          .quotation-list-table .items_new .tbl_cell:nth-child(2) {
            grid-column: 2 !important;
          }

          .document-list-table .items_new .tbl_cell:nth-child(3),
          .survey-list-table .items_new .tbl_cell:nth-child(3),
          .quotation-list-table .items_new .tbl_cell:nth-child(3),
          .document-list-table .items_new .tbl_cell:nth-child(4),
          .survey-list-table .items_new .tbl_cell:nth-child(4),
          .quotation-list-table .items_new .tbl_cell:nth-child(4),
          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(5),
          .survey-list-table .items_new .tbl_cell:nth-child(5),
          .document-list-table.cols-6 .items_new .tbl_cell:nth-child(6),
          .survey-list-table .items_new .tbl_cell:nth-child(6),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(5),
          .quotation-list-table .items_new .tbl_cell:nth-child(5),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(6),
          .quotation-list-table .items_new .tbl_cell:nth-child(6),
          .document-list-table.cols-7 .items_new .tbl_cell:nth-child(7),
          .quotation-list-table .items_new .tbl_cell:nth-child(7) {
            grid-column: 1 / -1 !important;
          }

          .quotation-paid-topline {
            flex-wrap: wrap;
          }

          .quotation-paid-switch {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
          }

          .quotation-paid-switch .form-check-label {
            margin-left: 0 !important;
          }

          .quotation-list-table .tbl_row > .tbl_cell:nth-child(7),
          .list-action-panel,
          .quotation-action-panel,
          .list-action-dropdown,
          .quotation-action-dropdown {
            width: 100% !important;
          }

          .quotation-action-trigger {
            width: 100% !important;
            min-width: 0 !important;
            justify-content: space-between;
            padding: 10px 12px !important;
          }

          .quotation-action-trigger-main {
            flex: 1 1 auto;
          }
        }

        @media (max-width: 575.98px) {
          .quotation-paid-box {
            gap: 8px;
            padding: 12px;
          }

          .quotation-action-trigger {
            min-height: 44px;
          }
        }