.all-tools {
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .all-tools {
      padding-bottom: 30px; } }
  .all-tools .container {
    background-color: var(--bg-color);
    padding: 50px;
    border-radius: 30px; }
    @media (max-width: 991px) {
      .all-tools .container {
        border-radius: 0px;
        padding: 30px 50px; } }
    .all-tools .container .intro {
      padding-bottom: 30px; }
    .all-tools .container .each-tool {
      background-color: white;
      border: 1px solid var(--stroke-color);
      padding: 20px;
      border-radius: 20px;
      color: black;
      text-decoration: none;
      display: block;
      position: relative;
      top: 0;
      transition: all ease-in-out 0.2s; }
      .all-tools .container .each-tool:hover {
        top: -10px; }