.card_wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -ms-grid-rows: minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}.card_wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}.card_wrapper > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}.card_wrapper > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}.card_wrapper > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media (max-width: 575.98px) {
  .card_wrapper {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .card_wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card_wrapper > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .card_wrapper > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .card_wrapper > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
.card_wrapper .card_box {
  position: relative;
  background-color: #FFF;
  padding: 32px;
}
@media (max-width: 991.98px) {
  .card_wrapper .card_box {
    padding: 24px;
  }
}
.card_wrapper .card_box .card_icon {
  padding: 8px;
  max-width: 55px;
  max-height: 55px;
}
@media (max-width: 767.98px) {
  .card_wrapper .card_box .card_icon {
    padding: 0;
  }
}
.card_wrapper .card_box .card_icon figure {
  position: relative;
}
.card_wrapper .card_box .card_icon figure::after {
  content: "";
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 100%;
}
.card_wrapper .card_box .card_icon figure > img, .card_wrapper .card_box .card_icon figure > picture, .card_wrapper .card_box .card_icon figure > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.card_wrapper .card_box .card_icon figure > img img, .card_wrapper .card_box .card_icon figure > picture img, .card_wrapper .card_box .card_icon figure > video img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 767.98px) {
  .card_wrapper .card_box .card_icon figure {
    max-width: 32px;
  }
}
.card_wrapper .card_box .card_title {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .card_wrapper .card_box .card_title {
    margin-top: 24px;
    font-size: 18px;
  }
}
.card_wrapper .card_box .card_desc {
  margin-top: 16px;
  color: #2A2A2A;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 0;
  display: -webkit-box;
  /* -webkit-line-clamp: 4; */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .card_wrapper .card_box .card_desc {
    margin-top: 14px;
    font-size: 14px;
  }
}