footer.vinkehouse-footer {
  position: relative;
  overflow: hidden;
  padding: 80px 15px 32px 15px;
  background-color: #070707 !important;
  color: #ffffff;
  margin-top: 128px;
  border-radius: 40px 40px 0px 0px;
  @media (max-width: 580px) {
    padding: 46px 15px 32px 15px;
  }
  & .footer-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.03;
    z-index: 0;
  }
  & .vinkehouse-footer-section {
    position: relative;
    z-index: 1;
    color: #fff;
    & .footer-first-section {
      display: flex;
      gap: 211px;
      justify-content: space-between;
      border-top: 1px solid #4f4f4f;
      padding-top: 32px;
      @media (max-width: 1000px) {
        gap: 100px;
      }
      @media (max-width: 910px) {
        flex-direction: column;
        gap: 32px;
      }
      & .footer-first-inner {
        display: flex;
        flex-direction: column;
        gap: 112px;
        & .footer-title-group {
          display: flex;
          gap: 24px;
          & img {
            width: 120px;
            height: 120px;
            border-radius: 999px;
            @media (max-width: 910px) {
              display: none;
            }
          }
          & .title-group {
            display: flex;
            flex-direction: column;
            gap: 32px;
            @media (max-width: 580px) {
              gap: 24px;
            }
            & p.footer-contact {
              font-family: "Playfair-Display", sans-serif;
              font-size: 56px;
              font-weight: 400;
              line-height: 61.6px;
              margin-bottom: 0;
              margin-top: 0;
              @media (max-width: 580px) {
                font-size: 36px;
                line-height: 39.6px;
              }
            }
            & p.footer-paragraph {
              font-family: "Inter-Display", sans-serif;
              font-size: 14px;
              color: #f6f6f4;
              margin-bottom: 0;
              margin-top: 0;
              max-width: 385px;
            }
          }
        }
        & .footer-contacts {
          display: flex;
          flex-direction: column;
          gap: 28px;
          @media (max-width: 910px) {
            display: none;
          }
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 18px;
            font-weight: 400;
            display: flex;
            gap: 16px;
            align-items: center;
            color: #fff;
          }
        }
      }
      & .footer-contact-form {
        width: 40%;
        @media (max-width: 910px) {
          width: 100%;
        }
        & .wpcf7 {
          & form.wpcf7-form {
            & p {
              & span {
                & input {
                  background-color: transparent;
                  border: 1px solid #4f4f4f;
                  border-radius: 12px;
                  width: 100%;
                  padding: 22px 24px;
                  color: #ffffff;
                }
                & input::placeholder {
                  font-family: "Inter-Display", sans-serif;
                  font-size: 16px;
                  font-weight: 500;
                  color: #ffffff;
                  opacity: 70%;
                }
                & textarea {
                  background-color: transparent;
                  border: 1px solid #4f4f4f;
                  border-radius: 12px;
                  width: 100%;
                  padding: 22px 24px;
                  color: #ffffff;
                }
                & textarea::placeholder {
                  font-family: "Inter-Display", sans-serif;
                  font-size: 16px;
                  font-weight: 500;
                  color: #ffffff;
                  opacity: 70%;
                }
              }
            }
            & .contact-form-button {
              & p {
                & button {
                  background-color: #9a9a9a33;
                  transition: background-color 0.3s, border-color 0.3s;
                  border-radius: 12px;
                  display: flex;
                  align-items: center;
                  gap: 14px;
                  padding: 25px 36px;
                  border: none;
                  color: #ffffff;
                  @media (max-width: 910px) {
                    width: 100%;
                    justify-content: center;
                  }
                  &:hover {
                    background-color: #93939366;
                    cursor: pointer;
                  }

                }
              }
            }
          }
        }
      }
      & .footer-contacts.mobile {
        display: none;
        @media (max-width: 910px) {
          display: flex;
          flex-direction: column;
          gap: 28px;
          & a {
            text-decoration: none;
            font-family: "Inter-Display", sans-serif;
            font-size: 18px;
            font-weight: 400;
            display: flex;
            gap: 16px;
            align-items: center;
            color: #fff;
          }
        }
      }
    }
    & .footer-second-section {
      display: flex;
      justify-content: space-between;
      gap: 40px;
      align-items: center;
      padding: 32px 0px;
      border-top: 1px solid #4f4f4f;
      border-bottom: 1px solid #4f4f4f;
      @media (max-width: 910px) {
        flex-direction: column;
      }
      & .footer-social-links {
        display: flex;
        gap: 12px;
      }
    }
    & .footer-third-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 32px 0px 0px 0px;
      & a {
        font-family: "Inter-Display", sans-serif;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
      }
    }
  }
}