/**
** Theme Box Big
 * This file contains the styles for the big box element in the theme.
*/

.wp-block-uagb-container.cont-big-box {
  border-radius: var(--border-radius-20);
  padding: calc(var(--gap-m) + var(--gap-l));
  gap: var(--gap-xl);
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-big-box.background {
  background-color: var(--ast-global-color-4);
}

.wp-block-uagb-container.cont-big-box .col-heading {
  display: flex;
  flex-direction: row;
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-big-box
  .col-steps
  .uagb-container-inner-blocks-wrap {
  gap: calc(var(--gap-m) * 2) !important;
  align-items: start !important;
}

.wp-block-uagb-container.cont-big-box
  .col-steps
  .wp-block-uagb-advanced-heading:first-of-type
  .uagb-heading-text {
  font-family: var(--headlinefont);
  font-size: var(--h2-font-size);
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.8px;
}

.wp-block-uagb-container.cont-big-box
  .col-steps
  .cont-step:nth-child(2)
  ul.wp-block-list {
  margin-top: calc(var(--gap-m) + var(--gap-l)) !important;
}