@charset "UTF-8";
.paragraph-groups {
  width: 100%;
  text-align: center;
  display: block;
  margin: 40px 0;
  position: relative;
  z-index: 2;
  background-color: #F5F4F7; }
  .paragraph-groups .wMax {
    max-width: 1364px;
    margin: auto; }
  .paragraph-groups--image {
    text-align: center;
    margin: auto; }
    .paragraph-groups--image img {
      max-width: 18.75rem;
      width: 100%; }
  .paragraph-groups--items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (max-width: 991px) {
      .paragraph-groups--items {
        padding: 0; } }
  .paragraph-groups.items-row--1 .paragraph-group {
    width: 100%; }
  .paragraph-groups.items-row--2 .paragraph-group {
    width: calc(50% - 20px); }
    @media (max-width: 767px) {
      .paragraph-groups.items-row--2 .paragraph-group {
        width: 100%; } }
  .paragraph-groups.items-row--3 .paragraph-group {
    width: calc(33.33% - 20px); }
    @media (max-width: 767px) {
      .paragraph-groups.items-row--3 .paragraph-group {
        width: 100%; } }
  .paragraph-groups.items-row--4 .paragraph-group {
    width: calc(25% - 20px); }
    @media (max-width: 767px) {
      .paragraph-groups.items-row--4 .paragraph-group {
        width: 100%; } }
  .paragraph-groups .paragraph-group {
    width: calc(25% - 20px);
    padding: 20px;
    background-color: #FFF;
    margin: 0 10px 20px;
    border-radius: 30px; }
    @media (max-width: 991px) {
      .paragraph-groups .paragraph-group {
        width: 45%;
        margin: 0 10px 20px 10px; } }
    @media (max-width: 767px) {
      .paragraph-groups .paragraph-group {
        width: 100%;
        margin: 0 0 20px 0; }
        .paragraph-groups .paragraph-group:last-child {
          margin: 0; } }
    .paragraph-groups .paragraph-group:hover {
      background-color: #6ba4b8; }
    .paragraph-groups .paragraph-group.donext a, .paragraph-groups .paragraph-group.dodata a, .paragraph-groups .paragraph-group.altamira a, .paragraph-groups .paragraph-group.dovaluegreece a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      position: relative;
      height: 100%; }
      .paragraph-groups .paragraph-group.donext a:after, .paragraph-groups .paragraph-group.dodata a:after, .paragraph-groups .paragraph-group.altamira a:after, .paragraph-groups .paragraph-group.dovaluegreece a:after {
        content: '';
        display: block;
        margin-top: 30px;
        width: 100%;
        height: 10px;
        border-radius: 30px; }
      .paragraph-groups .paragraph-group.donext a .contentBlock, .paragraph-groups .paragraph-group.dodata a .contentBlock, .paragraph-groups .paragraph-group.altamira a .contentBlock, .paragraph-groups .paragraph-group.dovaluegreece a .contentBlock {
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .paragraph-groups .paragraph-group.donext a:after {
      background: transparent linear-gradient(90deg, #007CBA 0%, #62B5E5 100%); }
    .paragraph-groups .paragraph-group.donext:hover {
      background: transparent linear-gradient(125deg, #62B5E5 0%, #007CBA 100%);
      box-shadow: 0px 4px 11px 1px rgba(0, 124, 186, 0.71); }
      .paragraph-groups .paragraph-group.donext:hover a:after {
        background: #ffffff; }
      .paragraph-groups .paragraph-group.donext:hover .cta .pos span:after {
        background-image: url("../../images/icon-arrow-hover-donext.png"); }
    .paragraph-groups .paragraph-group.dodata a:after {
      background: transparent linear-gradient(90deg, #007CBA 0%, #6BCABA 100%); }
    .paragraph-groups .paragraph-group.dodata:hover {
      background: transparent linear-gradient(125deg, #007CBA 0%, #6BCABA 100%);
      box-shadow: 0px 4px 11px 1px rgba(107, 202, 186, 0.71); }
      .paragraph-groups .paragraph-group.dodata:hover a:after {
        background: #ffffff; }
      .paragraph-groups .paragraph-group.dodata:hover .cta .pos span:after {
        background-image: url("../../images/icon-arrow-hover-dodata.png"); }
    .paragraph-groups .paragraph-group.altamira a:after {
      background: transparent linear-gradient(90deg, #E83943 0%, #047CBB 100%); }
    .paragraph-groups .paragraph-group.altamira:hover {
      background: transparent linear-gradient(125deg, #E83943 0%, #047CBB 100%);
      box-shadow: 0px 4px 11px 1px rgba(232, 57, 67, 0.71); }
      .paragraph-groups .paragraph-group.altamira:hover a:after {
        background: #ffffff; }
      .paragraph-groups .paragraph-group.altamira:hover .cta .pos span:after {
        background-image: url("../../images/icon-arrow-hover-altamira.png"); }
    .paragraph-groups .paragraph-group.ibis {
      border-bottom: 10px solid #6BCABA; }
      .paragraph-groups .paragraph-group.ibis:hover {
        background-color: #6BCABA; }
    .paragraph-groups .paragraph-group.dovalue {
      border-bottom: 10px solid #007cba; }
      .paragraph-groups .paragraph-group.dovalue:hover {
        background-color: #007cba; }
    .paragraph-groups .paragraph-group.dovaluegreece a:after {
      background: transparent linear-gradient(125deg, #007CBA 0%, #054667 100%); }
    .paragraph-groups .paragraph-group.dovaluegreece:hover {
      background: transparent linear-gradient(125deg, #007CBA 0%, #62B5E5 100%);
      box-shadow: 0px 4px 11px 1px rgba(98, 181, 229, 0.71); }
      .paragraph-groups .paragraph-group.dovaluegreece:hover a:after {
        background: #ffffff; }
      .paragraph-groups .paragraph-group.dovaluegreece:hover .cta .pos span:after {
        background-image: url("../../images/icon-arrow-hover-dovalue-gr.png"); }
    .paragraph-groups .paragraph-group:hover .paragraph-group--image {
      opacity: 0; }
    .paragraph-groups .paragraph-group:hover .paragraph-group--text {
      color: #FFF; }
    .paragraph-groups .paragraph-group:hover .paragraph-group--image-negative {
      opacity: 1; }
    .paragraph-groups .paragraph-group:hover .cta .pos span {
      color: #FFF; }
      .paragraph-groups .paragraph-group:hover .cta .pos span:after {
        content: '';
        display: block;
        background-position: top;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px; }
    .paragraph-groups .paragraph-group .content-logo {
      position: relative;
      width: 70%;
      margin: 1rem 0 1.25rem;
      text-align: left;
      min-height: 3.13rem; }
    .paragraph-groups .paragraph-group--image {
      opacity: 1;
      transition: all .3s ease; }
    .paragraph-groups .paragraph-group--image-negative {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: all .3s ease; }
    .paragraph-groups .paragraph-group--text {
      text-align: left;
      color: #000;
      font-size: 0.88rem;
      padding-bottom: 1.25rem; }
      @media (max-width: 767px) {
        .paragraph-groups .paragraph-group--text {
          font-size: 14px; } }
    .paragraph-groups .paragraph-group .cta {
      color: #494d53;
      opacity: 1;
      transition: none;
      font-size: 0.75rem;
      margin-top: 0;
      text-align: left;
      position: absolute;
      right: 10px;
      top: 31px; }
      .paragraph-groups .paragraph-group .cta .pos span {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: end;
        -ms-flex-align: center;
            align-items: center;
        padding-right: 40px;
        font-size: 1rem;
        text-transform: none;
        color: #ffffff;
        position: relative; }
        .paragraph-groups .paragraph-group .cta .pos span::first-letter {
          text-transform: capitalize; }
      .paragraph-groups .paragraph-group .cta .pos span:after {
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        content: "";
        display: block;
        margin-left: 10px;
        font-size: 30px;
        font-weight: 400;
        color: #007CBA; }
      .paragraph-groups .paragraph-group .cta span::first-letter {
        text-transform: capitalize; }