/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-card-listing/block-card-listing.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.cardListing__container {
  max-width: 1693px;
  padding: 110px 20px;
  margin: 0 auto; }
  @media screen and (min-width: 1920px) {
    .cardListing__container {
      max-width: 88.17708vw;
      padding: 5.729166vw 0; } }
  @media screen and (max-width: 640px) {
    .cardListing__container {
      padding: 60px 20px; } }

.cardListing__title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1.39em; }
  .cardListing__title::before {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #009cde;
    border-radius: 6px;
    margin-right: 32px; }
    @media screen and (min-width: 1920px) {
      .cardListing__title::before {
        width: 2.0833vw;
        height: 0.208333vw;
        margin-right: 1.6666vw;
        border-radius: 0.3125vw; } }

.cardListing__wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  grid-gap: 36px; }

.cardListing .card {
  min-height: 390px;
  padding: 32px;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  transition: 350ms ease;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .cardListing .card {
      width: calc(50% - 18px); } }
  @media screen and (min-width: 1280px) {
    .cardListing .card {
      width: calc(25% - 36px); } }
  .cardListing .card__icon {
    max-width: 4rem;
    height: auto; }