html {
  font-size: 10px;
}

@media (max-width: 1550px) {
  html {
    font-size: 7px;
  }
}
#upComingEvents .modal-dialog {
  max-width: 410px;
}
#upComingEvents .modal-dialog img {
  max-width: 100%;
}

#upComingEvents .modal-header {
  padding: 0;
  margin: 0;
  border: 0;
}

#upComingEvents .btn-close {
  background-color: #fff;
  position: absolute;
  top: -5px;
  left: auto;
  right: -5px;
  z-index: 100;
  opacity: 1;
}

.modal-content .btn-close {
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 5rem;
  padding: 0;
  width: 5rem;
}

.modal-body {
  background-color: #fff;
  border: none;
}

.modal-content {
  border: none;
  border-radius: 4rem;
  padding: 3rem;
}

#upComingEvents .modal-content {
  padding: 0;
}/*# sourceMappingURL=pop-up.css.map */