.services.r2c3-detail .service-text {
  text-align: center;
}

.services.r2c3-detail {
  margin-top: max(3.5vw, 65px);
  margin-left: max(-7vw, -130px);
  margin-bottom: max(-7vw, -130px) !important;
  margin-right: max(-7vw,-130px);
  padding: min(7vw,130px);
  /*background-color: white;*/
}

.services.r2c3-detail .title {
  text-align: center;
}

.services.r2c3-detail .service {
  border-radius: 7px;
  padding: 5% 3.5%;
  display: flex;
  flex-direction: column;
}

.services.r2c3-detail .service:not(.empty) {
  border: 1px solid var(--clColorVeryLightGray);
}

.services.r2c3-detail .service:not(.empty):hover  {
  background-color: transparent;
  background-color: white;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transform: translateY(-10px);
  border: 1px solid var(--clColorLightGray);
}

.services.r2c3-detail .service:not(.empty):hover .service-text {
  /*color: white;*/
}

.services.r2c3-detail .service:not(.empty):hover .service-link.dark {
  /*background-color: var(--clColorLogoGreen);
  color: white*/
}

.services.r2c3-detail .service:not(.empty):hover .service-link.dark:hover {
  /*background-color: var(--clColorDarkGreen);*/
}

.services.r2c3-detail .service .service-text-container {
  flex-grow: 1;
  margin-bottom: min(3.5%, 35px);
}

.services.r2c3-detail .service-link img {
  /*transition: 300ms;  */
}

.services.r2c3-detail .service:not(.empty):hover .service-link {
  /*color: white;
  border: 1px solid white;*/
}

.services.r2c3-detail .service:not(.empty) .service-link.dark:hover {
  box-shadow: none;
}

.services.r2c3-detail .service-link.dark {
  padding: 11px 20px;
}

@media only screen and (max-width: 800px) {
  .services.r2c3-detail .service {
    width: 100%;
    padding: 7vw;
    margin: 0 7vw;
  }
  
  .services.r2c3-detail .service-text {
    text-align: center; 
  }
  
  .services.r2c3-detail .service.empty {
    display: none;
  }
  
  .services.r2c3-detail .service.first {
    margin-top: 0;
  }
  .services.r2c3-detail .service.last {
    margin-bottom: 0;
  }
  
  .services.r2c3-detail .title {
    margin: 7vw 0;
    padding: 0;
  }
}

@media only screen and (max-width: 600px) {
  .services.r2c3-detail {
    margin-top: 0;
  }
  
  .services.r2c3-detail .service {
    margin: 0;
  }
}