services.css

.body-service {
  display: flex;
  flex-direction: column;
}
.services-header {
  background-color: transparent;
}
.videoBanner {
  width: 100%;
  height: 45vh;
  border-bottom: 2px var(--pink) solid;
}
.inner-box {
  background-color: rgb(174, 245, 248);
  border: 3px var(--pink) solid;
  padding: 2rem 4rem;
  font-family: "Geo";
  font-size: 2rem !important;
  color: rgb(5, 5, 5);
}
.inner-box:first-child {
  background-color: rgb(251, 180, 248);
}
.inner-box:nth-child(2) {
  background-color: rgb(180, 245, 251);
}
.title-services {
  margin-top: 5%;
  font-size: 3rem;
  font-family: "Geo" !important;
  display: flex;
  width: 100%;
  height: 50%;
  justify-content: center;
  align-items: center;

  flex-direction: column;
}

.pink-btn {
  background-color: var(--pink) !important;
}

.pink-btn:hover {
  background-color: var(--cyan) !important;
}