@media only screen and (min-width: 1850px) {
  /* body{
    background-color: rgb(28, 0, 60);
  } */
    .services .cards {
        max-width: 2500px;
        justify-self: center;
        align-self: center;
      }
      .services .cards .card {
        width: 400px !important;
        height: 470px;
        background: linear-gradient(
          180deg,
          var(--services-card-first-color),
          var(--services-card-second-color)
        );
        border: 1px solid var(--services-card-border-color);
        transition: all 0.5s ease;
        display: inline-flex;
      }
     
}




.services .cards {
    margin: 80px 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  

  
  .services .cards .card {
    width: 300px;
    height: 400px;
    background: linear-gradient(
      180deg,
      var(--services-card-first-color),
      var(--services-card-second-color)
    );
    border: 1px solid var(--services-card-border-color);
    transition: all 0.5s ease;
    display: flex;
    flex: 1 1 auto;
  }
  
  .services .cards .card:hover {
    background: linear-gradient(
      180deg,
      var(--services-card-first-color-hover),
      var(--services-card-second-color-hover)
    );
    transition: all 0.5s ease;
    scale: 100%;
  }
  
  .services .cards .card .icon {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    width: 90px;
    height: 90px;
  }

/* # Tablets Styles Size  200% */
@media only screen and (max-width: 768px) {
  .services .cards {
    gap: 75px;
  }

  .cards .card {
    width: 100px;
    flex-grow: 0 !important;
  }


  .services .cards .card .icon {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    width: 75px;
    height: 75px;
  }

  .services .cards .card .icon img {
    width: 50px;
  }
}

  /* # Tablets Styles Size  200% */
@media only screen and (max-width: 600px) { 
    .services .cards {
        margin: 40px;
        column-gap: 200px;
        row-gap: 50px;
      }


      .services .cards .card .icon {
        width: 100px;
        height: 100px;
      }
}