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

.services.r2c3.home.type-1 {
  margin-top: -150px;
  position: relative;
  z-index: 1;

}

.services.r2c3.home.type-2 .services-row.row-1 {
  margin-top: 3.5%;
}

.services.r2c3.home {
  overflow: visible;
}

.services.r2c3 .service {
  color: var(--clColorBlack);
}

.services.r2c3 .service:not(.empty) {
  height: 180px;
  position: relative;
}

.services.r2c3 .service-image img {
  border-radius: 100%;
}

.services.r2c3 .service:not(.empty):hover .service-text-container {
  scale: 1.1;  
  border: 1px solid #DFDFDF;
}

.services.r2c3 .service:not(.empty):hover .service-image {
  scale: 1.2;
}

.services.r2c3 .service:not(.empty) .service-image {
  z-index: 99;
  padding: 0 40px;
}

.services.r2c3 .service:not(.empty):hover .service-text-container:after {
  content: '';
  height: 110px;
  width: 102%;
  position: absolute;
  bottom: -110px;
  left: -1%;
}

.services.r2c3 .service:not(.empty) .service-image, .services.r2c3 .service:not(.empty) .service-text-container {
  position: absolute;
  width: calc(100% - 80px);
  transition: 300ms;
}

.services.r2c3 .service:not(.empty) .service-text-container {
  top: 65px;
  margin-top: 15px;
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 20px 40px 40px 40px;
}

.services.r2c3 .service:not(.empty):hover .service-text-container {
  background-color: white;
}

.services.r2c3 .service:not(.empty):hover .service-text {
  opacity: 1;
}

.services.r2c3 .service:not(.empty):hover .service-text-container, .services.r2c3 .service:not(.empty):hover .service-image {
  transform: translateY(-100px);
}

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

.services.r2c3 .highlighted {
  padding-bottom: 5%;
  font-size: var(--clFontSizeSmallPlus);
  font-weight: 600;
}

.services.r2c3 .text {
  padding-bottom: 3.5%;
}

.services.r2c3 .row-2 .service {
  width: 100%;
}

.services.r2c3 .service:not(.empty) .service-title {
  color: var(--clColorGray);
}

.services.r2c3 .service-title {
  font-size: var(--clFontSizeMedium);
  text-align: center;
}

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

@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1024px) {
  .services.r2c3 .service {
    padding: 2.5vw;
  }
}

@media only screen and (max-width: 900px) {
  .services.r2c3 .service {
    width: 100%;
    margin-left: 12vw;
    margin-right: 12vw;
    margin-bottom: 7vw;
    padding: 7%;
  }
  
  .services.r2c3 .service.empty {
    display: none;
  }
  
  .services.r2c3 .service-text {
    text-align: center; 
  }
  
  .services.r2c3 .services-row {
    flex-wrap: wrap;
  }
  
  .services.r2c3 .highlighted {
    padding-bottom: 7%;
  }
}

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

@media only screen and (max-width: 600px) {
  .services.r2c3 .service {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}

@media only screen and (max-width: 500px) {}
@media only screen and (max-width: 400px) {}
@media only screen and (max-width: 350px) {}