/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 981px) {
  .section-form-contact .container-members {
    display: flex;
    flex-wrap: wrap;
    gap: 2em; } }

@media (min-width: 981px) {
  .section-form-contact .container-members .members {
    flex: 1; } }

.section-form-contact .container-members .members .member {
  background-color: var(--gray);
  padding: 20px;
  border-radius: 15px;
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  position: relative; }
  .section-form-contact .container-members .members .member .left {
    flex-shrink: 0; }
    .section-form-contact .container-members .members .member .left .image {
      width: 80px;
      position: relative;
      padding-top: 125%;
      height: auto;
      overflow: hidden;
      border-radius: 10px; }
      .section-form-contact .container-members .members .member .left .image > img, .section-form-contact .container-members .members .member .left .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .section-form-contact .container-members .members .member .right {
    flex-grow: 1; }
    .section-form-contact .container-members .members .member .right .text b {
      display: block; }
  .section-form-contact .container-members .members .member .socials {
    margin-top: 18px; }
    .section-form-contact .container-members .members .member .socials .social {
      display: flex;
      align-items: center;
      gap: 15px;
      color: var(--night);
      font-weight: 600; }
      .section-form-contact .container-members .members .member .socials .social .icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        font-size: 12px; }
      .section-form-contact .container-members .members .member .socials .social.linkedin .icon {
        background-color: #0072B1; }

@media (min-width: 981px) {
  .section-form-contact .form {
    flex: 1; } }

/*# sourceMappingURL=form-contact.css.map */