@import "../../var";
/*car-service-list:start*/
.car-service-list{
  padding-top: 20px;
  .container{
      padding-left: 0;
  }
}
.custom-card{
  background: $color_gainsboro;
  border-radius: 10px;
  width: 100%;
  margin-top: 9px;
}
.car-service-card{
  display: flex;   
  position: relative;
  figure{
    width: 136px;
    height: 100%;
    position: absolute;
    background: $anti_flash_white;
    left: 0;
    top: 0;
    .image-wrap{
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
  }
    img{
      vertical-align: middle;
          display: inline-block !important;
          height: 100%;
          max-width: 100%;
          object-fit: cover;
          width: 100%;
          max-height: 100%;
    }
  } 
  .description{
      padding: 10px;
      width: 100%;
      position: relative;
      padding-left: 150px;
      p{
          margin-top: 10px;
          font-size: $fs-14;
          line-height: 120%;
          font-weight: $fw-medium;
      }
      .car-model{
          font-size: $fs-18;
          text-transform: uppercase;
      }   
      .status{
        right: 10px;
        position: absolute;
        bottom: 10px;
      }     
  }
  &:first-child{
      margin-top: 0;
  }
}
/*car-service-list:end*/