html {
   scroll-padding-top: 77px;
}
.modal-content {
   top: auto;
   padding: 34px;
}

.modal-content .has-text-decor:after {
   top: -20px;
   left: 198px;
}

.modal-content.modal-lg {
   width: 100%;
   max-width: min(700px, 100%);
}

.image-tag {
   padding: 8px 12px;
   border-radius: 40px;
   display: inline-block;
   font-family: Poppins, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   text-align: center;
}

.dark .image-tag {
   border: 1px solid var(--white);
}

.light .image-tag {
   border: 1px solid var(--black);
}

.discover:after {
   content: url("/assets/img/pmf/discover-decor.svg");
   position: absolute;
   top: -35px;
   left: 198px;
   scale: 0.8;
}

.strategize:after {
   content: url("/assets/img/pmf/strategize-decor.svg");
   position: absolute;
   top: 0;
   left: 300px;
   scale: 0.8;
}

.define:before {
   content: url("/assets/img/pmf/define-decor.svg");
   position: absolute;
   top: 30px;
   left: -30px;
   scale: 0.8;
}

.get-set:after {
   content: url("/assets/img/pmf/get-set-decor.svg");
   position: absolute;
   top: -50px;
   left: 185px;
   scale: 0.8;
}

.grow:after {
   content: url("/assets/img/pmf/grow-decor.svg");
   position: absolute;
   top: -60px;
   left: 140px;
   scale: 0.8;
}
.cta {
   display: flex;
   gap: 16px;
}

@media (min-width: 1200px) and (max-width: 1600px) {
   section {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
}

@media (min-width: 800px) and (max-width: 1024px) {
   .micro-post-result {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width: 600px) {
   .page-content {
      padding-bottom: 0;
   }
   .discover:after {
      content: url("/assets/img/pmf/discover-decor.svg");
      position: absolute;
      top: -40px;
      left: 148px;
      scale: 0.8;
   }

   .strategize:after {
      content: url("/assets/img/pmf/strategize-decor-flip.svg");
      position: absolute;
      top: -90px;
      left: 150px;
      scale: 0.8;
   }

   .define:before {
      content: "";
   }
   .define:after {
      content: url("/assets/img/pmf/define-decor.svg");
      position: absolute;
      top: 0px;
      right: 0px;
      scale: 0.8;
   }

   .get-set:after {
      content: url("/assets/img/pmf/get-set-decor.svg");
      position: absolute;
      top: -100px;
      left: 105px;
      scale: 0.8;
   }

   .grow:after {
      content: url("/assets/img/pmf/grow-decor.svg");
      position: absolute;
      top: -70px;
      left: 140px;
      scale: 0.8;
   }
   .cta {
      flex-direction: column;
      align-items: flex-start;
   }
}