/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-projects-showcase/block-projects-showcase.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.errorPage {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .errorPage__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .errorPage__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .errorPage__text {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .errorPage__text p {
      margin: 0 0 48px; }
    .errorPage__text h1 {
      margin: 0 0 48px; }
    .errorPage__text .btn.show {
      animation: fadeInUp 0.3s forwards; }

.projectsShowcase {
  padding: 180px 0 164px;
  position: relative; }
  @media screen and (max-width: 1440px) {
    .projectsShowcase {
      padding: 140px 0 150px; } }
  @media screen and (max-width: 1366px) {
    .projectsShowcase {
      padding: 80px 0; } }
  @media screen and (max-width: 768px) {
    .projectsShowcase {
      padding: 60px 0; } }
  .projectsShowcase__decoration {
    position: absolute;
    right: 0;
    top: 46px;
    z-index: -1;
    max-width: 55%; }
    .projectsShowcase__decoration svg {
      width: 100%;
      max-width: 1424px;
      height: 100%; }
    @media screen and (max-width: 1024px) {
      .projectsShowcase__decoration {
        display: none; } }
  .projectsShowcase__wrapper {
    width: 100%;
    max-width: 1465px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto; }
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-text--label,
    .projectsShowcase__wrapper.show h2,
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-text--content {
      animation: fadeInUp 0.7s forwards; }
    .projectsShowcase__wrapper.show h2 {
      animation-delay: 0.3s; }
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-text--content {
      animation-delay: 0.6s; }
    .projectsShowcase__wrapper.show .btn {
      animation: enterRight 0.7s forwards 0.7s; }
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-projects--item:first-child {
      animation: fadeInUp 0.7s forwards 0.3s; }
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-projects--item:not(:first-child) {
      animation: enterLeft 0.7s forwards 0.5s; }
    .projectsShowcase__wrapper.show .projectsShowcase__wrapper-projects--item:nth-child(3) {
      animation-delay: 0.7s; }
    @media screen and (max-width: 1500px) {
      .projectsShowcase__wrapper {
        padding: 0 60px; } }
    @media screen and (max-width: 1024px) {
      .projectsShowcase__wrapper {
        flex-direction: column;
        align-items: flex-start; } }
    @media screen and (max-width: 768px) {
      .projectsShowcase__wrapper {
        padding: 0 20px; } }
    .projectsShowcase__wrapper-text {
      max-width: 500px;
      width: 100%;
      margin: 80px 180px 0 0; }
      .projectsShowcase__wrapper-text--label {
        margin: 0 0 48px;
        opacity: 0; }
      .projectsShowcase__wrapper-text h2 {
        margin: 0 0 32px;
        opacity: 0; }
      .projectsShowcase__wrapper-text--content {
        margin: 0 0 48px;
        opacity: 0; }
      @media screen and (max-width: 1024px) {
        .projectsShowcase__wrapper-text {
          max-width: 764px; } }
      @media screen and (max-width: 1440px) {
        .projectsShowcase__wrapper-text {
          margin: 0 40px 0 0; } }
      @media screen and (max-width: 1024px) {
        .projectsShowcase__wrapper-text {
          margin: 0 0 40px; } }
    @media screen and (max-width: 1366px) {
      .projectsShowcase__wrapper-projects {
        max-width: 484px; } }
    @media screen and (max-width: 1024px) {
      .projectsShowcase__wrapper-projects {
        max-width: 100%; } }
    @media screen and (min-width: 1367px) {
      .projectsShowcase__wrapper-projects .swiper-wrapper {
        transform: translate3d(0, 0, 0) !important;
        max-width: 808px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 48px;
        justify-content: space-between; } }
  @media screen and (min-width: 1367px) and (max-width: 1600px) {
    .projectsShowcase__wrapper-projects .swiper-wrapper {
      max-width: 684px;
      gap: 32px; } }
    .projectsShowcase__wrapper-projects--item {
      width: 100%;
      color: #000;
      opacity: 0;
      height: auto !important;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1366px) {
        .projectsShowcase__wrapper-projects--item {
          height: auto !important; } }
      @media screen and (min-width: 1367px) {
        .projectsShowcase__wrapper-projects--item:first-child {
          margin: 0;
          height: 100% !important;
          width: 100% !important; }
          .projectsShowcase__wrapper-projects--item:first-child .projectsShowcase__wrapper-projects--item---text {
            display: block; } }
      @media screen and (max-width: 1366px) {
        .projectsShowcase__wrapper-projects--item:first-child .projectsShowcase__wrapper-projects--item---image {
          max-height: 237px;
          height: 100%; } }
      @media screen and (max-width: 1024px) {
        .projectsShowcase__wrapper-projects--item:first-child .projectsShowcase__wrapper-projects--item---image {
          max-height: 450px; } }
      .projectsShowcase__wrapper-projects--item:not(:first-child) {
        width: 50%;
        max-width: 360px; }
        .projectsShowcase__wrapper-projects--item:not(:first-child) .projectsShowcase__wrapper-projects--item---image {
          min-height: 237px; }
          @media screen and (max-width: 1366px) {
            .projectsShowcase__wrapper-projects--item:not(:first-child) .projectsShowcase__wrapper-projects--item---image {
              max-height: 237px;
              height: 100%; } }
          @media screen and (max-width: 1024px) {
            .projectsShowcase__wrapper-projects--item:not(:first-child) .projectsShowcase__wrapper-projects--item---image {
              max-height: 450px; } }
        @media screen and (min-width: 1367px) {
          .projectsShowcase__wrapper-projects--item:not(:first-child) {
            margin: 0 !important; } }
        @media screen and (max-width: 1600px) {
          .projectsShowcase__wrapper-projects--item:not(:first-child) {
            max-width: 47%; } }
        @media screen and (max-width: 1366px) {
          .projectsShowcase__wrapper-projects--item:not(:first-child) {
            max-width: 100%;
            width: 100%; } }
      @media screen and (max-width: 1500px) {
        .projectsShowcase__wrapper-projects--item:nth-child(2) {
          margin: 0 20px 0 0; } }
      .projectsShowcase__wrapper-projects--item---image {
        position: relative;
        overflow: hidden; }
        .projectsShowcase__wrapper-projects--item---image p {
          padding: 12px 16px;
          background: #a58460;
          color: #fff;
          text-transform: uppercase;
          position: absolute;
          top: 32px;
          right: 32px; }
        @media screen and (max-width: 991px) {
          .projectsShowcase__wrapper-projects--item---image {
            height: 237px; } }
        .projectsShowcase__wrapper-projects--item---image img {
          transition: 0.3s ease;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .projectsShowcase__wrapper-projects--item---text {
        padding: 32px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.3);
        height: 100%;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 768px) {
          .projectsShowcase__wrapper-projects--item---text {
            padding: 20px; } }
        .projectsShowcase__wrapper-projects--item---text h3 {
          margin: 0 0 24px; }
        .projectsShowcase__wrapper-projects--item---text p:not(:last-child) {
          opacity: 0.7;
          margin: 0 0 32px; }
        .projectsShowcase__wrapper-projects--item---text p:last-child {
          margin: auto 0 0;
          display: flex;
          align-items: center;
          position: relative;
          width: fit-content; }
          .projectsShowcase__wrapper-projects--item---text p:last-child::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            content: "";
            background: #000;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.3s ease; }
          .projectsShowcase__wrapper-projects--item---text p:last-child svg {
            margin: 0 0 0 8px; }
            .projectsShowcase__wrapper-projects--item---text p:last-child svg path {
              fill: #000; }
      @media (hover: hover) and (pointer: fine) {
        .projectsShowcase__wrapper-projects--item:hover .projectsShowcase__wrapper-projects--item---image img {
          transform: scale(1.2); }
        .projectsShowcase__wrapper-projects--item:hover .projectsShowcase__wrapper-projects--item---text p:last-child::after {
          transform: scaleX(1); } }

@media screen and (min-width: 1921px) {
  .projectsShowcase {
    padding: 9.375vw 0 8.54167vw; }
    .projectsShowcase__decoration {
      top: 2.39583vw; }
      .projectsShowcase__decoration svg {
        max-width: 74.16667vw; }
    .projectsShowcase__wrapper {
      max-width: 76.30208vw; }
      .projectsShowcase__wrapper-text {
        max-width: 26.04167vw;
        margin: 4.16667vw 9.375vw 0 0; }
        .projectsShowcase__wrapper-text--label {
          margin: 0 0 2.5vw; }
        .projectsShowcase__wrapper-text h2 {
          margin: 0 0 1.66667vw; }
        .projectsShowcase__wrapper-text--content {
          margin: 0 0 2.5vw; }
      .projectsShowcase__wrapper-projects--item:not(:first-child) {
        max-width: 46%; }
        .projectsShowcase__wrapper-projects--item:not(:first-child) .projectsShowcase__wrapper-projects--item---image {
          min-height: 12.34375vw; }
      .projectsShowcase__wrapper-projects--item---image p {
        padding: 0.625vw 0.83333vw;
        top: 1.66667vw;
        right: 1.66667vw; }
      .projectsShowcase__wrapper-projects--item---text {
        padding: 1.66667vw;
        border: 0.05208vw solid rgba(0, 0, 0, 0.3); }
        .projectsShowcase__wrapper-projects--item---text h3 {
          margin: 0 0 1.25vw; }
        .projectsShowcase__wrapper-projects--item---text p:not(:last-child) {
          margin: 0 0 1.66667vw; }
        .projectsShowcase__wrapper-projects--item---text p:last-child::after {
          height: 0.05208vw; }
        .projectsShowcase__wrapper-projects--item---text p:last-child svg {
          margin: 0 0 0 0.41667vw; } }