.gradient-1 {
  background: linear-gradient(288deg, rgba(255, 255, 255, 0) 28%, #03b4ce 62%, #03b4ce 45%, #03b4ce 100%); }

.gradient-2 {
  background: linear-gradient(108deg, rgba(3, 180, 206, 0) 15%, rgba(3, 180, 206, 0.6) 42%, #03b4ce 100%); }

.gradient-3 {
  background: linear-gradient(270deg, rgba(3, 180, 206, 0) 15%, rgba(3, 180, 206, 0.6) 42%, #202549 100%); }

.bg-blue-poly {
  position: relative;
  width: 300px;
  height: 150px;
  margin-top: 85px; }

.bg-blue-poly::before {
  content: '';
  position: absolute;
  top: 0;
  left: -40px;
  width: calc(100% + 42px);
  height: 100%;
  background-color: #03B4CE;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
  z-index: -1; }

@media screen and (max-width: 768px) {
  .gradient-2 {
    background: linear-gradient(to right, rgba(3, 180, 206, 0.5), #03b4ce); }

  .bg-blue-poly {
    width: auto;
    height: auto;
    margin: auto; }

  .bg-blue-poly::before {
    position: relative;
    background-color: none;
    z-index: -1; } }