.services {
    padding-top: 10px;
}

.services.section {
  width: 100%;
  -webkit-box-shadow: 0px -15px 10px -15px rgba(254, 196, 1, 0);
  box-shadow: 0px -15px 10px -15px rgba(254, 196, 1, 0);
  
}

.services .service-item {
  transition: all 0.4s;
}

.services .service-item:hover .icon {
  background-color: rgba(254, 196, 1, 0.9);
}

.services .service-item:hover .main-content {
  border-left: solid 6px var(--primaryYellow);
  border-right: solid 6px var(--primaryYellow);
  background-color: rgba(254, 196, 1, 0.25);
}

.services .service-item:hover .main-content p{
  color: var(--black);
}

.services .service-item:hover .main-button a {
  color: var(--primaryYellow);
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 15px rgba(254, 196, 1, 0.5);
  box-shadow: 0px 0px 15px rgba(254, 196, 1, 0.5);
}

.services .service-item:hover .main-button a:hover {
  background-color: #fff;
  border-left: solid 6px var(--primaryYellow);
  border-right: solid 6px var(--primaryYellow);
}