/* line 1, app_site/static/scss/app_site/page_contact/style.scss */
h1 {
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 90%; }

/* line 7, app_site/static/scss/app_site/page_contact/style.scss */
main {
  padding-bottom: 9rem; }

/* line 11, app_site/static/scss/app_site/page_contact/style.scss */
#pdg {
  min-height: calc(100vh - var(--header-height));
  min-height: calc(100dvh - var(--header-height));
  height: auto; }
  /* line 16, app_site/static/scss/app_site/page_contact/style.scss */
  #pdg .transition {
    padding-top: 0;
    padding-bottom: 2rem !important; }
  /* line 21, app_site/static/scss/app_site/page_contact/style.scss */
  #pdg .wrapper-2 {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center; }
  /* line 28, app_site/static/scss/app_site/page_contact/style.scss */
  #pdg .wrapper {
    width: 100%;
    margin-bottom: 1rem;
    padding: 3rem 1.5rem;
    background: rgba(214, 193, 173, 0.75);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 -4px 4px 0 rgba(0, 0, 0, 0.25); }
    /* line 35, app_site/static/scss/app_site/page_contact/style.scss */
    #pdg .wrapper .content {
      max-width: 90rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: start;
      gap: 4rem; }
      /* line 43, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content form {
        gap: 1rem; }
        /* line 46, app_site/static/scss/app_site/page_contact/style.scss */
        #pdg .wrapper .content form button {
          border: none;
          margin: 0 auto; }
      /* line 52, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content > ul {
        display: flex;
        justify-content: space-evenly;
        list-style-type: none;
        flex-direction: column;
        gap: 3rem;
        width: min-content; }
        /* line 61, app_site/static/scss/app_site/page_contact/style.scss */
        #pdg .wrapper .content > ul li {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1rem; }
      /* line 69, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content .title,
      #pdg .wrapper .content .title-div {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center; }
      /* line 79, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content .title img {
        height: 6rem; }
      /* line 83, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content .title .method {
        font-family: var(--font-3), sans-serif;
        color: var(--red-400);
        text-transform: uppercase; }
      /* line 89, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content .title .coord {
        background-color: var(--bg-2);
        color: black;
        font-weight: normal;
        font-family: var(--font-2), sans-serif;
        padding: 1rem 2rem;
        box-shadow: var(--drop-shadow-2);
        cursor: pointer;
        position: relative;
        top: 0;
        transition: top 0.2s ease; }
        /* line 101, app_site/static/scss/app_site/page_contact/style.scss */
        #pdg .wrapper .content .title .coord:hover {
          top: 0.4rem; }
      /* line 107, app_site/static/scss/app_site/page_contact/style.scss */
      #pdg .wrapper .content .text {
        max-width: 40rem;
        margin: 1rem auto;
        text-align: center;
        display: none; }

/* line 123, app_site/static/scss/app_site/page_contact/style.scss */
input::placeholder {
  text-transform: none; }