.thought-section {
  position: relative;
  /* padding: 120px 0 140px; */
  background: rgba(var(--border-color-1));
  overflow: hidden;

  .thought-section__main {
    display: flex;
    flex-direction: column;
    gap: 43.2px;
    max-width: 1123px;
    margin: 0 auto;

    .thought-section__details {
      text-align: center;
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 16.34px;

      .thought-section__title {
        font-family: var(--font-source-serif-4);
        font-size: var(--font-9-2);
        line-height: 1;
        font-weight: 700;
        color: rgba(var(--text-color-2));
      }

      .thought-section__des p {
        color: rgba(var(--text-color-9));
        font-size: var(--font-24);
        line-height: 1.3;
        font-weight: 400;
        max-width: 768px;
        margin: 0 auto;
      }
    }

    .thought-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 26.64px;

      .thought-card {
        display: flex;
        background: rgba(var(--border-color-1));
        border-radius: var(--border-radius-6);
        overflow: hidden;
        box-shadow: 0px 10px 25px 0px rgba(var(--bg-color-6), 6%);
        border: 1px solid rgba(var(--border-color-21));

        &:nth-child(even) {
          flex-direction: row-reverse;

          .thought-card__content {
            padding: 30px 24px 30px 30px;
          }
        }

        .thought-card__image {
          max-width: 134px;
          width: 100%;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .thought-card__content {
          padding: 30px 30px 30px 24px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          flex: 1;
		  justify-content: center;
        }

        .thought-card__title {
          font-family: var(--font-source-serif-4);
          font-size: var(--font-19);
          line-height: 1.3;
          letter-spacing: var(--letter-spacing-14);
          font-weight: 700;
          color: rgba(var(--text-color-3));
        }

        .thought-card__des {
          font-size: var(--font-26);
          line-height: 1.4;
          font-weight: 400;
          color: rgba(var(--text-color-9));
        }

        a {
          margin-top: 16px;
        }
      }
    }
  }

  @media (max-width: 1024px) {
    padding: 80px 0 100px;

    .thought-grid {
      .thought-card {
        &:nth-child(even) {
          .thought-card__content {
            padding: 22px;
          }
        }

        .thought-card__content {
          order: 2 !important;
          padding: 22px !important;
        }
      }
    }
  }

  @media (max-width: 680px) {
    padding: 40px 0px 70px;

    .thought-section__main {
      .thought-grid {
        grid-template-columns: 1fr !important;
      }

      .thought-card {
        border-radius: var(--border-radius-4) !important;

        &:nth-child(even) {
          flex-direction: row !important;

          .thought-card__content {
            padding: 16px;
          }
        }

        .thought-card__content {
          padding: 16px !important;
        }
      }
    }
  }
}
