.wrapper {
    max-width: 1320px;
    margin: 0 auto;
}


.btn-light:hover {
    color: #f8f9fa;
    background-color: #0d6efd;
    border-color: #f8f9fa;
}

@media (min-width: 992px) {
    .clip {
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        transition: clip-path 0.5s ease-in-out;
    }

    .clip:hover {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }


}


.gradient-background {
  background: linear-gradient(300deg,deepskyblue,darkviolet,blue);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

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