#page-products {
  padding-top: 3rem;
  margin-bottom: 3rem;

  .sidebar {

    a, a:link, a:visited, a:hover {
      color: inherit;
      text-decoration: none;
    }

    .sidebar-box {
      padding: 2rem;
      margin-bottom: 3rem;

      box-shadow: 0 0 70px 0 rgb(0 0 0 / .07);

      .box-title {
        position: relative;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 2rem;

        &:before {
          content: '';
          background-color: var(--color-red-one);
          width: 3px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
        }

        &:after {
          content: '';
          background-color: var(--color-red-one);
          width: 3px;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
        }
      }
    }

    

    ul {
      li {
        a {
          display: block;
          padding: 1rem;
          line-height: 1rem;

          &.current {
            color: var(--color-red-one);
            border-bottom: 3px solid var(--color-red-one);
          }
        }
      }
    }

    .recaptcha-container {
      display: block;
      height: 60px;
      width: 155px;
      overflow: hidden;
      position: relative;
      border: 1px solid #dddbda;
      border-radius: .25rem;

      .g-recaptcha {
        position: absolute;
        top: -8px;
        left: -1px;
      }
    }

    .slds-has-error .recaptcha-container:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: #c23934 0 0 0 1px inset;
      border-radius: .25rem;
      pointer-events: none; 
    }

    #btnSend {
      height: 60px;
      width: 150px;
    }

    .message {
      color: var(--color-red-one);
      text-align: center;
      padding-top: 1rem;
    }
  }

  .content {
    .image-title-container {
      position: relative;
      margin-bottom: 100px;

      .title-overimage {
        position: absolute;
        box-shadow: 25px 25px 0 -21px #E30D17;
        padding: 25px 120px 25px 30px;
        background-color: white;
        left: 1rem;
        bottom: -50px;
        width: 50%;
      }
    }

    .section-title {
      font-family: "Nunito", Sans-serif;
      font-size: 2rem;
      margin-top: 0rem;
      margin-bottom: 0rem;
      line-height: 1;
    }

    ul.checked-list {
      list-style: none;
      margin-bottom: 2rem;
      
      li {

        &:before {
          content: '\e90d';
          font-family: 'icomoon' !important;
          speak: never;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          margin-right: .5rem;

          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
      }
    }
  }
}