.influence {
  position: relative;
  width: 100%;

  .influence-container {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #fafafa;

    .title {
      flex: none;
      flex-grow: 0;
      order: 0;
      height: 57px;
      margin-top: 80px;

      color: #252b42;
      font-weight: 700;
      font-size: 40px;

      font-family: "Montserrat";
      font-style: normal;
      line-height: 57px;

      letter-spacing: 0.2px;
    }

    .logo-tab-wrapper {
      display: flex;
      flex-direction: row;
      margin-top: 60px;

      .logo-tab-checked {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 46px;
        margin-right: 16px;
        margin-left: 16px;
        color: #1773c8;
        line-height: 46px;
        text-align: center;
        border-radius: 23px;
        user-select: none;
      }

      .logo-tab-normal {
        height: 46px;
        margin-right: 16px;
        margin-left: 16px;
        color: #333;
        line-height: 46px;
        text-align: center;
        border-radius: 23px;
        user-select: none;
      }

      .line {
        width: 30px;
        border-bottom: 3px solid #1773c8;
      }
    }

    .logo-list {
      margin-top: 50px;
      margin-bottom: 50px;

      .logo-list-img {
      }
    }
  }

  .contact-container {
    z-index: 2;
    display: flex;

    flex-direction: column;
    align-items: center;
    width: 100%;

    .title {
      flex: none;
      flex-grow: 0;
      order: 0;
      height: 57px;
      margin-top: 80px;

      color: #252b42;
      font-weight: 700;
      font-size: 40px;

      font-family: "Montserrat";
      font-style: normal;
      line-height: 57px;

      letter-spacing: 0.2px;
    }

    .map {
      margin-top: 50px;
      margin-bottom: 26px;
    }

    .contact {
      display: flex;
      flex-direction: row;
      gap: 80px;
      align-items: center;
      justify-content: center;
      width: 1200px;
      margin-top: 32px;
      margin-bottom: 80px;
      color: #333;
      font-size: 16px;

      .item {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        text-align: center;
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .influence {
    position: relative;
    width: 100%;
    height: 940px;

    .influence-container {
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      background: #fafafa;

      .title {
        flex: none;
        flex-grow: 0;
        order: 0;
        height: 57px;
        margin-top: 80px;

        color: #252b42;
        font-weight: 700;
        font-size: 40px;

        font-family: "Montserrat";
        font-style: normal;
        line-height: 57px;

        letter-spacing: 0.2px;
      }

      .logo-tab-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        row-gap: 10px;

        .logo-tab-checked {
          display: flex;
          flex-direction: column;
          align-items: center;
          height: 46px;
          margin-right: 16px;
          margin-left: 16px;
          color: #1773c8;
          line-height: 46px;
          text-align: center;
          border-radius: 23px;
          user-select: none;
        }

        .logo-tab-normal {
          height: 46px;
          margin-right: 16px;
          margin-left: 16px;
          color: #333;
          line-height: 46px;
          text-align: center;
          border-radius: 23px;
          user-select: none;
        }

        .line {
          width: 30px;
          margin-bottom: 40px;
          border-bottom: 3px solid #1773c8;
        }
      }

      .logo-list {
        margin-bottom: 40px;

        .logo-list-img {
          width: 100%;
        }
      }
    }

    .contact-container {
      z-index: 2;
      display: flex;

      flex-direction: column;
      align-items: center;
      width: 100%;

      .title {
        flex: none;
        flex-grow: 0;
        order: 0;
        height: 57px;
        margin-top: 80px;

        color: #252b42;
        font-weight: 700;
        font-size: 40px;

        font-family: "Montserrat";
        font-style: normal;
        line-height: 57px;

        letter-spacing: 0.2px;
      }

      .map {
        width: 90%;
        margin-top: 50px;
        margin-bottom: 26px;
      }

      .contact {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        width: 100%;
        color: #333;
        font-size: 16px;

        .item {
          display: flex;
          flex-direction: row;
          gap: 10px;
          align-items: center;
        }
      }
    }
  }
}
