.resources2__container {
  background: #fbfbfb; }
  .resources2__container .sidebar {
    padding: 15px;
    background-color: #f4f5f7;
    width: 320px; }
    @media screen and (max-width: 768px) {
      .resources2__container .sidebar {
        width: 100%;
        padding: 10px; } }
    .resources2__container .sidebar p {
      padding: 8px 0 8px 15px;
      font-size: 18px;
      font-weight: bold;
      margin: 2px; }
      .resources2__container .sidebar p.active {
        background-color: #EAECEF;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px; }
    .resources2__container .sidebar__wrapper {
      position: sticky;
      top: 85px; }
    .resources2__container .sidebar__links a {
      display: block;
      clear: both;
      color: #292b2c;
      text-align: inherit;
      white-space: nowrap; }
      .resources2__container .sidebar__links a:hover {
        text-decoration: none;
        color: #4CB981; }
    .resources2__container .sidebar__list-items {
      list-style-type: none;
      margin: 8px 20px;
      padding: 6px 15px; }
      @media screen and (max-width: 570px) {
        .resources2__container .sidebar__list-items {
          padding: 0; } }
  .resources2__container .resources2 {
    padding: 50px 80px;
    background: #fff; }
    .resources2__container .resources2 ul {
      list-style-type: none;
      padding: 0; }
    .resources2__container .resources2 h2 {
      margin: 50px 0 35px 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .resources2__container .resources2 a.anchor {
      display: block;
      position: relative;
      top: -35px;
      visibility: hidden; }
    .resources2__container .resources2__desc {
      width: 80%;
      padding: 0 0 40px 0; }
    .resources2__container .resources2__descBI {
      width: 80%; }
    .resources2__container .resources2__list {
      display: flex;
      flex-flow: row wrap; }
    .resources2__container .resources2__col {
      width: 33%;
      padding: 0 15px; }
      @media screen and (max-width: 1368px) {
        .resources2__container .resources2__col {
          width: 50%; } }
      @media screen and (max-width: 991px) {
        .resources2__container .resources2__col {
          width: 100%; } }
    .resources2__container .resources2__title {
      color: #4CB981;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 24px; }
    .resources2__container .resources2__col {
      margin-bottom: 30px; }
    .resources2__container .resources2__item {
      height: 100%;
      box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      border-radius: 4px; }
      .resources2__container .resources2__item:hover {
        -webkit-box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.07);
        box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.07); }
      .resources2__container .resources2__item .paper-img {
        height: 250px; }
        .resources2__container .resources2__item .paper-img.bi-hierarchy {
          background: url(../png/bi-needs.png) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .paper-img.line-games {
          background: url(../jpg/line-game-bg-2.jpg) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .paper-img.red-doorz {
          background: url(../jpg/reddoorz-bg.jpg) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .paper-img.fave-case {
          background: url(../jpg/fave-bg-1.jpg) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .paper-img.floship-case {
          background: url(../jpg/shipping-port.jpg) no-repeat;
          background-position: center center;
          background-size: cover; }
      .resources2__container .resources2__item .bi-img {
        height: 250px; }
        .resources2__container .resources2__item .bi-img.dbdiagram {
          background: url(../gif/dbdiagram.gif) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .bi-img.sqldbm {
          background: url(../png/sqldbm.png) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .bi-img.cloudpivot {
          background: url(../png/cloudpivot2.png) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .bi-img.stitchdata {
          background: url(../png/stitchdata.png) no-repeat;
          background-position: center center;
          background-size: cover; }
        .resources2__container .resources2__item .bi-img.enterprisedb {
          background: url(../png/edb-postgres.png) no-repeat;
          background-position: center center;
          background-size: cover; }
      .resources2__container .resources2__item a {
        color: #484747;
        font-size: 16px;
        align-self: center;
        font-weight: 600; }
    .resources2__container .resources2__text {
      padding: 20px 25px; }
    @media screen and (max-width: 768px) {
      .resources2__container .resources2 {
        padding: 35px; } }
  .resources2__container .resources2__content {
    display: flex;
    flex: 1;
    background: #fff; }
    @media screen and (max-width: 768px) {
      .resources2__container .resources2__content {
        width: 100%; } }