@import "../helpers/colors.scss";

.services {
  #content {
    .breadcrumbs {
      margin-bottom: 0;
    }
    .btn-wrapper {
      margin: 30px 0;
      background: $green;
      height: 75px;
      border: 1px solid #ededed;
      @include borderRadius(20px);
      text-transform: uppercase;
      h2 {
        color: #fff;
        position: relative;
        @include ver-center();
        i {
          font-size: 2rem;
          color: #fff;
          margin-right: 15px;
        }
      }
    }
    .searchForm-wrapper {
      margin-bottom: 35px;
      position: relative;
      input {
        width: 100%;
        @include borderRadius(20px);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
        border: 1px solid $lightGray;
        height: 40px;
        font-size: 2rem;
        padding-left: 40px;
      }
      i {
        position: absolute;
        top: 20%;
        left: 10px;
      }
    }
    .selectTheProduct {
      form {
        label {
          font-size: 2rem;
          @include boldFont();
        }
        .select2-container--default .select2-selection--single {
          @include borderRadius(20px);
          height: 40px;
          .select2-selection__rendered {
            font-size: 2rem;
            line-height: 40px;
          }
          .select2-selection__arrow b {
            border-color: #6caaa8 transparent transparent transparent;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            height: 0;
            left: -1%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 60%;
            width: 0;
          }
        }
      }
    }
    table.table {
      tr {
        th,
        td {
          text-transform: uppercase;
          i {
            font-size: 2rem;
            margin-right: 35px;
          }
        }
      }
    }
  }
}

// @media (max-width: 1700px) {
//   .services {
//     #content {
//       table {
//         &.table {
//           tr {
//             th,
//             td {
//               i {
//               }
//             }
//           }
//         }
//       }
//     }
//   }
// }