.clickable-box {
    margin : 40px auto; 
  }
  
  .clickable-nav {
    padding : 30px;
    background : #2d2f31; 
    color : white;
    font-size : 1.2em;
    cursor : pointer;
    display: block;
    border-radius: 10px;
    margin-top: 30px;
  }
  
  .clickable-nav::after {
    float: right;
    right: 10%;
    content: "+";
  }
  
  .slide {
    clear:both;
    width:100%;
    height:0px;
    overflow: hidden;
    text-align: left;
    transition: max-height 0.5s ease;
    background: #d9d9d9;
    padding: 0em 1.2em;
    margin-bottom: 30px;
  }
  
  
  #touch1,#touch2,#touch3,#touch4 {position: absolute; opacity: 0; height: 0px;}    
  
  #touch1:checked + .slide,#touch2:checked + .slide,#touch3:checked + .slide,#touch4:checked + .slide {height: auto;margin-top: -6px;padding-bottom: 30px;transition: max-height 0.5s ease;}
  .service-details-img img{
    height:auto;
    max-height: 400px;
    align-items: center;
  }
  .service-details-img{
    margin-bottom: 20px;
    text-align: center;
  }