.services-variant-v17 .service-widget {
  display: block;
  width: 100%;
}
.services-variant-v17 .service-widget-holder .service-widget{
  color: #000
}
.services-variant-v17 .service-widget-holder {
  background: #fff;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 20px;
  transition: 0.4s;
  border: 4px solid  #E5D9C6;
}
.services-variant-v17 .service-widget-holder .service-info-holder{
  padding:0px  36px 24px 36px;
}
.services-variant-v17 .service-widget-holder .service-title {

  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 12px;
  margin-bottom: 32px;
  transition: 0.4s;
}
.services-variant-v17 .service-widget-holder:hover .service-title {
  border-bottom: 1px solid #303F7F;
  box-shadow: 0 3px 0 0 #303F7F;
}

.services-variant-v17 .service-widget-holder:hover{
border: 4px solid #385744;

}
.services-variant-v17 .service-widget-holder .service-widget .service-img-holder{
  height: 255px;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: white;
}
.services-variant-v17 .service-widget-holder .service-widget .service-img-holder img {
height: 100%;
min-width: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
transition: transform .4s ease-out;
}
.services-variant-v17 .service-widget-holder .service-widget .service-img-holder {
  transition: transform .4s ease-out;
}
.services-variant-v17 .service-widget-holder .service-widget:hover .service-img-holder img{
  transform: scale(1.03);
}

.service-widget-holder {
  max-width: 360px;
  margin: 0 auto;
}

@media (min-width: 768px) {

  .service-widget-holder {
    max-width: 100%;
    min-width: 100%;
    margin: 0;
  }
  .services-variant-v17 .service-widget-holder .service-title {
    width: 100%;
    min-height: 105px;
    padding-bottom: 0;
    
  }

}