.component-0444108b-e76b-458c-a4c1-3a0429161ce5 .code-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem
}


@media only screen and (min-width: 768px) {
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5 .code-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5.right .code-box {
    order: 2;
  }
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5.right .text-box {
    order: 1;
  }
}
.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callouts {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax( 100%, 1fr ) );
  grid-gap: 3rem;
  gap: 3rem;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callout {
  padding-bottom: 3rem;
  background-color: #FFF;
  border-radius: 1rem;
  overflow: hidden;
  transition: all .5s ease-out !important;
  box-shadow:  0px 2rem 4rem -1rem rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callout:hover {
  box-shadow:  0px 1rem 2rem -1rem rgba(0, 0, 0, 0.25);
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callout .unstack-media,
.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callout .unstack-media img {
  display: block;
  width: 100%;
  height: auto;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .rich-text {
  padding: 3rem;
  padding-bottom: 0;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .actions {
  padding: 0 2rem;
  margin-top: auto;
}

@media only screen and (min-width: 768px) {
  .component-92febc0d-b9bb-4b63-b3bd-3e51f7808175 .callouts {
    grid-template-columns: repeat( auto-fit, minmax( 30rem, 1fr ) );
  }
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175.left .callout > *:not(.unstack-media),
.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175.left [data-placeholder]:before{
  padding-left: 3rem;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175.center {
  text-align: center;
}

.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175.center .callouts .callout .unstack-media,
.component-92febc0d-b9bb-4b63-b3bd-3e51f7808175.center .callouts .callout .actions {
  margin-left: auto;
  margin-right: auto;
}
.component-a54f1f46-fc91-414a-8e23-409c37671beb p:last-child {
  margin-bottom: 0;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb figure img {
  width: 100%;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb * + .actions {
  margin-top: 2.5rem;
}