.icon-hook .path1:before {
  content: "\e900";
  color: #d7deed;
}
.icon-hook .path2:before {
  content: "\e901";
  color: #707487;
  margin-left: -1em;
}
.icon-hook .path3:before {
  content: "\e902";
  color: #afb9d2;
  margin-left: -1em;
}
.icon-hook .path4:before {
  content: "\e903";
  color: #d7deed;
  margin-left: -1em;
}
.icon-hook .path5:before {
  content: "\e904";
  color: #00d2ff;
  margin-left: -1em;
}
.icon-hook .path6:before {
  content: "\e905";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path7:before {
  content: "\e906";
  color: #5b5d6e;
  margin-left: -1em;
}
.icon-hook .path8:before {
  content: "\e907";
  color: #5b5d6e;
  margin-left: -1em;
}
.icon-hook .path9:before {
  content: "\e908";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path10:before {
  content: "\e909";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path11:before {
  content: "\e90a";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path12:before {
  content: "\e90b";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path13:before {
  content: "\e90c";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path14:before {
  content: "\e90d";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path15:before {
  content: "\e90e";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path16:before {
  content: "\e90f";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path17:before {
  content: "\e910";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path18:before {
  content: "\e911";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path19:before {
  content: "\e912";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path20:before {
  content: "\e913";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path21:before {
  content: "\e914";
  color: #18bdf6;
  margin-left: -1em;
}
.icon-hook .path22:before {
  content: "\e915";
  color: #18bdf6;
  margin-left: -1em;
}