.gradient-background {
  background: linear-gradient(300deg, white, lightgrey, grey, rgb(29, 29, 29));
  background-size: 180% 180%
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}

.container.marketing {
  margin-top: 70px; /* Adjust this value to match the navbar height */
}

  /* Change the color of mm and price boxes */
  .custom-background {
    background-color: grey; 
    border-color: #ced4da; 
  }

  .custom-header {
      background: #C0C0C0;
      padding: 10px 20px;
      border-bottom: 1px solid #ddd;
      text-align: center;
    }

    .custom-header a {
      text-decoration: none;
      color: black;
      background-color: white;
      padding: 3px 8px;
      border-radius: 5px;
      outline: 1px solid black;
    }

    .custom-header a:hover {
      color: #C0C0C0;
      text-decoration: none;
    }