.whatwe_offer {
  padding-top: 32px; }
  @media print, screen and (min-width: 64em) {
    .whatwe_offer {
      padding-top: 70px; } }
  .whatwe_offer .title_wrap {
    display: block;
    padding-bottom: 33px; }
    @media print, screen and (min-width: 64em) {
      .whatwe_offer .title_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 90px;
        justify-content: space-between; } }
    @media print, screen and (min-width: 64em) {
      .whatwe_offer .title_wrap.mobile-only {
        display: none; } }
    .whatwe_offer .title_wrap.mobile-only .cta-wrap {
      display: block;
      text-align: center; }
      @media print, screen and (min-width: 64em) {
        .whatwe_offer .title_wrap.mobile-only .cta-wrap {
          display: none; } }
    .whatwe_offer .title_wrap .offer-title h2 {
      color: #0099B2;
      font-weight: 600;
      font-size: 30px;
      font-family: 'opensans' !important;
      line-height: 41px;
      text-align: center; }
      @media print, screen and (min-width: 64em) {
        .whatwe_offer .title_wrap .offer-title h2 {
          font-size: 48px;
          line-height: 65px; } }
    .whatwe_offer .title_wrap .cta-wrap {
      display: none; }
      @media print, screen and (min-width: 64em) {
        .whatwe_offer .title_wrap .cta-wrap {
          display: flex;
          position: relative;
          top: 4px; } }
      .whatwe_offer .title_wrap .cta-wrap a.secondarybtn {
        font-weight: 700;
        font-size: 18px;
        background-color: #0099B2;
        color: white;
        padding: 17.5px 20px;
        min-width: 201px;
        border-radius: 13px;
        line-height: 24px; 
        padding-top: 20px;
        min-height:auto;}
        @media print, screen and (min-width: 64em) {
          .whatwe_offer .title_wrap .cta-wrap a.secondarybtn {
            display: flex; } }
  .whatwe_offer .flexwrap {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-flow: wrap; }
    @media print, screen and (min-width: 64em) {
      .whatwe_offer .flexwrap {
        justify-content: space-between; } }
    @media print, screen and (max-width: 47.99875em) {
      .whatwe_offer .flexwrap {
        max-width: 355px;
        margin: 0 auto; } }
    .whatwe_offer .flexwrap .colblock {
      width: 321px;
      min-height: 345px; }
      @media print, screen and (max-width: 47.99875em) {
        .whatwe_offer .flexwrap .colblock {
          margin: 0 auto;
          margin-bottom: 50px; } }
      @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
        .whatwe_offer .flexwrap .colblock {
          width: 347px;
          margin-right: 20px;
          margin: 0 auto;
          margin-bottom: 40px; }
          .whatwe_offer .flexwrap .colblock:nth-child(2n+2) {
            margin-right: 0px; } }
      @media (min-width: 1024px) and (max-width: 1070px) {
        .whatwe_offer .flexwrap .colblock {
          width: 230px;
          margin-bottom: 50px;
          margin-right: 1.5%; } }
      @media (min-width: 1071px) and (max-width: 1200px) {
        .whatwe_offer .flexwrap .colblock {
          width: 248px; } }
      @media (min-width: 1200px) and (max-width: 1280px) {
        .whatwe_offer .flexwrap .colblock {
          width: 280px; } }
      @media screen and (min-width: 79.9375em) {
        .whatwe_offer .flexwrap .colblock {
          width: 23.5%; } }
      .whatwe_offer .flexwrap .colblock .img-block {
        display: block;
        position: absolute; }
        @media (min-width: 1024px) and (max-width: 1180px) {
          .whatwe_offer .flexwrap .colblock .img-block {
            max-width: 55px; } }
        .whatwe_offer .flexwrap .colblock .img-block svg {
          width: 70px; }
          @media (min-width: 1024px) and (max-width: 1200px) {
            .whatwe_offer .flexwrap .colblock .img-block svg {
              width: 55px; } }
      .whatwe_offer .flexwrap .colblock .box-shadow {
        filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.16));
        height: 100%; }
      .whatwe_offer .flexwrap .colblock .contentsection {
        width: 100%;
        display: block;
        position: relative;
        background-color: white;
        clip-path: polygon(39% 0, 100% 0, 100% 29%, 100% 100%, 0 100%, 0 26%, 19% 26%);
        height: 100%; }
        .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
          padding: 1px 24px 30px 30px;
          padding-top: 1px;
          height: auto; }
          @media print, screen and (max-width: 47.99875em) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              padding: 1px 20px 30px 30px; } }
          @media (min-width: 1024px) and (max-width: 1100px) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              padding: 1px 9px 10px 9px; } }
          @media (min-width: 1024px) and (max-width: 1100px) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              width: 235px;
              margin-bottom: 20px;
              margin-right: 1.5%; } }
          @media (min-width: 1100px) and (max-width: 1200px) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              padding: 1px 15px 20px 15px; } }
          @media screen and (min-width: 79.9375em) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              padding: 1px 20px 20px 20px; } }
          @media screen and (min-width: 85em) {
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock {
              padding: 1px 23px 30px 28px; } }
          .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title {
            margin-top: 114px; }
            .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 {
              font-size: 20px;
              font-weight: 600;
              line-height: 28px;
              color: #002F6C;
              margin-bottom: 10px; }
              @media print, screen and (max-width: 47.99875em) {
                .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 {
                  font-size: 25px;
                  font-weight: 600;
                  line-height: 34px; } }
              @media screen and (min-width: 90em) {
                .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 {
                  font-size: 25px;
                  font-weight: 600;
                  line-height: 34px; } }
              .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 a:hover {
                color: #0099B2; }
              .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3:hover {
                color: #0099B2; }
          .whatwe_offer .flexwrap .colblock .contentsection .contentblock p {
            font-size: 18px;
            font-weight: 400;
            line-height: 24px; }
            @media print, screen and (max-width: 47.99875em) {
              .whatwe_offer .flexwrap .colblock .contentsection .contentblock p {
                font-size: 16px;
                line-height: 22px;
                font-weight: 400; } }
        .whatwe_offer .flexwrap .colblock .contentsection:before {
          content: "";
          display: block;
          position: absolute;
          top: -8px;
          left: 63px;
          width: 100px;
          height: 100px;
          transform: rotate(2deg);
          background: url(/assets/images/border-path.svg) no-repeat;
          background-size: contain; }
          @media print, screen and (max-width: 47.99875em) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              transform: rotate(2deg); } }
          @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 70px;
              transform: rotate(4deg); } }
          @media (min-width: 1024px) and (max-width: 1070px) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 38px;
              transform: rotate(354deg);
              height: 94px; } }
          @media (min-width: 1071px) and (max-width: 1200px) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 44px;
              transform: rotate(355deg);
              height: 93px; } }
          @media (min-width: 1200px) and (max-width: 1280px) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 53px;
              transform: rotate(358deg);
              height: 95px; } }
          @media (min-width: 1300px) and (max-width: 1360px) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 53px;
              transform: rotate(358deg);
              height: 95px; } }
          @media screen and (min-width: 79.9375em) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 19%;
              transform: rotate(359deg);
              height: 98px; } }
          @media screen and (min-width: 85em) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 19.3%;
              transform: rotate(2deg);
              height: 100px; } }
          @media screen and (min-width: 90em) {
            .whatwe_offer .flexwrap .colblock .contentsection:before {
              left: 19.3%;
              transform: rotate(2deg);
              height: 100px; } }
          .whatwe_offer .flexwrap .colblock .contentsection .arrow-click {
          position: absolute;
          bottom: 50px; }
          @media print, screen and (min-width: 64em) {
            .whatwe_offer .flexwrap .colblock .contentsection .arrow-click {
              bottom: 25px; } }
          @media screen and (min-width: 85em) {
            .whatwe_offer .flexwrap .colblock .contentsection .arrow-click {
              bottom: 30px; } }
          @media (min-width: 680px) and (max-width: 730px) {
            .whatwe_offer .flexwrap .colblock .contentsection .arrow-click {
              bottom: 20px; } }
        .whatwe_offer .flexwrap .colblock .contentsection .arrow-click::after {
          content: "";
          display: block;
          width: 22px;
          height: 15px;
          background: url(/assets/images/arrow_click.svg) no-repeat;
          background-size: contain;
          transition: 0.5s; }
        .whatwe_offer .flexwrap .colblock .contentsection .arrow-click:hover::after {
          margin-left: 10px;
          transition: 0.5s; }
      @media print, screen and (min-width: 64em) {
        .whatwe_offer .flexwrap .colblock:nth-child(4n+4) {
          margin-right: 0px; } }
    .whatwe_offer .flexwrap .curve-block {
      min-height: 388px;position: relative; }
      .whatwe_offer .flexwrap .curve-block:hover {
        transition: 0.3s all; }
        .whatwe_offer .flexwrap .curve-block:hover .img-block {
          transition: 0.3s all;
          background-color: #0099B2; }
          .whatwe_offer .flexwrap .curve-block:hover .img-block path {
            fill: #FFFFFF; }
      .whatwe_offer .flexwrap .curve-block .img-block {
        background-color: #CFEAFA;
        width: 60%;
        height: 140px;
        max-width:100%;
        border-top-left-radius: 29px;
        margin: 5px; }
        .whatwe_offer .flexwrap .curve-block .img-block img, .whatwe_offer .flexwrap .curve-block .img-block svg {
          width: 55px;
          height: 55px;
          margin: 8px 8px; }
        .whatwe_offer .flexwrap .curve-block .img-block path {
          fill: #002F6C; }
      .whatwe_offer .flexwrap .curve-block .curve {
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 36%); }
        .whatwe_offer .flexwrap .curve-block .curve:before {
          content: unset; }
        .whatwe_offer .flexwrap .curve-block .curve .contentblock .col-title {
          margin-top: 133px; }

html:not([lang="en"]) .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

html:not([lang="en"]) .whatwe_offer .flexwrap .colblock .contentsection .contentblock p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

@media (min-width: 680px) and (max-width: 1260px) {
    html:not([lang="en"]) .whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title h3 {
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }
}
.whatwe_offer .flexwrap .colblock .contentsection .contentblock .col-title a {
    display: inherit;
}