aside.blog-sidebar {
  & .related-pages {
    background: #eeedea
      url('https://marketingplanetagency.com/prestige-law-us/wp-content/uploads/2025/06/bg-sidebar.webp') no-repeat
      center bottom;
    background-size: 100%;
    padding: 2.778rem 0 3rem;

    & li:not(:last-child) {
      margin-bottom: 0.75rem;
    }
    & a {
      color: var(--pl-blue);
      transition: 300ms;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0.75rem;

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

      & i {
        color: var(--color-octonary);
      }
    }
  }

  & .recent-posts {
    & .recent-post-item {
      background-color: #eeedea;
      & .post-title {
        transition: 300ms;
        color: var(--pl-blue);
        &:hover {
          color: var(--color-octonary);
        }
      }
    }

    &.style-2 {
      .related-posts-wrapper {
        border: 1px solid rgba(12, 26, 51, 0.15);
        background: #fff;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
        padding-inline: 1rem;
        padding-block: 1rem;
        & ul.related-posts-list {
          & li.recent-post-item {
            background-color: revert;
            padding-block-start: 0.5rem;
            padding-block-end: 1rem;
            margin-block-end: 1rem;
            border-bottom: 1px solid rgba(12, 26, 51, 0.15);
            & .post-link {
              display: flex;
              align-items: center;
              gap: 1rem;
              & .post-thumbnail {
                min-width: 5rem;
                min-height: 5rem;
                & img {
                  width: 5rem;
                  height: 5rem;
                  object-position: center right;
                  transition: 300ms;
                }
              }
              & .post-content {
                & .post-title {
                  color: var(--pl-blue);
                  font-size: 1rem;
                  margin: 0;
                }
                & .post-date {
                  color: #6a7282;
                  font-family: Hind;
                  font-size: 0.75rem;
                  font-weight: 400;
                }
              }
            }

            &:hover {
              & .post-link {
                & .post-thumbnail {
                  & img {
                    transform: scale(1.05);
                  }
                }
              }
              & .post-content {
                & .post-title {
                  color: var(--color-octonary);
                }
              }
            }
          }
        }
      }
    }
  }

  .sidebar-services {
    & .sidebar-services-wrapper {
      border: 1px solid rgba(12, 26, 51, 0.15);
      background: #fff;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
      padding-inline: 1rem;
      padding-block: 1rem;
      & ul.sidebar-services-list {
        & li.sidebar-service-item {
          background-color: revert;
          padding-block-start: 0.5rem;
          padding-block-end: 1rem;
          margin-block-end: 1rem;
          border-bottom: 1px solid rgba(12, 26, 51, 0.15);
          & .sidebar-service-link {
            display: flex;
            align-items: center;
            gap: 1rem;
            & .sidebar-service-image {
              & img {
                width: 6rem;
                height: 100%;
                border-radius: 0.5rem;
                object-fit: cover;
                transition: 300ms;
              }
            }
            & .sidebar-service-info {
              & .sidebar-service-title {
                color: var(--pl-blue);
                font-size: 1rem;
                font-weight: 600;
                line-height: 1.5;
                margin: 0.75rem 0 0 0;
                transition: 300ms;
              }
              & .sidebar-service-icon {
                & img {
                  width: 1rem;
                  height: 1rem;
                  object-fit: cover;
                }
              }
            }

            &:hover {
              & .sidebar-service-image {
                & img {
                  transform: scale(1.05);
                }
              }
              & .sidebar-service-info {
                & .sidebar-service-title {
                  color: var(--color-octonary);
                }
              }
            }
          }
        }
      }
    }
  }

  & h2 {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-h4);
    line-height: 1.4;
    color: var(--color-primary);
    margin-block: 1rem;
  }

  & .contact-section {
    border-radius: 0.5rem;
    & :is(input, textarea) {
      transition: 300ms;
      &::placeholder {
        color: #e0e0e0 !important;
      }
      &:focus {
        box-shadow: 0px 4px 8px 0px var(--color-primary);
      }
    }
    & .wpcf7 {
      background-color: transparent;
      padding: revert;
      border-radius: revert;
      box-shadow: revert;
    }
    & .contact-form textarea,
    & .contact-form select,
    & .contact-form input,
    & .form-check p {
      color: var(--color-white);
    }
    & .col-md-6 {
      width: 100%;
    }
  }
}

/* @media (min-width: 992px) {
  aside.blog-sidebar .contact-section {
    position: sticky;
    top: 10rem;
  }
} */