.component-project-list .pxl-portfolio-grid-layout3 .pxl-grid-item .pxl-post--inner {
  border: 1px solid #dee5ee;
  border-radius: 24px;
  padding: 24px;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--featured {
  height: 300px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--featured
  img {
  height: 100%;
  object-fit: cover;
}

.component-project-list .pxl-portfolio-grid-layout3 .pxl-grid-item .pxl-post--inner .pxl-meta {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #111725;
  padding: 16px;
  font-family: Host Grotesk !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 18.62px !important;
  color: #ffffff !important;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-meta
  > div {
  margin: 0;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--holder {
  padding: 0;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--title,
.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--title
  a {
  margin: 16px 0;
  font-family: Host Grotesk;
  font-weight: 700;
  font-size: 32px;
  line-height: 42.56px;
  color: #111725;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--content {
  padding: 0;
  border: none;
  font-family: Host Grotesk;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #596980;
}

.component-project-list .pxl-portfolio-grid-layout3 .pxl-grid-item .pxl-post--inner .btn--readmore {
  display: none !important;
}

.component-project-list
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-meta
  div
  + div:before {
  background-color: #596980;
  top: 0;
  transform: translateY(0);
  left: 0;
  width: 1px;
  height: 20px;
}

/*** DARK ***/
.component-project-list.dark .pxl-portfolio-grid-layout3 .pxl-grid-item .pxl-post--inner {
  border-color: #596980;
}

.component-project-list.dark
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-meta
  div
  + div:before {
  background-color: #dee5ee;
}

.component-project-list.dark .pxl-portfolio-grid-layout3 .pxl-grid-item .pxl-post--inner .pxl-meta,
.component-project-list.dark
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-meta
  span {
  background-color: #ffffff;
  color: #111725 !important;
}

.component-project-list.dark
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--title,
.component-project-list.dark
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--title
  a {
  color: #ffffff;
}

.component-project-list.dark
  .pxl-portfolio-grid-layout3
  .pxl-grid-item
  .pxl-post--inner
  .pxl-post--content {
  color: #dee5ee;
}