.block .pattern-section {
  font-weight: 400;
}
.block .pattern-section h3, .block .pattern-section h2 {
  margin: 0 !important;
}
.block .pattern-section {
  padding: 2.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.block .pattern-section .header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.block .pattern-section .header .heading-main {
  color: #1540DD;
  font-weight: 500 !important;
}
.block .pattern-section .header div .view-all {
  color: #605F5F;
}
.block .pattern-section .content {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.block .pattern-section .content .left {
  width: 22.125rem;
}
.block .pattern-section .content .left .image {
  width: stretch;
  object-fit: fill;
}
.block .pattern-section .content .right {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block .pattern-section .content .right .tag {
  color: #605F5F;
}
.block .pattern-section .content .right .blog-heading {
  color: #1A1A1A;
  font-weight: 600;
}
.block .pattern-section .content .right .description {
  color: #1A1A1A;
  font-weight: 400;
}
.block .pattern-section .content .right .date {
  color: #605F5F;
}
@media (min-width: 769px) {
  .block .pattern-section {
    padding: 5.625rem 5rem;
  }
  .block .pattern-section .header {
    gap: unset;
    flex-direction: row;
    justify-content: space-between;
  }
  .block .pattern-section .content {
    flex-direction: row;
    gap: 4.25rem;
  }
  .block .pattern-section .content .left {
    width: 50rem;
  }
  .block .pattern-section .content .right {
    justify-content: center;
    width: 32rem;
    gap: 1.25rem;
  }
}

/*# sourceMappingURL=pattern-section.css.map */