:root {
    --primary_color: #297D18;
    --secondary_color: #FFAE00;
    --body_color: #474B44;
    --heading_color: #151614;
    --white: #fff;
    --black: #000;
    --link_color: #4F85EE;
    --body_font: 'Manrope', sans-serif;
    --heading_font: 'Lexend', 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);
  }

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

  .quotation-list-shell {
    max-width: 1320px;
    margin: 0 auto;
    padding-bottom: 240px;
  }

  .survey-list-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 240px;
  }

  .survey-list-card {
    border: 1px solid #e6ecf5;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 14px 40px rgba(23, 42, 89, 0.07);
    overflow: visible;
  }

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

  .survey-list-table .tbl_row {
    display: grid;
    grid-template-columns: 70px 1.2fr 1.2fr 1.2fr 120px 280px;
    gap: 14px;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #edf2f8;
    position: relative;
    overflow: visible;
    z-index: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .quotation-list-card {
    border: 1px solid #e6ecf5;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 14px 40px rgba(23, 42, 89, 0.07);
    overflow: visible;
  }

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

  .quotation-list-table .tbl_row {
    display: grid;
    grid-template-columns: 70px 1.15fr 1.1fr 1fr 140px 190px 280px;
    gap: 14px;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #edf2f8;
    position: relative;
    overflow: visible;
    z-index: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .quotation-paid-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid #d9e4f2;
    border-radius: 14px;
    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: 8px;
  }

  .quotation-paid-label {
    font-size: 11px;
    font-weight: 700;
    color: #7890aa;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .quotation-paid-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10px;
    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: 2.5rem;
    height: 1.3rem;
    cursor: pointer;
  }

  .quotation-paid-switch .form-check-label {
    font-size: 13px;
    font-weight: 600;
    color: #234469;
    cursor: pointer;
  }

  /* ===== 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: auto;
    min-width: 104px;
    min-height: 34px;
    padding: 6px 9px;
    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;
  }

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

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

  .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) {
    .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) {
    .survey-list-table .tbl_row {
      grid-template-columns: 70px 1.1fr 1.1fr 1.1fr 120px 260px;
    }

    .quotation-list-table .tbl_row {
      grid-template-columns: 70px 1.1fr 1.1fr 1fr 130px 170px 260px;
    }
  }

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

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