.blog-sections-container {
  padding: 0 20.8%;
}

.inner-blog-sections-container {
  padding: 0 6.25vw;
}

.blog-sections-container h1,
.blog-sections-container h2 {
  margin-bottom: max(24px, 2vw);
  font-size: max(24px, 2.084vw);
}

.blog-sections-container h3,
.blog-sections-container h4 {
  margin-bottom: max(20px, 1.667vw);
  font-size: max(20px, 1.667vw);
  line-height: 1.25;
}

.blog-sections-container h5,
.blog-sections-container h6 {
  margin-bottom: max(12px, 1.12vw);
  font-size: max(14px, 1.25vw);
  line-height: 1.25;
  font-family: "OverusedGrotesk" !important;
  font-weight: 500 !important;
}

.blog-sections-container .hp-blog-description,
.hp-blog-section-description {
  padding-bottom: max(1.125vw, 24px);
}

.hp-blog-section-description a {
  text-decoration: underline;
}

.blog-sections-container p,
.blog-sections-container li {
  font-size: max(14px, 1vw);
  line-height: 1.4;
}

.blog-sections-container li {
  margin-left: max(18px, 1.1vw);
}

.blog-sections-container p,
.blog-sections-container ul {
  margin-bottom: max(24px, 2vw);
}

.blog-sections-container ul li:not(:last-child) {
  margin-bottom: max(12px, 1.25vw);
}

.blog-sections-container .hp-blog-image img,
.blog-sections-container .hp-blog-section-image img {
  width: 100%;
  max-height: 80vh;
  object-fit: cover;
}

.blog-sections-container .hp-blog-image,
.blog-sections-container .hp-blog-section-image {
  display: flex;
  margin-bottom: max(4.167vw, 48px);
}

.blog-sections-container .hp-blog-image-width-large,
.blog-sections-container .hp-blog-section-image.hp-blog-image-width-large {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}

.blog-sections-container table,
.blog-sections-container td,
.blog-sections-container th {
  border: 1px solid var(--border);
  border-collapse: collapse;
  font-size: max(14px, 1vw);
}

.blog-sections-container td,
.blog-sections-container th {
  padding: max(4px, 0.42vw) max(8px, 0.625vw);
}

.blog-sections-container .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: max(8px, 0.625vw);
  margin-bottom: max(24px, 2vw) !important;
}

.blog-sections-container .wp-block-table table {
  width: fit-content;
  min-width: 100%;
}

@media (max-width: 1020px) {
  .blog-sections-container {
    padding: 0 12%;
  }
  .inner-blog-sections-container {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .blog-sections-container {
    padding: 0 16px;
  }

  .blog-sections-container .wp-block-table table td,
  .blog-sections-container .wp-block-table table th {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
  }
}