@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* * {
  box-sizing: border-box;
} */

body {
  font-family: 'Poppins', sans-serif;
  
  margin: 0;
}

.navbar-brand img {
  height: 80px;
  width: auto;
}

.services .card {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.services .card:hover {
  background-color: rgba(0, 0, 0, 0.33);
  color: #fff;
  transition: all 0.3s ease-in-out;
}

iframe {
  height: auto;
  width: 400px;
  object-fit: contain;
  margin: auto;
}

@media  (max-width:600px) {
  iframe {
    height: auto;
  width: 300px;
  }
}