/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-content-image-title .container .content {
  position: relative;
  z-index: 1; }
  .section-content-image-title .container .content h1, .section-content-image-title .container .content h2, .section-content-image-title .container .content h3 {
    margin: 0; }
  .section-content-image-title .container .content .title-area {
    position: relative;
    z-index: 1; }
    .section-content-image-title .container .content .title-area .sub-title {
      font-weight: 800;
      padding-left: calc(40px + 90px / 4);
      padding-bottom: 0; }
      @media (min-width: 981px) {
        .section-content-image-title .container .content .title-area .sub-title {
          padding-left: calc(60px + 90px / 2); } }
  .section-content-image-title .container .content .content-area {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .section-content-image-title .container .content .content-area .icon {
      position: absolute;
      top: 0;
      left: 0;
      height: 40px;
      width: 40px;
      background-color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 981px) {
        .section-content-image-title .container .content .content-area .icon {
          height: 60px;
          width: 60px; } }
      .section-content-image-title .container .content .content-area .icon img {
        max-height: 20px;
        max-width: 20px;
        height: auto;
        width: auto; }
        @media (min-width: 981px) {
          .section-content-image-title .container .content .content-area .icon img {
            max-height: 30px;
            max-width: 30px; } }
    @media (max-width: 980px) {
      .section-content-image-title .container .content .content-area .title {
        padding-left: calc(40px + 90px / 4); } }
    .section-content-image-title .container .content .content-area .title h1, .section-content-image-title .container .content .content-area .title h2, .section-content-image-title .container .content .content-area .title h3 {
      margin: 0;
      padding: 4px 0 22.5px; }
      @media (min-width: 981px) {
        .section-content-image-title .container .content .content-area .title h1, .section-content-image-title .container .content .content-area .title h2, .section-content-image-title .container .content .content-area .title h3 {
          padding: 17px 0 45px; } }
    @media (min-width: 981px) {
      .section-content-image-title .container .content .content-area {
        gap: 90px; } }
    .section-content-image-title .container .content .content-area .section-content {
      padding-left: calc(40px + 90px / 4);
      flex-grow: 1; }
      @media (min-width: 981px) {
        .section-content-image-title .container .content .content-area .section-content {
          padding-left: calc(60px + 90px / 2);
          flex: 1; } }
      .section-content-image-title .container .content .content-area .section-content p {
        margin-top: 0; }
    .section-content-image-title .container .content .content-area .image {
      position: relative;
      flex-basis: 100%;
      width: 100%; }
      @media (min-width: 981px) {
        .section-content-image-title .container .content .content-area .image {
          margin-right: calc(60px + 90px / 2);
          flex-basis: 400px;
          margin-top: -90px; } }
      @media (min-width: 1300px) {
        .section-content-image-title .container .content .content-area .image {
          margin-top: -117px; } }
      .section-content-image-title .container .content .content-area .image img {
        display: block;
        margin: 0 auto; }
      .section-content-image-title .container .content .content-area .image .image-icon {
        margin-top: -50px; }
        @media (min-width: 768px) {
          .section-content-image-title .container .content .content-area .image .image-icon {
            margin-top: -70px; } }
        .section-content-image-title .container .content .content-area .image .image-icon img {
          max-height: 100px;
          width: auto; }
          @media (min-width: 768px) {
            .section-content-image-title .container .content .content-area .image .image-icon img {
              max-height: 140px; } }

/*# sourceMappingURL=content-image-title.css.map */