.bg-shape {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-bottom: 160px;
  clip-path: polygon(0 calc(100% - 80px), 0 0, 100% 0, 100% calc(100% - 80px), 50% 100%);
  -webkit-clip-path: polygon(0 calc(100% - 80px), 0 0, 100% 0, 100% calc(100% - 80px), 50% 100%);
}

.bg-shape-hero {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  clip-path: polygon(0 calc(100% - 80px), 0 0, 100% 0, 100% calc(100% - 80px), 50% 100%);
  -webkit-clip-path: polygon(0 calc(100% - 80px), 0 0, 100% 0, 100% calc(100% - 80px), 50% 100%);
}

@media only screen and (max-width: 767px) {
  .bg-shape {
    padding-bottom: 150px !important;
  }
}
/*# sourceMappingURL=shape-3.css.map */