.sakor-pages-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  flex-direction: column;
}
.sakor-pages-wrapper--theme-grid {
  gap: 0;
}
.sakor-page {
  margin: 0 !important;
  padding: 18px 10px 8px;
  padding: 30px;
}

.sakor-page__content p {
  margin-bottom: 10px;
}
.sakor-page__content p:last-child {
  margin-bottom: 0;
}

.sakor-page__image {
  text-align: center;
  overflow: hidden;
  border-radius: 8px;
}
.sakor-page__image img {
  display: block;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.sakor-page a:hover img {
  transform: scale(1.1);
}
.sakor-page__title {
  margin-top: 20px;
}
.sakor-page__link {
  display: block;
  text-decoration: none;

  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  display: block;
  line-height: 1.4;
}
.sakor-page--theme-dark {
  background: rgb(13, 24, 49);
  background: linear-gradient(149deg, rgb(13, 24, 49) 0%, rgb(13, 28, 67) 100%);
  border: 1px solid #354468;
  border-radius: 8px;
}
.sakor-page--theme-dark .sakor-page__link {
  color: #fff;
}
.sakor-page--theme-dark .sakor-page__excerpt p {
  color: #fff;
}

.sakor-page--theme-dark a:hover .sakor-page__link {
  color: #ffbf18;
}
.sakor-page--theme-dark .sakor-page__link:after {
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 5px;
  color: #ffbf18;
}

.sakor-page--theme-grid {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sakor-page--theme-grid .sakor-page__link {
  font-size: 22px;
  color: #000;
}
.sakor-page--theme-grid a:hover .sakor-page__link {
  color: #2145d3;
}
.sakor-page--theme-grid .sakor-page__link:after {
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 5px;
  font-size: 1rem;
  vertical-align: middle;
}

.sakor-page--theme-grid:nth-child(n + 4) {
  /* border-bottom: 0; */
}

.sakor-page--theme-grid:nth-child(3n) {
  border-right: 0;
}

@media (min-width: 768px) {
  .sakor-pages-wrapper {
    flex-direction: row;
  }
  .sakor-page {
    flex-basis: calc(33.333% - 30px);
  }
  .sakor-page--theme-grid {
    flex-basis: 33.333%;
  }
}