.subscribe-container {
  padding-top: var(--pos-gap-section-title-content);
  padding-bottom: var(--pos-gap-section-section);
  padding-left: var(--pos-gap-page-content-x-margin, 40px);
  padding-right: var(--pos-gap-page-content-x-margin, 40px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  padding: 0px var(--pos-gap-page-content-x-margin);
  align-self: stretch;
  margin: 0 auto;
  gap: 54px;
  width: 100%;
  overflow: hidden;
}

.blog-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pos-gap-tag-h, 8px);
  flex-wrap: wrap;
}

.blog-tag {
  color: var(--pos-color-normal);
  font-weight: 600;
  font-size: 12px;

}

.margin-modifier {
  margin: -20px 40px 0px 0px;
}

.marketplace-leaders-subhead {
  font-size: var(--pos-headline-3);
  font-weight: 700;
}

.extra-margin {
  margin-left: var(--pos-gap-section-elements);
  margin-bottom: var(--pos-gap-section-section);

}

.padding-y {
  padding-top: var(--pos-gap-section-title-content);


}

.custom-box {
  display: flex;
  align-items: flex-start;
  margin-left: var(--pos-gap-section-section);
  margin-right: var(--pos-gap-section-section);
  overflow: hidden;


}

.custom-box-content table {
  margin: 10px 0 !important;
}

.pos-theme-dark .custom-box-content td p span {
  color: var(--pos-color-normal) !important;

}

.pos-theme-dark .custom-box-content td {
  border-top: 1px solid var(--pos-color-divider-lines) !important;

  border-left: 1px solid var(--pos-color-divider-lines) !important;

  border-right: 1px solid var(--pos-color-divider-lines) !important;

  border-bottom: 1px solid var(--pos-color-divider-lines) !important;

}


.pos-theme-dark .custom-box-content td {
  border: 1px solid var(--pos-color-divider-lines);
}

.custom-box-content {
  padding-left: var(--pos-gap-section-section);
  padding-right: var(--pos-gap-section-section);
  border-left: 1px solid var(--pos-color-divider-lines);
}

.custom-box-content h1 {
  font-size: var(--pos-headline-2);
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}

.custom-box-content h2 {
  font-size: var(--pos-headline-2);
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
}

.custom-box-content h3 {
  font-size: var(--pos-headline-3);
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
}

.custom-box-content h4 {
  font-size: var(--pos-headline-4);
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 700;
}

.custom-box-content br {
  padding-bottom: 5px;
}

.custom-box-content span:has(img) {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
}

.custom-box-content img {
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100% !important;
}

.custom-box-content a {
  color: var(--pos-color-interactive);
  text-decoration: underline;
}

.custom-box-content iframe {
  display: block;
  margin: 40px auto;
  border: 10px solid #3A8DDE4D;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.custom-box-content ol {
  list-style-type: decimal;
  margin-left: clamp(10px, 30px, 50px);
}

.custom-box-content ul {
  list-style-type: disc;
  margin-left: clamp(10px, 30px, 50px);

}

.custom-box-content ul li,
.custom-box-content ol li {
  margin: 10px 0;
}

.custom-box-content .quote {
  display: block;
  border-left: 4px solid #419845;
  background-color: #f5f5f5;
  padding: 10px;
  font-style: italic;
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;

}

.subscribe-box {
  margin-top: var(--pos-gap-section-section, 240px);
  padding: var(--pos-gap-section-elements) var(--pos-gap-section-elements) var(--pos-gap-section-elements) var(--pos-gap-section-elements);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.custom-box-content>p {
  line-height: 23px;

}

.subscribe-left {
  gap: var(--pos-gap-section-elements);
}

.subscribe-text {
  display: flex;
  flex-direction: column;
}

.subscribe-text p {
  font-size: 16px;
  line-height: 24px;

}

.blog-post-nav-container {
  max-width: 1440px;
  margin: 0 auto;
  border: 1px solid var(--pos-color-divider-lines);
  margin-top: var(--pos-gap-section-title-content);
}

.blog-post-nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
}

.blog-post-nav-separator {
  grid-column: 2;
  justify-self: center;
  align-self: center;
  width: 2px;
  height: 38px;
  background: var(--pos-color-divider-lines);
  margin: 0 8px;
}

.previous-post-button,
.next-post-button {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  padding: var(--pos-padding-table-cells);
  gap: 16px;
  box-sizing: border-box;
}

.previous-post-button svg,
.next-post-button svg {
  display: block;
  flex-shrink: 0;
}


.previous-post-button {
  justify-content: flex-start;
  text-align: left;
  border-right: none;
}

.next-post-button {
  justify-content: flex-end;
  text-align: right;
  border-left: none;
}

.previous-post-button button span,
.next-post-button button span {
  color: var(--pos-color-prominent);
  display: flex;
}

.previous-post-button button p,
.next-post-button button p {
  font-weight: 400;
  font-style: normal;
  color: var(--pos-color-normal);
  white-space: normal;
  word-break: break-word;
}



@media (max-width: 768px) {

  .previous-post-button button p,
  .next-post-button button p {
    display: none;
  }
}

.previous-post-button button span {
  justify-content: flex-start;
}

.next-post-button button span {
  justify-content: flex-end;
}


@media (max-width:760px) {
  .subscribe-box {

    flex-direction: column;
  }

  .subscribe-left {
    gap: none;
  }

}

@media (max-width:960px) {
  .custom-box {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .custom-box-content {
    padding-left: 0px;
    padding-right: 0px;
    border-left: none;
    flex-direction: column;
    display: flex;
    width: 100%;
  }
}

.card-gradient3 {
  background: linear-gradient(to bottom, var(--card-bg-color-from) 0%, var(--card-bg-color-from) 0%, transparent 100%);

}