/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-contact-form/block-contact-form.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.page-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: calc(100vh - 70px); }
  .page-not-found_text {
    margin: 35px 0;
    max-width: 480px;
    opacity: 0.8; }
  .page-not-found_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
    padding: 0 18px; }
    .page-not-found_btn img {
      margin-right: 12px; }

.contact-form {
  padding: 180px 0 !important; }
  @media screen and (max-width: 1000px) {
    .contact-form {
      padding: 100px 0 !important; } }
  .contact-form_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      .contact-form_inner {
        flex-direction: column; } }
    @media screen and (max-width: 600px) {
      .contact-form_inner {
        align-items: center;
        justify-content: center;
        text-align: center; } }
  .contact-form_content {
    position: relative;
    width: 100%;
    max-width: 445px;
    margin-right: 50px; }
    @media screen and (max-width: 1000px) {
      .contact-form_content {
        max-width: unset;
        margin-right: 0;
        margin-bottom: 50px; } }
  .contact-form_title span {
    background: linear-gradient(to right, #fff, #6e1ef0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .contact-form_text {
    margin-top: 30px;
    opacity: 0.8; }
  .contact-form_small-title {
    margin-top: 72px;
    margin-bottom: 24px; }
    @media screen and (max-width: 1000px) {
      .contact-form_small-title {
        margin-top: 50px; }
        .contact-form_small-title.social-media {
          position: absolute;
          bottom: 160px;
          right: 5px; } }
    @media screen and (max-width: 600px) {
      .contact-form_small-title.social-media {
        position: static; } }
  .contact-form_location {
    margin-bottom: 24px;
    opacity: 0.8; }
  .contact-form_mail, .contact-form_phone {
    display: block;
    opacity: 0.5;
    color: #fff;
    will-change: opacity;
    transition: 0.3s opacity; }
    @media (hover: hover) and (pointer: fine) {
      .contact-form_mail:hover, .contact-form_phone:hover {
        opacity: 1; } }
  .contact-form_socials-links {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    @media screen and (max-width: 1000px) {
      .contact-form_socials-links {
        position: absolute;
        bottom: 133px;
        right: 0; } }
    @media screen and (max-width: 600px) {
      .contact-form_socials-links {
        position: static;
        justify-content: center; } }
  .contact-form_socials-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px; }
    @media (hover: hover) and (pointer: fine) {
      .contact-form_socials-link:hover svg g {
        opacity: 1; } }
    .contact-form_socials-link svg g {
      will-change: opacity;
      transition: 0.3s opacity; }
    .contact-form_socials-link:last-child {
      margin-right: 0; }
  .contact-form .wpcf7 {
    width: 100%;
    max-width: 840px; }
    @media screen and (max-width: 1000px) {
      .contact-form .wpcf7 {
        max-width: unset; } }
  .contact-form form {
    position: relative;
    background: #6e1ef0;
    padding: 36px;
    border-radius: 9px;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.07));
    box-shadow: 0 4px 24px rgba(23, 23, 23, 0.1); }
    @media screen and (max-width: 500px) {
      .contact-form form {
        padding: 36px 12px; } }
    .contact-form form br {
      display: none; }
    .contact-form form::before {
      position: absolute;
      content: '';
      z-index: -1;
      inset: -1px;
      border-radius: 9px;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); }
    .contact-form form .contact-form_small-title {
      margin-top: 0;
      margin-bottom: 48px; }
    .contact-form form .contact-form_row p {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px; }
      @media screen and (max-width: 500px) {
        .contact-form form .contact-form_row p {
          flex-direction: column;
          gap: 0;
          width: 100%; } }
    @media screen and (max-width: 500px) {
      .contact-form form .contact-form_row {
        width: 100%; } }
    .contact-form form label {
      font-family: 'NT Somic';
      font-size: 13px;
      font-weight: 400;
      line-height: 140%; }
      @media screen and (max-width: 767px) {
        .contact-form form label {
          font-size: 12px; } }
      @media screen and (max-width: 500px) {
        .contact-form form label {
          width: 100%; } }
    .contact-form form input,
    .contact-form form textarea {
      position: relative;
      background: rgba(255, 255, 255, 0.07);
      border-radius: 9px;
      outline: none;
      color: #fff;
      font-family: 'NT Somic';
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      padding: 12px 18px;
      width: 100%;
      margin-top: 12px;
      margin-bottom: 24px;
      resize: none;
      border: 1px solid transparent;
      background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.07));
      box-shadow: 0 4px 24px rgba(23, 23, 23, 0.1); }
      .contact-form form input:-webkit-autofill::first-line, .contact-form form input:-webkit-autofill, .contact-form form input:-webkit-autofill:hover, .contact-form form input:-webkit-autofill:focus, .contact-form form input:-webkit-autofill:active,
      .contact-form form textarea:-webkit-autofill::first-line,
      .contact-form form textarea:-webkit-autofill,
      .contact-form form textarea:-webkit-autofill:hover,
      .contact-form form textarea:-webkit-autofill:focus,
      .contact-form form textarea:-webkit-autofill:active {
        -webkit-text-fill-color: #fff;
        transition: background-color 5000s ease-in-out 0s; }
      .contact-form form input::placeholder,
      .contact-form form textarea::placeholder {
        color: #fff;
        opacity: 0.5; }
      .contact-form form input:focus,
      .contact-form form textarea:focus {
        border: 1px solid rgba(255, 255, 255, 0.45); }
      @media screen and (max-width: 700px) {
        .contact-form form input,
        .contact-form form textarea {
          font-size: 14px; } }
      .contact-form form input::before,
      .contact-form form textarea::before {
        position: absolute;
        content: '';
        z-index: -1;
        inset: -1px;
        border-radius: 9px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); }
    .contact-form form .contact-form_policy {
      font-family: 'NT Somic';
      font-size: 13px;
      font-weight: 400;
      line-height: 140%;
      margin-top: 24px;
      color: rgba(255, 255, 255, 0.8); }
      @media screen and (max-width: 767px) {
        .contact-form form .contact-form_policy {
          font-size: 12px; } }
      .contact-form form .contact-form_policy a {
        color: #fff; }