/* Grid System Start*/
.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.32%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;


}

/* Grid System End */

.skills-sec {
  width: 100%;
  height: 100%;
  background-color: #262626;
}

.center-text h2 {
  text-align: center;
  padding: 60px 0px;
  font-size: 35px;
  font-weight: 900;
  color: #57b0e3;
}

.row {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  margin: 0 auto;
  border: 1px solid #262626;
}

.row img {
  border-radius: 15px;
  cursor: pointer;
  transition: all 1s;
}

.row img:hover {
  border: 2px solid #57b0e3;
  transition: all 1s;

}