/* Service */
.hpservice {
    overflow: hidden;
  }
  .hpservice .thumb {
    position: relative;
  }
  .hpservice .thumb img {
    transition: all 300ms ease-in-out 0s; 
  }
  .hpservice .thumb a {
    display: block;
	color:#fff;
  }
  .hpservice .thumb a:hover {
    text-decoration: none;
  }
  .hpservice .thumb p {
    color: var(--hpservice-thumb-p-text-color);
  }
  .hpservice .thumb .hpservice-link {
    color: var(--text-color1);
    font-weight: 500;
  }
  .hpservice .thumb .hpservice-link:hover {
    color: var(--hpservice-link-text-color-hover);
  }
  .hpservice .thumb .title {
    font-family: var(--ff-robotocondensed);
    bottom: -75%;
    color: var(--hpservice-thumb-title-text-color);
    height: 100%; 
    padding: 10px 10px 10px 10px;
    position: absolute;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    background: var(--bg-color1);
  }
  .hpservice .thumb .title h3 {
    color: var(--hpservice-thumb-title-h3-text-color);
    margin: 0 0 10px 0;
	font-size:18px;
  }
  .hpservice .thumb .title i {
    margin-top: 8px;
  }
  .hpservice:hover .thumb .title {
    bottom: 0;
    opacity: 0.9;
    padding-top: 30px;
    background: var(--bg-color-hover2);
  }
  .hpservice:hover .thumb img {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  /* #Service */