.ev-section--3 {
  height: 260px;
  background-image: url("/public/assets/img/unibra-photos/campus-2--5.webp");
  background-position-y: 40%;
  width: 100%;
  background-size: cover;
  background-blend-mode: overlay;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
}
.ev-section--3 .breadcrumb .breadcrumb-item.active {
  --bs-breadcrumb-item-active-color: var(--bs-gray-300);
}

.ev-cursos-top-section {
  background-image: url("/public/assets/img/unibra-photos/campus-2--5.webp");
  background-position-y: 65%;
}

.ev-ena-top-section {
  background-image: url("/public/assets/img/unibra-photos/campus-2--6.webp");
  background-position-y: 35%;
}

.ev-tutoriais-top-section {
  background-image: url("/public/assets/img/unibra-photos/campus-2--7.webp");
  background-position-y: 45%;
}

.ev-faq-top-section {
  background-image: url("/public/assets/img/unibra-photos/campus-2--8.webp");
  background-position-y: 10%;
}

.ev-consulta-certificado-top-section {
  background-image: url("/public/assets/img/unibra-photos/campus-2--9.webp");
  background-position-y: 50%;
}

.ev-event-section {
  padding-top: 64px;
  position: relative;
}
.ev-event-section::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 0, rgba(0, 0, 0, 0.5) 100%);
}
.ev-event-section .ev-section-inner {
  padding: var(--ev-gutter-y) 0;
  position: relative;
  z-index: 2;
}
.ev-event-section .ev-event-cover-container {
  box-shadow: 0 4px 60px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
.ev-event-section .ev-event-cover-container .ev-event-cover {
  max-width: 100%;
  border-radius: 12px;
}
.ev-event-section .ev-section-title {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
}
.ev-event-section .ev-section-subtitle {
  margin-bottom: 0;
  color: var(--bs-gray-300);
}
.ev-event-section .breadcrumb .breadcrumb-item.active {
  --bs-breadcrumb-item-active-color: var(--bs-gray-300);
}

.ev-section--8 {
  position: relative;
  background-color: var(--ev-gray10);
}
.ev-section--8 .ev-section-gradient {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0px, transparent 100%);
  height: 232px;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.ev-section--8 .ev-section-gradient::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  height: 232px;
  width: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: linear-gradient(rgba(0, 0, 0, 0.3) 0px, rgb(18, 18, 18) 100%);
}

.ev-section--9::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 60%;
  background-image: url("/public/assets/img/unibra-photos/campus-2--3.webp");
  background-attachment: fixed;
  background-position-y: 40%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
}

.ev-unibra-group-section {
  margin-top: calc(-1 * (var(--ev-gutter-y) - 20px));
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .ev-section--3 {
    height: 340px;
  }
}
@media (min-width: 768px) {
  .ev-section--3 {
    height: 420px;
  }
}
@media (min-width: 992px) {
  .ev-section--3 .ev-section-title {
    margin-top: 64px;
  }
}
@media (min-width: 1200px) {
  .ev-section--3 {
    height: 500px;
  }
}