/* [project]/src/components/Generic/Venue/banner.css [app-client] (css) */
.clip-diagonal-left {
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
  background-color: #fff;
}

.bg-dubai {
  background-size: cover;
  height: 70vh;
  position: relative;
}

.bg-dubai:before {
  content: "";
  clip-path: polygon(0 0, 99% 0, 70% 100%, 0% 100%);
  background-color: #00a3e0;
  width: 51%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-dubai:after {
  content: "";
  clip-path: polygon(0 0, 99% 0, 0% 100%, 0% 100%);
  background-color: #00a3e0;
  width: 100px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-dubai {
  background: url("https://health-conference-new.s3.amazonaws.com/health-next-js/images/venue-dubai.jpeg") 100% / cover no-repeat;
  height: 70vh;
  position: relative;
}

.custom-gradient-text {
  background: linear-gradient(90deg, #00a3e0 0%, #002a3a 100%);
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0);
  -webkit-background-clip: text;
  background-clip: text;
}

.custom-gradient-staff-bg {
  background: linear-gradient(120deg, #00a3e0, rgba(0, 0, 0, 0) 31%);
}

@media (max-width: 1024px) {
  .clip-diagonal-left {
    clip-path: polygon(0 0, 100% 0, 100% 110%, 0% 108%);
  }
}

/*# sourceMappingURL=src_components_Generic_Venue_banner_c4e08fdb.css.map*/