/*Start horizontal cards scolling CSS property*/
.horizontal-scrolling-cards {
    background: var(--black-color);
    padding: var(--padding-tb-medium) 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .horizontal-scrolling-cards h2 {
    color: var(--white-color);
    margin-bottom: 120px;
  }
  .horizontal-card {
    display: flex;
    height: 100%;
    gap: 160px;
    padding-left: 50%;
  }
  .horizontal-card .card-wrappers {
    display: flex;
    flex-shrink: 0;
    padding: 0 5px;
  }
  .horizontal-card .card {
    align-items: stretch;
    width: 320px;
    min-height: 400px;
    padding: 40px;
    border-radius: 20px;
    overflow: hidden;
  }
  .horizontal-card .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gradient-05);
    opacity: 0.5;
    z-index: -1;
  }
  .horizontal-card .card-wrapper:nth-child(3n + 1) .card {
    background: var(--lavender-blush-color);
  }
  .horizontal-card .card-wrapper:nth-child(3n + 2) .card {
    background: var(--alice-blue-color);
  }
  .horizontal-card .card-wrapper:nth-child(3n + 3) .card {
    background: var(--light-color);
  }
  .horizontal-card img {
    width: 80px;
    margin-bottom: 20px;
  }
  .horizontal-card h5 {
    margin-bottom: 20px;
  }
  @media only screen and (max-width: 767px) {
    .careers-jobs-list .jobs-post-items .job-item {
      row-gap: 20px;
      text-align: left;
      justify-content: start;
      align-items: start;
    }
    .careers-jobs-list .jobs-post-items .jobs-meta {
      flex-direction: column;
      row-gap: 5px;
    }
    .careers-jobs-list .jobs-post-items .jobs-meta li {
      list-style: inherit;
      margin-left: 15px;
    }
    .careers-jobs-list .jobs-post-items .jobs-meta li::marker {
      color: var(--hot-pink-color);
    }
    .horizontal-scrolling-cards {
      min-height: inherit;
    }
    .horizontal-card {
      flex-direction: column;
      gap: 1.5rem;
      padding-left: 0;
    }
    .horizontal-card .card {
      transform: rotate(0deg) !important;
      width: 100%;
      min-height: auto;
    }
    .horizontal-scrolling-cards h2 {
      color: var(--white-color);
      margin-bottom: 35px;
    }
  }
  @media only screen and (max-width: 576px) {
    .horizontal-scrolling-cards {
      padding-right: var(--bs-gutter-x, 0.75rem);
      padding-left: var(--bs-gutter-x, 0.75rem);
    }
  }
  /*End horizontal cards scolling CSS property*/