/* Hero Banner */
.hero-banner {
  height: 20vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url("../../images/servizi.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-banner .hero-heading {
  color: var(--white);
}

.autoscuola {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url("../../images/ser_autoscuola.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services .services-card-list .single-service-card {
  width: 420px;
  height: 440px;
}

.services .services-card-list .single-service-card h2 {
  margin-top: 40px !important
}

.services .services-card-list .single-service-card h2::before {
  font-size: 90px;
}

.services .services-card-list #simulazione .services-list, .services .services-card-list #calcolo-bollo .services-list {
  height: 60%;
  justify-content: space-between;
}

.services .services-card-list #calcolo-bollo .services-list {
  height: 68%;
}

.services .services-card-list .single-service-card .service-button {
  width: 100%;
}

.services .services-card-list .single-service-card .btn-more {
  width: calc(100% / 2.05);
  position: static !important;
  padding: 8px 25px !important;
  text-align: center;
}

.services .services-card-list #calcolo-bollo .btn-more {
  width: 60%
}

.services .services-card-list .single-service-card:nth-child(1) h2::before {
  content: '01';
}

.services .services-card-list .single-service-card:nth-child(2) h2::before {
  content: '02';
}

.services .services-card-list .single-service-card:nth-child(3) h2::before {
  content: '03';
}

.services .services-card-list .single-service-card:nth-child(4) h2::before {
  content: '04';
}

.services .services-card-list .single-service-card:nth-child(5) h2::before {
  content: '05';
}

.services .services-card-list .single-service-card:nth-child(6) h2::before {
  content: '06';
}

.services .services-card-list .single-service-card:nth-child(7) h2::before {
  content: '07';
}

.services .services-card-list .single-service-card:nth-child(8) h2::before {
  content: '08';
}

@media only screen and (min-width: 1400px) {
  .services .services-card-list {
    justify-content: flex-start;
  }

  .services .services-card-list .single-service-card:nth-child(2), .single-service-card:nth-child(5) {
    margin-left: auto;
    margin-right: auto;
  }

  .services .services-card-list .single-service-card:nth-child(8) {
    margin-left: 18px;
  }
}

@media only screen and (min-width: 1199px) and (max-width: 1399px) {
  .services .services-card-list .single-service-card {
    width: calc(100% / 3.05);
  }

  .services .services-card-list .single-service-card:nth-child(2), .single-service-card:nth-child(5) {
    margin-left: auto;
    margin-right: auto;
  }

  .services .services-card-list .single-service-card:nth-child(8) {
    margin-left: 9px;
  }
}

@media only screen and (max-width: 1199px) {
  .services .services-card-list .single-service-card {
    width: calc(100% / 2.05);
  }

  .services .services-card-list {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 991px) {
  .services .services-card-list .single-service-card {
    width: 100%;
  }

  .services .services-card-list .single-service-card h2 {
    margin-top: 70px !important
  }
}

@media only screen and (max-width: 576px) {
  .services .services-card-list .single-service-card {
    height: auto
  }

  .services .services-card-list .single-service-card h2 {
    margin-top: 0px !important
  }

  .services .services-card-list .single-service-card h2::before {
    display: none
  }

  .services .services-card-list .single-service-card .service-item img {
    display: none !important
  }

  .services .services-card-list .single-service-card .service-item h5 {
    margin-left: 0 !important
  }

  .services .services-card-list .single-service-card .service-button {
    flex-direction: column;
  }

  .services .services-card-list .single-service-card .service-button .btn-more {
    width: 100%
  }

  .services .services-card-list .single-service-card:last-child {
    margin-top: 0
  }

  .services .services-card-list #calcolo-bollo .btn-more {
    width: 100%
  }

  .services .services-card-list .single-service-card .service-button .btn-more:first-child {
    margin-bottom: 5px
  }
}