/*

@mixin bg-wood() {
  background: url(../images/tmp/9gvh.jpg) center top repeat-y;
  background-size: 100% auto;
}
*/
.display-custom {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  line-height: 1.1;
  font-weight: 900;
  font-style: normal;
}

.bg-sand {
  background-image: url("https://busites_www.s3.amazonaws.com/mpactbeverage/careers/bg-sand.jpg");
  background-repeat: repeat;
  background-size: 20% 20%;
}

.bg-wood {
  background-image: url("https://busites_www.s3.amazonaws.com/mpactbeverage/careers/bg-wood.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.aspect-16by9 {
  aspect-ratio: 16/9;
  width: 100%;
  position: relative;
}

.hero-banner {
  position: relative;
  isolation: isolate;
  min-height: 75vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.hero-media {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.hero-video,
.hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.hero-content {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 8rem 0;
}

.hero-content h1 {
  color: #ffffff;
  margin-bottom: 1rem;
}

.hero-content .lead {
  color: #ffffff;
  font-size: 1.25rem;
}

.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.hero-buttons .btn {
  min-width: 180px;
}

@media (max-width: 991px) {
  .hero-banner {
    min-height: 60vh;
  }
  .hero-content {
    padding: 6rem 0;
  }
  .hero-content h1 {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .hero-banner {
    min-height: 50vh;
  }
  .hero-content {
    padding: 5rem 0;
  }
  .hero-content h1 {
    font-size: 2.25rem;
  }
  .hero-buttons {
    flex-direction: column;
  }
  .hero-buttons .btn {
    width: 100%;
  }
}
.gap-3 {
  gap: 1rem;
}

.promo-video-panel {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  height: 100%;
  border-radius: 2rem;
}

.promo-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.promo-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}

.promo-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  min-height: 500px;
  padding: 3rem;
}

.promo-lead {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.promo-title {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.promo-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10rem;
  height: 4px;
  background-color: #2a6688;
  transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.promo-column:hover .promo-title::after {
  width: 15rem;
}

.promo-column {
  text-align: center;
}

@media (max-width: 767.98px) {
  .promo-video-panel,
  .promo-content {
    min-height: 350px;
  }
}
.left-column blockquote {
  position: relative;
  margin-left: 1rem; /* mr-4 equivalent */
  padding-left: 1rem;
}

.left-column blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1rem; /* positions line between margin and text */
  width: 4px;
  background-color: #2a6688;
  border-radius: 2px;
}

.promo-icon {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}

.promo-card {
  border-radius: 2rem;
  border: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.35s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  transition: transform 0.35s ease, box-shadow 0.35s ease, -webkit-transform 0.35s ease;
}

.promo-card:hover {
  -webkit-transform: translateY(-6px) scale(1.02);
          transform: translateY(-6px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.08);
}

@media (hover: hover) {
  .promo-card:hover {
    -webkit-transform: translateY(-6px) scale(1.02);
            transform: translateY(-6px) scale(1.02);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.08);
  }
}
.sectionThreePromoTitle {
  letter-spacing: 3px;
}

.application-card {
  border-radius: 2rem;
  border: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.35s ease, -webkit-transform 0.35s ease;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  transition: transform 0.35s ease, box-shadow 0.35s ease, -webkit-transform 0.35s ease;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3d3dy93d3cubXBhY3RiZXZlcmFnZS5jb20ubGl2ZS81ODAyNzUvZnJvbnRlbmQvcnVudGltZS90aGVtZXMvbXBhY3QvYXNzZXRzL3N0eWxlc2hlZXRzL19taXhpbnMuc2NzcyIsImNhcmVlcnMuc2NzcyIsImNhcmVlcnMuY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vd3d3L3d3dy5tcGFjdGJldmVyYWdlLmNvbS5saXZlLzU4MDI3NS9mcm9udGVuZC9ydW50aW1lL3RoZW1lcy9tcGFjdC9hc3NldHMvc3R5bGVzaGVldHMvX3ZhcmlhYmxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDQTs7Ozs7O0VBQUE7QUNwQkE7RUFDRSxpQ0FBQTtFQUNBLDBCQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLG1CQUFBO0NDWEQ7O0FEa0JEO0VBQ0ksZ0dBQUE7RUFDQSwwQkFBQTtFQUNBLHlCQUFBO0NDZkg7O0FEa0JEO0VBQ0ksZ0dBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0NDZkg7O0FEdUJEO0VBQ0UsbUJBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7Q0NwQkQ7O0FEdUJEO0VBQ0ksbUJBQUE7RUFDQSxtQkFBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0Esb0JBQUE7Q0NwQkg7O0FEdUJEO0VBQ0ksbUJBQUE7RUFDQSxTQUFBO0VBQ0EsV0FBQTtFQUNBLGlCQUFBO0NDcEJIOztBRHVCRDs7RUFFSSxtQkFBQTtFQUNBLFNBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLHFCQUFBO0tBQUEsa0JBQUE7Q0NwQkg7O0FEdUJEO0VBQ0ksbUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0NBQUE7RUFDQSxXQUFBO0NDcEJIOztBRHVCRDtFQUNJLG1CQUFBO0VBQ0EsWUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtDQ3BCSDs7QUR1QkQ7RUFDSSxlQUFBO0VBQ0Esb0JBQUE7Q0NwQkg7O0FEdUJEO0VBQ0ksZUFBQTtFQUNBLG1CQUFBO0NDcEJIOztBRHVCRDtFQUNJLGNBQUE7RUFDQSxnQkFBQTtFQUNBLFVBQUE7Q0NwQkg7O0FEdUJEO0VBQ0ksaUJBQUE7Q0NwQkg7O0FEdUJEO0VBRUk7SUFDSSxpQkFBQTtHQ3JCTDtFRHdCQztJQUNJLGdCQUFBO0dDdEJMO0VEeUJDO0lBQ0ksZ0JBQUE7R0N2Qkw7Q0FDRjtBRDBCRDtFQUVJO0lBQ0ksaUJBQUE7R0N6Qkw7RUQ0QkM7SUFDSSxnQkFBQTtHQzFCTDtFRDZCQztJQUNJLG1CQUFBO0dDM0JMO0VEOEJDO0lBQ0ksdUJBQUE7R0M1Qkw7RUQrQkM7SUFDSSxZQUFBO0dDN0JMO0NBQ0Y7QURnQ0Q7RUFDSSxVQUFBO0NDOUJIOztBRHFDRDtFQUNJLG1CQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtFQUNBLGFBQUE7RUFDQSxvQkFBQTtDQ2xDSDs7QURxQ0Q7RUFDSSxtQkFBQTtFQUNBLFNBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLHFCQUFBO0tBQUEsa0JBQUE7Q0NsQ0g7O0FEcUNEO0VBQ0ksbUJBQUE7RUFDQSxTQUFBO0VBQ0EsK0JBQUE7Q0NsQ0g7O0FEcUNEO0VBQ0ksbUJBQUE7RUFDQSxXQUFBO0VBRUEsY0FBQTtFQUNBLHVCQUFBO0VBQ0Esd0JBQUE7RUFDQSxvQkFBQTtFQUVBLG1CQUFBO0VBQ0EsWUFBQTtFQUVBLGtCQUFBO0VBQ0EsY0FBQTtDQ3JDSDs7QUR3Q0Q7RUFDSSxvQkFBQTtFQUNBLDBCQUFBO0VBQ0Esb0JBQUE7Q0NyQ0g7O0FEd0NEO0VBQ0ksbUJBQUE7RUFDQSxzQkFBQTtFQUNBLHFCQUFBO0NDckNIOztBRHdDRDtFQUNJLFlBQUE7RUFDQSxtQkFBQTtFQUNBLFVBQUE7RUFDQSxVQUFBO0VBQ0Esb0NBQUE7VUFBQSw0QkFBQTtFQUNBLGFBQUE7RUFDQSxZQUFBO0VBQ0EsMEJFdkpZO0VGd0paLHNEQUFBO0NDckNIOztBRHdDRDtFQUNJLGFBQUE7Q0NyQ0g7O0FEd0NEO0VBQ0ksbUJBQUE7Q0NyQ0g7O0FEd0NEO0VBQ0k7O0lBRUksa0JBQUE7R0NyQ0w7Q0FDRjtBRHdDRDtFQUNJLG1CQUFBO0VBQ0Esa0JBQUEsQ0FBQSxxQkFBQTtFQUNBLG1CQUFBO0NDdENIOztBRHlDRDtFQUNJLFlBQUE7RUFDQSxtQkFBQTtFQUNBLE9BQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQSxDQUFBLDRDQUFBO0VBQ0EsV0FBQTtFQUNBLDBCRXZMWTtFRndMWixtQkFBQTtDQ3RDSDs7QUQ2Q0Q7RUFDSSxZQUFBO0VBQ0EsYUFBQTtFQUNBLHVCQUFBO0tBQUEsb0JBQUE7Q0MxQ0g7O0FENkNEO0VBQ0ksb0JBQUE7RUFDQSxVQUFBO0VBRUEsMEVBQ0k7RUFHSixnRUFDSTtFQURKLHdEQUNJO0VBREosc0ZBQ0k7Q0MvQ1A7O0FEbUREO0VBQ0ksZ0RBQUE7VUFBQSx3Q0FBQTtFQUVBLDRFQUNJO0NDbERQOztBRHNERDtFQUNJO0lBQ0ksZ0RBQUE7WUFBQSx3Q0FBQTtJQUVBLDRFQUNJO0dDckRUO0NBQ0Y7QUQ2REQ7RUFDSSxvQkFBQTtDQzNESDs7QURrRUQ7RUFDSSxvQkFBQTtFQUNBLFVBQUE7RUFFQSwwRUFDSTtFQUdKLGdFQUNJO0VBREosd0RBQ0k7RUFESixzRkFDSTtDQ3BFUCIsImZpbGUiOiJjYXJlZXJzLmNzcyJ9 */