/* line 6, scss/component/cards.scss */
.field--name-field-p-cards-card {
  position: relative;
  display: flex;
  will-change: transform;
  color: #fff;
  height: 300vh; }
  /* line 13, scss/component/cards.scss */
  .field--name-field-p-cards-card > .field__item {
    margin-left: 200px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 600px;
    margin-top: 52px;
    position: sticky; }
    /* line 21, scss/component/cards.scss */
    .field--name-field-p-cards-card > .field__item:first-child {
      margin-left: 0;
      z-index: 1;
      top: 200px;
      margin-bottom: 160px; }
    /* line 28, scss/component/cards.scss */
    .field--name-field-p-cards-card > .field__item:nth-child(2) {
      margin-left: -200px;
      margin-top: 100vh;
      z-index: 2;
      top: 280px;
      margin-bottom: 80px; }
    /* line 36, scss/component/cards.scss */
    .field--name-field-p-cards-card > .field__item:nth-child(3) {
      margin-left: -200px;
      margin-top: 200vh;
      z-index: 3;
      top: 360px; }
    /* line 43, scss/component/cards.scss */
    .field--name-field-p-cards-card > .field__item,
    .field--name-field-p-cards-card > .field__item .field--name-field-p-card-title,
    .field--name-field-p-cards-card > .field__item .field--name-field-p-card-text-long {
      transition: all 0.3s ease-in-out; }
    /* line 49, scss/component/cards.scss */
    .field--name-field-p-cards-card > .field__item.is-covered {
      opacity: 0.9; }
      /* line 52, scss/component/cards.scss */
      .field--name-field-p-cards-card > .field__item.is-covered .field--name-field-p-card-title,
      .field--name-field-p-cards-card > .field__item.is-covered .field--name-field-p-card-text-long {
        opacity: 0.1; }
    @media (max-width: 1199px) {
      /* line 13, scss/component/cards.scss */
      .field--name-field-p-cards-card > .field__item {
        justify-content: center; }
        /* line 61, scss/component/cards.scss */
        .field--name-field-p-cards-card > .field__item {
          max-width: 100%; }
          /* line 64, scss/component/cards.scss */
          .field--name-field-p-cards-card > .field__item:first-child {
            top: 150px;
            margin-bottom: 0; }
          /* line 69, scss/component/cards.scss */
          .field--name-field-p-cards-card > .field__item:nth-child(2) {
            margin-left: -100%;
            top: 185px;
            margin-bottom: 0; }
          /* line 75, scss/component/cards.scss */
          .field--name-field-p-cards-card > .field__item:nth-child(3) {
            margin-left: -100%;
            top: 220px; } }

/* line 84, scss/component/cards.scss */
.paragraph--type--card {
  position: relative;
  background: linear-gradient(180deg, rgba(85, 181, 177, 0), #55b5b1), #202945;
  padding: 80px 40px;
  border-radius: 12px; }
  /* line 91, scss/component/cards.scss */
  .paragraph--type--card .field--name-field-p-card-icon {
    background-color: #FFFFFF;
    padding: 12px;
    border-radius: 12px;
    position: absolute;
    bottom: calc(100% - 52px);
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2); }
    /* line 99, scss/component/cards.scss */
    .paragraph--type--card .field--name-field-p-card-icon img {
      width: 80px;
      height: 80px;
      -o-object-fit: contain;
         object-fit: contain; }
  /* line 106, scss/component/cards.scss */
  .paragraph--type--card .field--name-field-p-card-title {
    color: #55B5B1;
    margin-bottom: 1rem; }
  @media (max-width: 1199px) {
    /* line 84, scss/component/cards.scss */
    .paragraph--type--card {
      padding: 40px 24px; }
      /* line 114, scss/component/cards.scss */
      .paragraph--type--card .field--name-field-p-card-icon {
        bottom: calc(100% - 30px); }
        /* line 117, scss/component/cards.scss */
        .paragraph--type--card .field--name-field-p-card-icon img {
          width: 46px;
          height: 46px; } }

/*# sourceMappingURL=cards.css.map */