@use "../abstracts/" as *;
.footer {
  .footer__main {
    padding: 81px 0 49px;
    .info {
      padding-right: 130px;
      .logo {
        margin-bottom: 26px;
      }
      .list {
        margin-top: 19px;
        li {
          margin-bottom: 13px;
          p {
            letter-spacing: 0;
          }
        }
      }
    }
    .widget-link {
      padding-left: 34px;
      padding-top: 24px;
      &.s2 {
        padding-left: 42px;
      }
      &.s3 {
        padding-left: 44px;
      }
      &.s4 {
        padding-left: 67px;
      }

      @include desktop-1200 {
        padding-top: 40px;
        &.s1 {
          padding-top: 0;

          @include mobile {
            padding-top: 40px;
          }
        }

        &.s1,
        &.s2,
        &.s3,
        &.s4 {
          padding-left: 0;
        }
      }
      .title {
        font-size: 14px;
        letter-spacing: 0.7px;
        margin-bottom: 20px;
      }
      ul {
        li {
          margin-bottom: 10px;

          a {
            font-weight: 400;
          }
        }
      }
    }
  }
  .footer__bottom {
    max-width: 1410px;
    margin: 0 auto;
    padding: 19px 0;
    display: flex;
    gap:3px;
    flex-direction: column;
    font-size: 14px;
    .list-social {
      display: flex;
      li {
        margin-left: 28px;
        a {
          color: var(--text);

          &:hover {
            color: var(--primary);
          }
        }
      }
    }
  }
}

.footer.style-2 {
  border-top: 1px solid var(--line);

  .footer__main {
    padding: 0;
    .info {
      border-right: 1px solid var(--line);
      padding-top: 46px;
      height: 100%;
      @include desktop-1200 {
        padding-bottom: 50px;
      }
      @include mobile {
        border: none;
      }
    }
    .widget {
      display: flex;
      padding-top: 46px;

      .widget-link {
        padding-left: 55px;

        &.s2 {
          padding-left: 91px;
        }
      }
      @include mobile {
        padding-top: 0;

        .widget-link {
          padding-left: 0;
          padding-top: 0;
          padding-bottom: 50px;
        }
      }
    }
    .footer-contact {
      border-left: 1px solid var(--line);
      padding-top: 53px;
      padding-left: 109px;
      padding-bottom: 62px;

      @include desktop-1200 {
        border-top: 1px solid var(--line);
        border-left: 0;
        padding: 60px 100px;
      }

      @include mobile {
        padding: 0 0 40px;
        border: none;
      }

      h5 {
        font-size: 32px;
        margin-bottom: 14px;
      }
      p {
        text-transform: capitalize;
        letter-spacing: 0;
        padding-right: 30px;
      }

      form {
        width: 100%;
        position: relative;
        margin-top: 30px;

        input {
          width: 100%;
          border: 2px solid var(--line);
          border-radius: 90px;
          padding: 11px 19px;
          outline: none;

          &::placeholder {
            font-weight: 400;
            font-size: 14px;
            color: var(--text);
          }

          &:focus-visible {
            border-color: var(--primary);
          }
        }

        button {
          position: absolute;
          top: 6px;
          right: 6px;
          border: none;
          padding: 8px 24px;
          font-weight: 700;
          font-size: 14px;
        }
      }

      .list-social {
        display: flex;
        margin-top: 28px;

        li {
          margin-right: 24px;

          &:last-child {
            margin-right: 0;
          }

          a {
            span {
              font-size: 24px;
            }
          }
        }
      }
    }
  }

  .footer__bottom {
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding: 16px 0;
    border-top: 1px solid var(--line);
    p {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.05px;
      text-transform: capitalize;
    }
  }
}