@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  padding-top: 72px !important;
}

h1, h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
}

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.overlay-bg-gradient-black {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.85%, rgba(0, 0, 0, 0.9) 86.09%);
}

.overlay-bg-gradient-blue {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.92%, #091A70 95%);
}

.card-service {
  overflow: hidden;
  border-radius: 10px;
}

.card-service .card-content {
  bottom: 0;
}

.card-service:hover .overlay {
  background-color: #091a70b7;
  transition: all 0.3s ease;
}

.footer {
  background-color: #000;
}