.allSection {
  text-align: center;
  margin-top: 5rem !important;

  padding-top: 1rem;
}


.grid {
  display: grid;
  grid-template-columns: 1fr 500px 1fr;
  grid-template-rows: 100px 200px;
  place-items: center;

}

.allSection i {
  margin-top: 2rem !important;
}

.allSection i:hover {
  color: rgb(63, 250, 251) !important;
}

.allSection a:hover {
  text-decoration: none !important;
  color: black !important;
}


/*---------- ------------------*/

.drop {
  animation: dropIn 1s ease forwards;
  animation-delay: calc(var(--order) * 125ms);
}

@keyframes dropIn {
  from {
    transform: translateY(500px);
  }

  to {
    transform: translateY(0);
  }


}






/*---------color Icon-------------*/

.allSection .fa-car {
  color: rgb(241, 120, 40);

}

.allSection .fa-building {

  color: rgb(15, 15, 196);
}

.fa-mobile-alt {

  color: palevioletred;
}

.fa-tv {

  color: rgb(172, 206, 94);
}

.fa-home {

  color: rgb(117, 117, 255);
}

.fa-couch {
  color: lightblue;

}

.fa-shopping-bag {

  color: darkcyan;
}

.fa-tshirt {
  color: rgb(37, 95, 95);

}

.fa-hamburger {
  color: rgb(230, 230, 77);

}

.allSection .fa-wrench {

  color: gray;
}

.fa-briefcase {

  color: orange;
}

.fa-search {

  color: peru;
}


/* -------@media---------  */

@media screen and (max-width: 800px) {

  .grid {
    display: grid;
    grid-template-columns: 2fr 100px 2fr;
    grid-template-rows: auto;
    place-items: center;

  }

  .allSection {
    text-align: center;
    margin-top: 5rem !important;
    padding-top: 1rem;
  }


}