.section.examples {
  gap: 40px;
  @media (max-width: 767px) {
    .mobile-toggle-widget {
      width: calc(100% + 40px) !important;
    }
  }
  .con {
    display: flex;
    flex-direction: column;
    gap: 20px;
    &.grid-3 {
      display: flex;
      box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);
      width: 100%;
      gap: 0;
      flex-direction: row;
      @media (max-width: 767px) {
        display: flex;
        flex-direction: column;
        padding: 20px;
        box-shadow: none;
      }

      .wyziwig {
        border-right: 1px solid #f2f2f2;
        padding: 20px;
        text-align: start;
        width: 33%;
        @media (max-width: 767px) {
          width: 100%;
          padding: 0;
          border: none;
        }
        &:last-of-type {
          border: none;
        }
      }
    }
  }
}