.tc-serices-wrapper {
   color: #fff;
   display: grid;
   grid-template-columns: 1fr;
   grid-gap: 1rem;
   align-items: stretch;

   padding: 0 1rem;
   font-family: 'Work Sans';
}

.tc-serices-wrapper .tc-services-item {
   position: relative;
   background: #1A1A1A;
   padding: 2.5rem;
   font-size: 1.1rem;
}

.tc-serices-wrapper .tc-services-item ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* .tc-serices-wrapper .tc-services-item ul li {
   font-size: 1.3rem;
} */

.tc-serices-wrapper .tc-services-item ul li {
   display: flex;
   gap: 10px;
   padding: .7rem 0;
}

.tc-serices-wrapper .tc-services-item ul li:not(:last-child) {
   /* margin-bottom: .4rem; */
   border-bottom: 1px solid #656565;
}


.tc-serices-wrapper .tc-services-item::before, 
.tc-serices-wrapper .tc-services-item::after {
   content: '';
   position: absolute;
   height: 50%;
   width: 2rem;
   background: #333333;
   z-index: 1;
}

.tc-serices-wrapper .tc-services-item::before {
   top: -3rem;
   left: -1rem;
}

.tc-serices-wrapper .tc-services-item::after {
   bottom: -3rem;
   right: -1rem;
}

.tc-serices-wrapper > .tc-services-item:nth-child(2)::before,
.tc-serices-wrapper > .tc-services-item:nth-child(2)::after {
   display: none;
}

.tc-serices-wrapper  .tc-services-item-title {
   font-size: 2rem;
   font-weight: 500;
   margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
   .tc-serices-wrapper {
      grid-template-columns: 1fr;
      grid-gap: 1rem;
   }
}

@media screen and (min-width: 1024px) {
   .tc-serices-wrapper {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 2rem;
   }

   /* .tc-serices-wrapper > .tc-services-item:nth-child(odd) {
      transform: translateY(1.5rem);
   } */
    
}

@media screen and (min-width: 1180px) {
    .tc-serices-wrapper  .tc-services-item-title {
      font-size: 2.3rem;
      max-width: 200px;
   }

  

   .tc-serices-wrapper .tc-services-item {
      font-size: 1.2rem;
   }
}

@media screen and (min-width: 1280px) {
   .tc-serices-wrapper {
      grid-gap: 4rem;
      padding: 0 3rem;
   }

    .tc-serices-wrapper .tc-services-item::before {
      top: -3rem;
      left: -3rem;
   }

   .tc-serices-wrapper .tc-services-item::after {
      bottom: -3rem;
      right: -3rem;
   }
}