/*-------------------------------
    Colors
-------------------------------*/
/*-------------------------------
    Fonts
-------------------------------*/
/*-------------------------------
    Common
-------------------------------*/
:root {
  --windowHeight: 100vh;
  --headerHeight: 90px;
  --headerHeightMobile: 84px;
  --headerHeightMobileResources: 138px; }

.c-cta {
  overflow: hidden; }
  .c-cta h2 {
    text-transform: none;
    font-weight: 400;
    margin-bottom: 25px;
    max-width: 700px; }
    @media screen and (max-width: 767px) {
      .c-cta h2 {
        font-weight: 300; } }
  .c-cta__top-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .c-cta__title {
    width: 60%;
    max-width: 530px; }
    .c-cta__title p {
      font-weight: 500; }
    @media screen and (max-width: 767px) {
      .c-cta__title {
        width: 100%; } }
  .c-cta__img {
    width: 40%;
    max-width: 330px;
    display: flex;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-cta__img {
        width: 100%; } }
    .c-cta__img img {
      width: 378px;
      height: 360px;
      position: absolute;
      top: -60px;
      left: 40px;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        .c-cta__img img {
          width: 240px;
          height: 230px;
          top: auto;
          left: auto;
          right: -130px;
          bottom: -150px; } }
    .c-cta__img a {
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 767px) {
        .c-cta__img a {
          margin-top: 30px;
          width: auto; } }