.un_branner {
  position: relative;
  background: linear-gradient(
      0deg,
      rgba(41, 41, 41, 0.2) 0%,
      rgba(41, 41, 41, 0.2) 100%
    ),
    url("/assets/images/dregree/bachelorBanner.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.un_section_title_bachelor {
  position: relative;
  top: -70px;
}

.un_pre_degree {
  height: 144px;
  border-radius: 120px;
  background: #fff;
  padding: 30px 45px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.un_dregee_card {
  height: 220px !important;
  border-radius: 12px;
  border: none;
}

.un_dregee_card img {
  height: 100%;
  object-fit: cover;
  filter: brightness(0.4);
}

.un_title_bachelor {
  font-size: 32px !important;
}

@media only screen and (max-width: 1400px) and (min-width: 768px) {
  .un_title_bachelor {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .un_pre_degree {
    height: 250px !important;
    padding: 0;
    border-radius: 0px;
  }

  .un_title_degree {
    height: 175px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  .un_title_bachelor {
    font-size: 20px !important;
  }

  .un_section_title_bachelor {
    position: initial;
    padding: 0 !important;
  }
}