/**
 * Base Styles
 * - 01 - Foundation
 * - 02 - Utilities
 * - 03 - Framework
 * - 04 - Settings
 */
/*------------------------------------*\
  01 - Foundation
\*------------------------------------*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*------------------------------------*\
  02 - Utilities
\*------------------------------------*/
/*------------------------------------*\
  03 - Framework
\*------------------------------------*/
/*------------------------------------*\
  04 - Settings
\*------------------------------------*/
/**
 * Colors
 * - 01 - Variables
 * - 02 - Mapping
 */
/*------------------------------------*\
  01 - Variables
\*------------------------------------*/
/*------------------------------------*\
  02 - Mapping
\*------------------------------------*/
@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

/******* End Drupal Defaults *******/
.block-3-steps-block {
  margin: 0 auto;
  padding-top: 30px;
  text-align: center; }
  .block-3-steps-block .field--name-field-title {
    text-align: center;
    margin: 40px auto; }
    .block-3-steps-block .field--name-field-title h2 {
      padding: 0 20px;
      margin: 0 auto 35px;
      font-weight: bold;
      font-size: 2rem; }
      @media print, screen and (min-width: 40em) {
        .block-3-steps-block .field--name-field-title h2 {
          margin: 0 auto 60px;
          font-size: 3rem;
          max-width: 800px; } }
    .block-3-steps-block .field--name-field-title p {
      margin: 0 auto 35px;
      font-weight: 500;
      font-size: 1.25rem; }
      @media print, screen and (min-width: 40em) {
        .block-3-steps-block .field--name-field-title p {
          font-size: 1.5rem;
          margin: 0 auto 45px; } }
  .block-3-steps-block .field--name-field-steps {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    max-width: 1400px;
    width: 90%; }
    @media print, screen and (min-width: 64em) {
      .block-3-steps-block .field--name-field-steps {
        gap: 40px; } }
    .block-3-steps-block .field--name-field-steps .field__item {
      flex: 0 0 100%;
      width: 100%;
      margin-bottom: 110px; }
      .block-3-steps-block .field--name-field-steps .field__item:nth-child(3) {
        margin-bottom: 90px; }
      @media print, screen and (min-width: 64em) {
        .block-3-steps-block .field--name-field-steps .field__item {
          flex: 0 0 calc(33% - 40px);
          margin-bottom: 110px; } }
      .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step {
        max-width: 400px;
        margin: 0 auto;
        position: relative;
        height: 140px; }
        @media print, screen and (min-width: 64em) {
          .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step {
            max-width: none; } }
        .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step .field--name-field-description {
          padding: 0 40px;
          font-size: 20px;
          font-weight: normal;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          opacity: 1; }
        .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step .field--name-field-image {
          opacity: 1;
          height: 140px; }
          .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step .field--name-field-image picture, .block-3-steps-block .field--name-field-steps .field__item .paragraph--type--step .field--name-field-image img {
            display: block;
            height: 140px;
            width: auto;
            margin: 0 auto; }
  .block-3-steps-block .field--name-field-cta {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto; }
    @media print, screen and (min-width: 40em) {
      .block-3-steps-block .field--name-field-cta {
        max-width: 380px; } }
    .block-3-steps-block .field--name-field-cta a {
      font-weight: normal;
      font-size: 1.375rem;
      text-decoration: none;
      color: white;
      display: block;
      background-color: #FF850F;
      padding: 15px;
      text-align: center;
      border-radius: 10px; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(1) .paragraph--type--step .field--name-field-description {
    -webkit-animation: .5s ease-in-out 0s forwards reveal;
            animation: .5s ease-in-out 0s forwards reveal; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(1) .paragraph--type--step .field--name-field-image {
    -webkit-animation: .5s ease-in-out .5s forwards reveal;
            animation: .5s ease-in-out .5s forwards reveal; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(2) .paragraph--type--step .field--name-field-description {
    -webkit-animation: .5s ease-in-out 1s forwards reveal;
            animation: .5s ease-in-out 1s forwards reveal; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(2) .paragraph--type--step .field--name-field-image {
    -webkit-animation: .5s ease-in-out 1.5s forwards reveal;
            animation: .5s ease-in-out 1.5s forwards reveal; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(3) .paragraph--type--step .field--name-field-description {
    -webkit-animation: .5s ease-in-out 2s forwards reveal;
            animation: .5s ease-in-out 2s forwards reveal; }
  .block-3-steps-block.reveal .field--name-field-steps .field__item:nth-child(3) .paragraph--type--step .field--name-field-image {
    -webkit-animation: .5s ease-in-out 2.5s forwards reveal;
            animation: .5s ease-in-out 2.5s forwards reveal; }

@-webkit-keyframes reveal {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

@keyframes reveal {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }


/*# sourceMappingURL=3-steps-block.css.map*/