.hero {
  display: block;
  position: relative; }
  .hero .block-inner {
    width: 93vw;
    max-width: 1780px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .hero .block-inner .left-side {
      width: 40%;
      margin-bottom: clamp(44px, 3.175vw, 60px); }
      @media (max-width: 767px) {
        .hero .block-inner .left-side {
          width: 100%; } }
      .hero .block-inner .left-side .slogan_wrapper {
        margin-top: clamp(40px, 16.56042vw, 317px);
        margin-bottom: clamp(30px, 3.64375vw, 69px); }
        @media (max-width: 767px) {
          .hero .block-inner .left-side .slogan_wrapper {
            margin-top: clamp(40px, 2.65417vw, 50px);
            margin-bottom: 0; } }
        .hero .block-inner .left-side .slogan_wrapper .slogan {
          font-size: clamp(26px, 3.175vw, 60px);
          line-height: clamp(40px, 4.63333vw, 88px);
          white-space: nowrap;
          font-family: "Helvetica Now Text";
          font-weight: 300;
          color: #51504E;
          padding-left: 1px;
          margin: 0; }
          @media (max-width: 767px) {
            .hero .block-inner .left-side .slogan_wrapper .slogan {
              white-space: initial;
              padding-left: 9px; } }
          .hero .block-inner .left-side .slogan_wrapper .slogan span {
            position: relative;
            display: inline-block;
            color: #000; }
            .hero .block-inner .left-side .slogan_wrapper .slogan span:after {
              content: '';
              position: absolute;
              height: 0.15625vw;
              width: 100%;
              bottom: 4px;
              right: 0;
              background-color: #000; }
              @media (max-width: 767px) {
                .hero .block-inner .left-side .slogan_wrapper .slogan span:after {
                  height: 2px;
                  bottom: -2px; } }
    @media (max-width: 767px) {
      .hero .block-inner .desktop {
        display: none !important; } }
    @media (min-width: 768px) {
      .hero .block-inner .mobile {
        display: none !important; } }
    .hero .block-inner .ulink {
      font-size: clamp(14px, 1.09167vw, 20px);
      line-height: 1;
      padding-left: 1px;
      position: relative;
      display: inline-block;
      color: #000; }
      @media (max-width: 767px) {
        .hero .block-inner .ulink {
          position: absolute;
          top: 27px;
          left: 8px; } }
      .hero .block-inner .ulink:before {
        position: absolute;
        content: '';
        height: 2px;
        width: 13px;
        bottom: -4px;
        left: 0;
        background-color: #000;
        transition: 0.3s; }
        @media (max-width: 767px) {
          .hero .block-inner .ulink:before {
            bottom: -4px;
            width: 100%; } }
      .hero .block-inner .ulink:hover:before {
        width: 100%; }
      .hero .block-inner .ulink:after {
        position: absolute;
        content: '';
        height: clamp(30px, 2.13333vw, 40px);
        width: clamp(30px, 2.13333vw, 40px);
        bottom: -9px;
        right: -2.91667vw;
        background-color: #000;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDc0MzA5IDguMjEyNjJMNy4zNjM1MSAxNS4xMDE4TDE0LjI1MjcgOC4yMTI2MkwxMi43OTY4IDYuNzQ5NTZMOC40MjE3NSAxMS4xMzE3TDguNDIxNzUgMC40ODUzNTFMNi4zMDUyOCAwLjQ4NTM1MUw2LjMwNTI4IDExLjEzMTdMMS45MjMxNyA2Ljc0OTU2TDAuNDc0MzA5IDguMjEyNjJaIiBmaWxsPSIjQkRBRDgxIi8+Cjwvc3ZnPgo=");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40%;
        border-radius: 50%;
        transform: rotate(-90deg);
        transition: 0.3s; }
        @media (max-width: 767px) {
          .hero .block-inner .ulink:after {
            height: 30px;
            width: 30px;
            right: -36px; } }
      .hero .block-inner .ulink:hover:after {
        transform: rotate(90deg); }
    .hero .block-inner .link {
      display: block;
      color: #000;
      margin-top: clamp(50px, 3.175vw, 60px);
      padding-top: clamp(30px, 2.65417vw, 50px); }
      @media (max-width: 1366px) {
        .hero .block-inner .link {
          padding-top: 8px; } }
      @media (max-width: 767px) {
        .hero .block-inner .link {
          position: absolute;
          margin: 0 auto;
          bottom: -19px;
          left: 43.5%; } }
      .hero .block-inner .link .arrow {
        position: relative;
        font-size: clamp(14px, 1.09167vw, 20px);
        line-height: clamp(20px, 1.56042vw, 29px);
        padding-left: 1px; }
        @media (max-width: 767px) {
          .hero .block-inner .link .arrow {
            background-color: #fff; } }
        .hero .block-inner .link .arrow:after {
          position: absolute;
          content: '';
          height: clamp(13px, 0.88333vw, 16px);
          width: 15px;
          bottom: 3px;
          right: -29px;
          background-size: contain;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDc0MzA5IDguMjEyNjJMNy4zNjM1MSAxNS4xMDE4TDE0LjI1MjcgOC4yMTI2MkwxMi43OTY4IDYuNzQ5NTZMOC40MjE3NSAxMS4xMzE3TDguNDIxNzUgMC40ODUzNTFMNi4zMDUyOCAwLjQ4NTM1MUw2LjMwNTI4IDExLjEzMTdMMS45MjMxNyA2Ljc0OTU2TDAuNDc0MzA5IDguMjEyNjJaIiBmaWxsPSIjQkRBRDgxIi8+Cjwvc3ZnPgo="); }
          @media (max-width: 767px) {
            .hero .block-inner .link .arrow:after {
              background-color: #fff;
              background-repeat: no-repeat;
              background-position: center;
              border-radius: 50%;
              background-size: unset;
              width: 30px;
              height: 30px; } }
    .hero .block-inner .right-side {
      width: 72.7%;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
      @media (max-width: 767px) {
        .hero .block-inner .right-side {
          position: relative;
          margin-right: calc(-7vw / 2);
          width: 100vw;
          text-align: right;
          z-index: 1; } }
      .hero .block-inner .right-side .image img,
      .hero .block-inner .right-side .image {
        width: 100%;
        height: 100%;
        max-height: 806px;
        -o-object-fit: cover;
           object-fit: cover; }
        @media (max-width: 767px) {
          .hero .block-inner .right-side .image img,
          .hero .block-inner .right-side .image {
            width: 81.3%;
            min-height: 209px;
            -o-object-position: 82% top;
               object-position: 82% top; } }

/*# sourceMappingURL=hero.css.map*/