main {
  article:not(:has(section.hdp)) {
    section.form {
      margin-top: 80px;

      @media (min-width: 992px) {
        margin-top: 125px;
      }

      &:after {
        content: '';
        background-image: url('../../img/bg_hdp.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 770px;
        position: absolute;
        top: -130px;
        z-index: 0;

        @media (max-width: 992px) {
          mask: linear-gradient(to top, transparent 0%, black 20%);
        }
      }

      .container {
        z-index: 1;
        position: relative;
      }
    }
  }
}

.form {
  .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;

    @media (min-width: 992px) {
      align-items: start;
    }

    &:not(.title_left, .title_right) {
      .infos_company {
        a {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px;

          &:before {
            margin: 0px;
          }
        }
      }
    }

    .infos_company {
      display: flex;
      flex-direction: column;
      align-items: center;

      h4 {
        color: var(--light-purple);
      }

      a {
        position: relative;
        color: var(--dark);

        @media (max-width: 991px) {
          flex-direction: column;
          text-align: center;
        }

        &:not(:first-child) {
          margin-top: 20px;
        }

        &:before {
          content: '';
          width: 16px;
          height: 16px;
          display: inline-block;
          margin-right: 10px;
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
        }

        &.adresse {
          line-height: 1.2;
          display: flex;

          @media (max-width: 991px) {
            flex-direction: column;
            align-items: center;

            &:before {
              margin: 0 0 20px 0;
            }
          }

          &:before {
            background-image: url(../../img/icon_address.svg);
          }
        }

        &.phone {
          &:before {
            background-image: url(../../img/icon_phone.svg);
          }
        }

        &.mail {
          &:before {
            background-image: url(../../img/icon_mail.svg);
          }
        }
      }

      .navigation_faq {
        display: flex;
        flex-direction: column;
        gap: 16px;

        @media (max-width: 991px) {
          margin-top: 40px;
        }

        .faq-button {
          background: transparent;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          border-radius: 8px;
          margin: 0px;
          transition: var(--transition);
          position: relative;
          padding: 16px 60px 16px 24px;
          border: 0px;
          font-size: 16px;
          background-color: var(--white);
          transition: var(--transition);

          @media (max-width: 991px) {
            padding-right: 60px;
            text-align: left;
          }

          @media (min-width: 1200px) {
            font-size: 20px;
          }

          &:after {
            content: '+';
            border: 1px solid var(--dark);
            color: var(--dark);
            border-radius: var(--border-radius-cta);
            width: 25px;
            height: 25px;
            font-size: 16px;
            position: absolute;
            right: 24px;
            display: grid;
            place-items: center;
            padding: 0px 0px 0px 1px;
          }

          &.active,
          &:hover {
            background-color: var(--purple);
            color: var(--white);

            &:after {
              content: '-';
              border: 1px solid var(--white);
              color: var(--white);
            }
          }

          &.active {
            .faq-content {
              max-height: fit-content;
              pointer-events: auto;
              opacity: 1;
              text-align: left;
              border-top: 1px solid var(--dark);
              margin: 16px 0;
              padding-top: 16px;

              * {
                margin-bottom: 0;
              }
            }
          }

          .faq-content {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            pointer-events: none;
            transition: var(--transition);
            padding-top: 0;
          }
        }
      }
    }

    @media (min-width: 992px) {

      &.title_left,
      &.title_right {
        justify-content: space-between;
        gap: 80px;

        .infos_company {
          flex: 0.5;

          .navigation_faq {
            margin-top: 30px;
          }
        }

        .form__contener {
          flex: 0.5;
        }
      }

      &.title_left {
        flex-direction: row;

        .infos_company {
          align-items: start;

          .section__title,
          a,
          p,
          li,
          span,
          button {
            text-align: left;
          }

          .navigation_faq {
            button {
              align-items: start;
            }
          }
        }
      }

      &.title_right {
        flex-direction: row-reverse;

        .infos_company {
          align-items: end;

          .section__title,
          a,
          p,
          li,
          span,
          button {
            text-align: right;
          }

          .navigation_faq {
            button {
              align-items: end;
            }
          }
        }
      }
    }

    .gform_wrapper>form {
      background: var(--white);
      padding: 35px;
      border-radius: var(--border-radius);

      .gform_fields {
        gap: 24px;

        input,
        textarea {
          background: var(--grey);
          border: 1px solid var(--dark-grey);
          box-shadow: none;

          &::placeholder {
            color: var(--dark-grey);
          }
        }

        .gfield {

          label,
          legend {
            font-size: 16px;

            .gfield_required {
              color: var(--light-blue);
              font-size: 16px;
            }
          }

          @media (min-width: 992px) {
            .gfield_radio {
              flex-direction: row;
              justify-content: space-between;
              flex-wrap: wrap;

              .gchoice {
                width: 45%;
              }
            }
          }
        }
      }

      .gform_footer {
        .gform_button {
          padding: 10px 16px !important;
          text-decoration: none !important;
          width: fit-content !important;
          border-radius: var(--border-radius-cta) !important;
          color: var(--white) !important;
          transition: var(--transition) !important;
          gap: 6px !important;
          min-height: 40px !important;
          align-items: center !important;
          font-size: 14px !important;
          font-weight: var(--regular) !important;
          border: 1px solid transparent !important;
          background-color: var(--light-blue) !important;

          &:after {
            content: '';
            background-image: url(../../img/send.svg);
            display: inline-block;
            width: 14px;
            height: 14px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
          }

          &:hover {
            background-color: var(--blue) !important;
            border: 1px solid var(--blue) !important;
            color: var(--white) !important;
          }
        }
      }
    }

    /* Reset form styles gravity */
    .gform_required_legend,
    .hidden_label label,
    fieldset.hidden_label legend,
    .gform_wrapper.gravity-theme .gf_progressbar_percentagepercentbar_100,
    .gform_wrapper.gravity-theme .gf_progressbar_percentage span,
    .gform_validation_container,
    .gform_wrapper.gravity-theme .gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_validation_container,
    .gform_wrapper .gform-body .gfield--type-number .ginput_container_number .gfield_description.instruction,
    .hidden_label label {
      display: none;
    }
  }
}