.services-box-sec {
  padding: 100px 0px;
}

.services-sec-box {
  padding: 35px 30px 25px;
  background: #7b011d1a;
  text-align: center;
  transition: all ease 0.3s;
  margin-bottom: 20px;
  cursor: pointer;
  height: 260px;
}

.services-sec-box:hover {
  transform: translateY(-10px);
  background: var(--theme-gradient);
}

.services-sec-box:hover h4 {
  color: var(--white-color);
}

.services-sec-box:hover p {
  color: var(--white-color);
}

.services-sec-box:hover img {
  filter: brightness(0) invert(1);
}

.services-sec-box h4 {
  margin: 15px 0px 20px;
  font-size: 20px;
  font-weight: 500;
  color: var(--black-color);
}

.services-sec-box p {
  font-size: 14px;
}

.services-box-sec a {
  text-decoration: none;
}

.services-box-content {
  margin-bottom: 50px;
}

@media (max-width: 1366px) {
  .services-sec-box {
    padding: 35px 14px 19px;
  }
}