/*-------------------------------------------*/
/*-------------------------------------------*/
/*---------------BLOC ELEMENTS---------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
.service-heading{
  margin-bottom: 40px;
}
.services figure{
  padding-bottom: 50%;
  height:0;
  position:relative;
  margin:20px 0;
  width: 100%;
}
.services figure.content-icon{
  padding-bottom: 6rem;
}

.services figure i{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  font-size: 4rem;
  margin-top: -2rem;
  z-index: 2;
}
.services figure img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
  z-index: 2;
}
.services figure.noForm img{
  max-width: 100%;
  max-height: 80%;
  width: auto;
}
.services figure .svg-div{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  max-width:4rem;
  margin: auto;
  height: 4rem;
  margin-top: -2rem;
  z-index: 2;
}

.services .background-forme{
  width:50%;
  height:100%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  z-index:1;
}
.services .content-icon .background-forme{
  width:6rem;
  height:6rem;
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  z-index:1;
}
.services .background-forme.rond{
  border-radius:50%;
}

@media(max-width:768px){
  .services .background-forme{
    width:120px;
    height:120px;
  }
  .services figure{
    padding-bottom: 0;
    height:140px;
    position:relative;
    margin:20px 0;
  }
  .services .col-md-4{
    margin-bottom: 40px;
  }
}