/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-title-blocks/block-title-blocks.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; }

.titleBlocks {
  padding: 128px 0; }
  .titleBlocks__wrapper {
    max-width: 1378px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    @media screen and (max-width: 1440px) {
      .titleBlocks__wrapper {
        padding: 0 60px; } }
    @media screen and (max-width: 768px) {
      .titleBlocks__wrapper {
        padding: 0 20px; } }
    .titleBlocks__wrapper.show .titleBlocks__wrapper-title--icon {
      animation: fadeInUp 0.7s forwards; }
    .titleBlocks__wrapper.show h2 {
      animation: fadeInUp 0.7s forwards; }
    .titleBlocks__wrapper-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 0 0 64px; }
      .titleBlocks__wrapper-title h2 {
        opacity: 0; }
      .titleBlocks__wrapper-title--icon {
        width: 72px;
        height: 72px;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 24px;
        background: #a58460; }
    .titleBlocks__wrapper-links {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 48px; }
      @media screen and (max-width: 768px) {
        .titleBlocks__wrapper-links {
          grid-template-columns: repeat(1, 1fr);
          grid-gap: 20px; } }
      .titleBlocks__wrapper-links--item {
        padding: 40px;
        border: 1px solid #a58460;
        background: #f3f0ec;
        color: #000;
        opacity: 0;
        transition: 0.3s ease; }
        @media (hover: hover) and (pointer: fine) {
          .titleBlocks__wrapper-links--item:hover {
            border-color: #00135d; }
            .titleBlocks__wrapper-links--item:hover > svg path {
              fill: #00135d; }
            .titleBlocks__wrapper-links--item:hover .titleBlocks__wrapper-links--item---button::after {
              transform: scaleX(1); } }
        .titleBlocks__wrapper-links--item.show:nth-child(even) {
          animation: enterLeft 0.7s forwards; }
        .titleBlocks__wrapper-links--item.show:nth-child(odd) {
          animation: enterRight 0.7s forwards; }
        .titleBlocks__wrapper-links--item > svg {
          margin: 0 0 97px; }
          .titleBlocks__wrapper-links--item > svg path {
            transition: 0.3s ease; }
        .titleBlocks__wrapper-links--item h3 {
          margin: 0 0 24px; }
        .titleBlocks__wrapper-links--item---content {
          opacity: 0.7;
          margin: 0 0 32px; }
        .titleBlocks__wrapper-links--item---button {
          display: flex;
          align-items: center;
          position: relative;
          width: fit-content; }
          .titleBlocks__wrapper-links--item---button::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 1px;
            background: #000;
            bottom: 0;
            left: 0;
            transform: scaleX(0);
            transition: 0.3s ease;
            transform-origin: left; }
          .titleBlocks__wrapper-links--item---button svg {
            margin: 0 0 0 8px; }
            .titleBlocks__wrapper-links--item---button svg path {
              fill: #000; }