/*--------------------------------------------------------------
# Services Blocks // All Under Block
--------------------------------------------------------------*/
.services {
  padding: 4rem 0;
  display: grid;
  grid-row-gap: 3rem;
  grid-column-gap: 3rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 350px));
  justify-content: center; }
  .services .service-block {
    background-color: #1f1d25; }
    .services .service-block .services-card {
      display: grid;
      grid-template-rows: auto 1fr;
      -webkit-text-decoration: none;
      text-decoration: none;
      border-radius: 1px;
      overflow: hidden;
      transition-duration: 0.5s;
      transition-property: color;
      z-index: 1; }
      .services .service-block .services-card h3 {
        transition-property: color;
        transition-duration: 1s;
        font-size: 2.6rem;
        font-weight: 400; }
      .services .service-block .services-card p {
        opacity: 0.75; }
      .services .service-block .services-card:hover h3 {
        color: #e30813; }
      .services .service-block .services-card:hover p {
        opacity: 1; }
      .services .service-block .services-card:hover .services-image {
        transform: scale3d(1.1, 1.1, 1); }
      .services .service-block .services-card .services-image {
        z-index: 1;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        padding-bottom: 70.0280112%;
        transition-duration: 4s;
        transition-timing-function: ease-out;
        transition-property: transform;
        transform-origin: center center;
        height: 200px; }
      .services .service-block .services-card .services-info {
        display: block;
        background: #1f1d25;
        color: #fff;
        padding: 3rem;
        padding-bottom: 1.5rem;
        z-index: 2; }
  .services.alignfull {
    padding: 4rem 5%; }

/*# sourceMappingURL=services-card.css.map */