.paragraph.paragraph--type--intro-image,
.paragraph.paragraph--type--intro-video {
  position: relative;
  overflow: hidden;
  background: #4AA8DE;
  .field--name-field-image,
  .field--name-field-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #4AA8DE;
    img,
    video {
      width: 100%;
      height: auto;
      @media (max-width: 1775px) {
        height: 100%;
        object-fit: cover;
      }
    }
    &:before {
      content: "";
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 24.54%, rgba(0, 0, 0, 0.40) 81.14%), linear-gradient(269deg, rgba(37, 64, 142, 0.00) 5.94%, #25408E 80.57%), linear-gradient(0deg, rgba(37, 64, 142, 0.40) 0%, rgba(37, 64, 142, 0.40) 100%), var(--transparent, transparent);
      z-index: 1;
    }
  }
  .intro-content {
    position: relative;
    max-width: 1526px;
    margin-right: auto;
    margin-left: auto;
    padding: 60px 43px 75px;
    /* padding-top: 60px;
    padding-bottom: 75px; */
    z-index: 2;
    .field--name-field-pre-heading {
      font-family: "Podkova", serif;
      color: #F6ECEC;
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: .94;
      letter-spacing: 0.72px;
      text-transform: uppercase;
      max-width: 500px;
      margin-bottom: 15px;
    }
    .field--name-field-heading {
      position: relative;
      font-family: "Poppins", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 700;
      line-height: .93;
      text-transform: uppercase;
      /* background: linear-gradient(0deg, var(--Tertiary-2, #7BCDF1) -29.5%, var(--Near-White, #F6ECEC) 163%); */
      /* background-clip: text; */
      display: inline-block;
      /* color: transparent; */
      color: #B3E9FF;
      max-width: 1080px;
      text-wrap: balance;
      text-shadow:0px 4px 50px #000000;
    }
    .field--name-field-cta-button {
      margin-top: 60px;
      a {
        color: #F6ECEC;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Poppins", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        text-transform: capitalize;
        background: #DD3A31;
        border: 3px solid #DD3A31;
        border-radius: 12px;
        padding: 20px 40px;
        display: inline-block;
        transition: all ease 0.3s;
        &:hover {
          border-radius: 12px;
          color: #4AA8DE;
          border: 3px solid #4AA8DE;
          background: rgba(0, 0, 0, 0.20);
          backdrop-filter: blur(7.5px);
          text-decoration: none;
        }
      }
    }
    @media (max-width: 1440px) {
      padding-right: 3vw;
      padding-left: 3vw;
    }
    @media (max-width: 550px) {
      .field--name-field-pre-heading {
        font-size: 23px;
        line-height: 1;
        text-align: center;
        margin-bottom: 20px;
      }
      .field--name-field-heading {
        font-size: 34px;
        line-height: 1;
        text-align: center;
      }
      .field--name-field-cta-button { 
        margin-top: 30px;
        text-align: center;
        a {
          font-size: 21px;
          line-height: 1;
          padding: 9px 21px;
          text-align: center;
        }
      }
    }
  }
    &:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 24.54%, rgba(0, 0, 0, 0.40) 81.14%), linear-gradient(269deg, rgba(37, 64, 142, 0.00) 5.94%, #25408E 80.57%), linear-gradient(0deg, rgba(37, 64, 142, 0.40) 0%, rgba(37, 64, 142, 0.40) 100%), var(--transparent, transparent);
  }
}

.paragraph.paragraph--type--intro-video {
  .field--name-field-video {
    video {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      @media (max-width: 1649px) {
        min-height: 1080px;
        object-fit: cover;
      }
      @media (max-width: 550px) {
        min-height: 540px;
        object-fit: cover;
      }
    }
    &:before {
      content: "";
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 24.54%, rgba(0, 0, 0, 0.40) 81.14%), linear-gradient(0deg, rgba(37, 64, 142, 0.40) 0%, rgba(37, 64, 142, 0.40) 100%);
    }
  }
  .intro-content {
    padding-top: 360px;
    padding-bottom: 128px;
    @media (max-width: 1199px) {
      padding-top: 35%;
      padding-bottom: 15%;
    }
  }
}

.paragraph.paragraph--type--intro-image {
  .intro-content {
    .field--name-field-pre-heading {
      margin-top: 125px;
      @media (max-width: 1199px) {

      }
    }
  }
}