.devx-posts-grid {
  --posts-grid-bg-color: var(--neutral-50);
  --posts-grid-header-color: var(--blue-500);
  --posts-grid-subheader-color: var(--blue-300);
  --posts-grid-pagination-color: var(--blue-400);
  background-color: var(--posts-grid-bg-color);
}
.devx-posts-grid--theme-dark {
  --posts-grid-bg-color: var(--blue-500);
  --posts-grid-header-color: var(--neutral-50);
  --posts-grid-subheader-color: var(--blue-100);
  --posts-grid-pagination-color: var(--blue-75);
}
.devx-posts-grid__main {
  padding-inline: var(--global-inline-padding);
}
.devx-posts-grid--type-simple {
  padding-top: var(--spacing--120);
  padding-bottom: var(--spacing--96);
}
.devx-posts-grid--type-simple .devx-posts-grid__items {
  padding-top: var(--spacing--120);
}
@media (max-width: 1023.98px) {
  .devx-posts-grid--type-simple .devx-posts-grid__items {
    padding-top: var(--spacing--96);
  }
}
.devx-posts-grid--type-tabs {
  padding-bottom: var(--spacing--120);
}
.devx-posts-grid--type-tabs .devx-posts-grid__items {
  padding-top: var(--spacing--84);
}
@media (max-width: 1023.98px) {
  .devx-posts-grid--type-tabs .devx-posts-grid__items {
    padding-top: var(--spacing--96);
  }
}
.devx-posts-grid .devx-wrapper {
  position: relative;
}
.devx-posts-grid__headings:has(.devx-header-arrow) .devx-posts-grid__subheader {
  padding-left: 5.75rem;
}
@media (max-width: 1599.98px) {
  .devx-posts-grid__headings:has(.devx-header-arrow) .devx-posts-grid__subheader {
    padding-left: 4.5rem;
  }
}
@media (max-width: 767.98px) {
  .devx-posts-grid__headings:has(.devx-header-arrow) .devx-posts-grid__subheader {
    padding-left: 3.5rem;
  }
}
.devx-posts-grid__header {
  color: var(--posts-grid-header-color);
  margin: 0;
}
@media (min-width: 1024px) {
  .devx-posts-grid__header--size-32 {
    font-size: var(--font-size--32);
  }
  .devx-posts-grid__header--size-32.devx-header-arrow::before {
    height: var(--icon-size-48);
    width: var(--icon-size-48);
  }
  .devx-posts-grid__header--size-48 {
    font-size: var(--font-size--48);
  }
  .devx-posts-grid__header--size-48.devx-header-arrow::before {
    height: var(--icon-size-72);
    width: var(--icon-size-72);
  }
  .devx-posts-grid__header--size-62 {
    font-size: var(--font-size--62);
  }
}
@media (min-width: 1024px) and (max-width: 1599.98px) {
  .devx-posts-grid__header--size-62 {
    font-size: var(--font-size--48);
  }
}
@media (min-width: 1024px) {
  .devx-posts-grid__header--size-62.devx-header-arrow::before {
    width: var(--icon-size-92);
    height: var(--icon-size-92);
  }
}
@media (min-width: 1024px) and (max-width: 1599.98px) {
  .devx-posts-grid__header--size-62.devx-header-arrow::before {
    height: var(--icon-size-72);
    width: var(--icon-size-72);
  }
}
.devx-posts-grid__subheader {
  color: var(--posts-grid-subheader-color);
  font-size: var(--font-size--32);
  margin: 0;
}
@media (max-width: 1023.98px) {
  .devx-posts-grid__subheader {
    font-size: var(--font-size--22);
  }
}
@media (max-width: 767.98px) {
  .devx-posts-grid__subheader {
    font-size: var(--font-size--16);
    font-weight: var(--font-regular);
  }
}
.devx-posts-grid__tabs {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing--20);
  position: relative;
  padding-top: var(--spacing--44);
}
.devx-posts-grid__tabs:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background: var(--blue-100);
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs:after {
    display: none;
  }
}
.devx-posts-grid__tabs-nav-item {
  flex: 1;
  text-align: center;
  padding-block: var(--spacing--24);
  font-size: var(--font-size--22);
  text-decoration: none;
  border-bottom: 3px solid transparent;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs-nav-item {
    padding-block: 0;
    font-size: var(--font-size--16);
    border: 1px var(--neutral-50) solid;
    border-radius: 100px;
    padding: var(--spacing--8) var(--spacing--16);
  }
}
.devx-posts-grid__tabs-nav-item span {
  font-size: var(--font-size--22);
  color: var(--neutral-400);
  transition: color var(--transition-duration) var(--transition-ease);
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs-nav-item span {
    color: var(--neutral-50);
    font-size: var(--font-size--16);
  }
}
.devx-posts-grid__tabs-nav-item span:hover {
  color: var(--cyan-300);
  transition: color var(--transition-duration) var(--transition-ease);
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs-nav-item span:hover {
    color: var(--cyan-200);
  }
}
.devx-posts-grid__tabs-nav-item.active {
  border-bottom: 3px solid var(--cyan-100);
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs-nav-item.active {
    border: 1px var(--cyan-200) solid;
  }
}
.devx-posts-grid__tabs-nav-item.active span {
  transition: all var(--transition-duration) var(--transition-ease);
  color: var(--color--cyan-dark);
}
@media (max-width: 767.98px) {
  .devx-posts-grid__tabs-nav-item.active span {
    color: var(--cyan-200);
  }
}
.devx-posts-grid__tabs__items {
  display: none;
  opacity: 0;
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-posts-grid__tabs__items.active {
  display: block;
  opacity: 1;
  transition: all var(--transition-duration) var(--transition-ease);
}
.devx-posts-grid__items {
  position: relative;
}
.devx-posts-grid__items:not(.swiper-initialized) > .devx-posts-grid__items__wrapper {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: var(--spacing--24);
  grid-row-gap: var(--spacing--24);
}
.devx-posts-grid__items:not(.swiper-initialized) > .devx-posts-grid__items__wrapper > .devx-posts-grid__item {
  display: flex;
  flex-wrap: wrap;
}
.devx-posts-grid__pagination {
  bottom: auto !important;
  top: var(--spacing--52) !important;
}
.devx-posts-grid__pagination .swiper-pagination-bullet {
  border: solid 1px var(--posts-grid-pagination-color) !important;
  background: var(--posts-grid-pagination-color) !important;
}
.devx-posts-grid__pagination .swiper-pagination-bullet-active {
  background-color: var(--posts-grid-pagination-color) !important;
}

.devx-posts-grid__items__item--team-popup .devx-posts-grid__expert__description {
  display: none;
}
.devx-posts-grid__items__item--team-popup .devx-posts-grid__expert__subheader {
  margin-bottom: var(--spacing--14);
}
.devx-posts-grid__items__item--team-popup .devx-button--cta {
  margin-top: auto;
}