.services {
  padding: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .main {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 30px;
    justify-content: center;

    div {
      max-width: 19vw;
      min-width: 250px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      
      border: 2px solid #eaeaea5a;
      border-radius: 15px;
      padding: 30px;

      i {
        font-size: 80px;
        padding: 20px;
        color: #ff6100;
        transition: all 0.3s ease-in-out;
      }
      h3 {
        font-weight: 1000;
        color: #ff6100;
        font-size: medium;
      }
      p {
        color: #9f9f9f;
        text-align: center;
        width: 70%;
        font-size: small;
      }
    }

    div:hover {
      i {
        transform: scale(1.1) rotate(5deg);
      }
    }
  }
}