.massivesecurity-image-block {
  padding-bottom: clamp(40px, 20 * (100vw - 375px) / 905 + 40px, 60px);
}
.massivesecurity-image-block .image-block-wrap {
  padding: 30px;
  border-radius: 15px;
}
.massivesecurity-image-block .image-block-wrap.dark {
  background-color: var(--color-dark);
}
.massivesecurity-image-block .image-block-wrap.dark .image-block-content {
  color: white;
}
.massivesecurity-image-block .image-block-wrap.light .image-block-content {
  color: rgb(123, 123, 123);
}
.massivesecurity-image-block .image-block-wrap.inversion-none .background-cover {
  aspect-ratio: 510/608;
  border-radius: 15px;
}
.massivesecurity-image-block .image-block-wrap.inversion-none .background-cover img {
  border-radius: 15px;
  z-index: 1;
}
.massivesecurity-image-block .image-block-wrap.inversion-none .image-block-content {
  padding: 0 60px 0 66px;
}
.massivesecurity-image-block .image-block-wrap.inversion-yes .image-block-content {
  padding: 0 16px 0 0;
}
.massivesecurity-image-block .image-block-wrap.inversion-yes .background-cover {
  aspect-ratio: 1/1;
  border-radius: 15px;
}
.massivesecurity-image-block .image-block-wrap.inversion-yes .background-cover img {
  border-radius: 15px;
  z-index: 1;
}
.massivesecurity-image-block .image-block-wrap.inversion-yes > .row > div:first-child {
  order: 1;
}
.massivesecurity-image-block .image-block-wrap.inversion-yes > .row > div:last-child {
  order: 0;
}
.massivesecurity-image-block .image-block-wrap .image-block-content .title {
  font-family: var(--font-monrope);
  font-weight: 600;
  font-size: clamp(26px, 22 * (100vw - 375px) / 905 + 26px, 48px);
  line-height: 140%;
  margin-bottom: 20px;
}
.massivesecurity-image-block .image-block-wrap .image-block-content .content p {
  font-family: var(--font-rubik);
  font-weight: 400;
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 160%;
  margin-bottom: clamp(20px, 14 * (100vw - 375px) / 905 + 20px, 34px);
}
.massivesecurity-image-block .image-block-wrap .image-block-content .content ul {
  border-top: 1px solid rgb(42, 42, 42);
  border-bottom: 1px solid rgb(42, 42, 42);
  padding-top: 20px;
}
.massivesecurity-image-block .image-block-wrap .image-block-content .content ul li {
  padding-left: 26px;
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 160%;
  margin-bottom: 20px;
  background: url("/wp-content/themes/massivesecurity/assets/img/li.svg") no-repeat left center;
}
.massivesecurity-image-block .image-block-wrap .image-block-content .theme-button {
  margin-top: 34px;
  display: inline-block;
}
.massivesecurity-image-block .image-block-wrap.light .image-block-content ul {
  border-top: 1px solid rgb(229, 229, 229);
  border-bottom: 1px solid rgb(229, 229, 229);
}
.massivesecurity-image-block .image-block-wrap.light .image-block-content .title {
  color: var(--color-dark);
}

@media all and (max-width: 1199px) {
  .massivesecurity-image-block .image-block-wrap.inversion-none .image-block-content {
    padding: 0 24px 0 24px;
  }
  .massivesecurity-image-block .image-block-wrap.inversion-yes .image-block-content {
    padding: 0 24px 0 24px;
  }
}
@media all and (max-width: 991px) {
  .massivesecurity-image-block .image-block-wrap.inversion-none .image-block-content {
    padding: 0 12px 0 12px;
  }
  .massivesecurity-image-block .image-block-wrap.inversion-yes .image-block-content {
    padding: 0 12px 0 12px;
  }
}
@media all and (max-width: 767px) {
  .massivesecurity-image-block .image-block-wrap .background-cover {
    margin-bottom: 30px;
  }
}
/*# sourceMappingURL=image-block.css.map */