:root {
  --bs-font-family-heading: 'Outfit', sans-serif;
}

.bg-gradient-body:before {
  content: "";
  -webkit-mask-image: linear-gradient(to top, transparent, #000 80%, #000);
  mask-image: linear-gradient(to top, transparent, #000 80%, #000);
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 3300px;
  max-height: 100%;
  background: linear-gradient(112deg, transparent, rgba(38, 84, 55, 1) 25%, rgba(38, 84, 55, 1) 40%, rgb(38,84,55) 59%, rgba(11, 12, 13, 1) 72%, transparent 100%),rgba(11, 12, 13, 1);
  background: linear-gradient(112deg, #1b1c1e 35%, rgba(38, 84, 55, 1) 52%, rgba(38, 84, 55, 1) 53%, rgb(38,84,55) 56%, rgba(11, 12, 13, 1) 67%, transparent 100%),rgba(11, 12, 13, 1);
  background-size: 200% 3300px;
  background-position: top right;
  background-repeat: no-repeat;
}

.bg-image-body {
  background-image: url("../../assets/img/Break%20in%20the%20Storm1.jpg?h=8fd3209c174fd301b23c670b3b0cb503");
  background-size: cover;
}

header {
}