@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');

.services-main {
  background-color: #FFF;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  position: relative;
}

.services-content {
  display: flex;
  flex-wrap: wrap;
  width:75%;
  margin: auto;
  align-items: center;
  align-content: center;
}

.services-content .services-test {
  display: flex;
  flex: 1 0 30%;
  margin: 10px;
  align-self: stretch;
}

.services-content .services-test a {
  display: flex;
  flex: 1 0 49%;
  color:#000;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 1.12rem;
  border-radius: 25px;
  box-sizing: border-box;
  flex-wrap: wrap;
  background-color: #e0e0e0;
  border-radius: 25px;
  padding: 30px 15px;
  height:100%;
  text-align: center;
  justify-content: center;
}

.services-content .services-test a:hover {
  color:#FFF;
  background-color:#CE271B;
}

.services-content .services-test a:hover .services-box .services-icon {
  fill:#FFFFFF !important;
}

.services-box {
  display: grid;
  grid-template-rows: min-content;
  align-items: center;
  height: 100%;
  width: 100%;
}

.services-icon {
  display: block;
  fill:#CE271B;
  width: 3em;
  height: 3em;
  margin: auto;
  padding: 10px;
}

.services-name {
  display: block;
  padding: 10px;
}

@media (max-width:767px) {

  .services-cta .services-cta-form {
    width: 100%;
  }

  .services-cta .services-cta-row {
    flex-wrap: wrap;
  }
  .services-content .services-test {
    flex: 1 0 100%;
}