.examples-content {
  background-color: #f6f7f8;
  margin-top: 0;
  padding-top: 140px;
  padding-bottom: 140px;
}
.students-corner-content.examples-content {
  padding-top: 50px;
  padding-bottom: 100px;
}
.examples-content .examples-list {
  max-width: 1290px;
  width: 80%;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  /*  position: relative; */
}

.examples-list.three-columns {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.examples-list.three-columns .insights-article-image {
  height: 223px !important;
}

.examples-list.three-columns .insights-article {
  padding: 237px 20px 20px 20px;
  /* padding: 0; */
}

.examples-list.three-columns .insights-article-entry-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.examples-list.three-columns h5 {
  font-size: 20px;
  line-height: 30px;
  margin-top: -15px;
  padding: 0 20px;
  color: #44546a;
  font-weight: 500;
}
.examples-list.three-columns .insights-article-read-more {
  bottom: 25px;
}
.examples-list.three-columns .insights-article-read-more a {
  font-size: 14px;
  padding: 10px 15px;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .examples-content .examples-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .examples-list.three-columns .insights-article {
    padding: 0;
    /* padding-bottom: 80px; */
  }
  .advanced-concepts .examples-list.three-columns .insights-article {
    padding-bottom: 80px;
  }
  .examples-list.three-columns .insights-article-image {
    height: auto !important;
  }
}
@media screen and (min-width: 600px) {
  .examples-content .examples-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .examples-list.three-columns .insights-article {
    padding: 65% 20px 20px 20px;
    /* padding-bottom: 80px; */
  }
  .advanced-concepts .examples-list.three-columns .insights-article {
    padding-bottom: 80px;
  }
  .examples-list.three-columns .insights-article-image {
    height: 223px !important;
  }

  /*  .students-corner-content
    .examples-list.three-columns
    .insights-article-image {
    height: 200px !important;
  } */

  .examples-list.three-columns h5 {
    padding: 0px;
  }
  .nearshore-examples
    .examples-list.three-columns
    .insights-article-entry-title {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 992px) {
  .examples-content .examples-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .examples-list.three-columns .insights-article {
    padding: 64% 20px 20px 20px;
    /*  padding-bottom: 100px; */
  }
  .advanced-concepts .examples-list.three-columns .insights-article {
    padding-bottom: 100px;
  }
  .examples-list.three-columns .insights-article-entry-title {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .examples-list.three-columns .insights-article {
    padding: 60% 20px 20px 20px;
    /* padding-bottom: 100px; */
  }
  /* Advanced concepts */
  .advanced-concepts .examples-list.three-columns .insights-article {
    padding: 60% 20px 100px 20px;
    /* padding-bottom: 100px; */
  }
  .nearshore-examples
    .examples-list.three-columns
    .insights-article-entry-title {
    margin-bottom: 0px;
  }
}

/* Examples Gallery */

.examples-gallery {
  width: calc(100% + 30px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.examples-gallery-item {
  position: relative;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
}
.examples-gallery-item__content {
  /*   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; */

  border-radius: 20px 20px 20px 20px;
  border: 1px solid #44546a24;
  height: 100%;
}
.examples-gallery-item__content img {
  border-radius: 20px 20px 20px 20px;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.examples-gallery-item__after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000a3;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #44546a24;
}

.examples-gallery-item:hover > .examples-gallery-item__after {
  opacity: 1;
}

.examples-gallery-item__after p {
  color: #fff;
  position: absolute;
  bottom: 20px;
  padding: 20px;
}

@media screen and (max-width: 600px) {
  .examples-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
  .examples-gallery {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .examples-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1290px) {
  .examples-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}