@charset "utf-8";
/* CSS Document */
.headings-7 {
    background: linear-gradient(rgba(236, 118, 37, 0.7), rgba(32, 51, 100, 0.7)), url('/images/hero.jpg') no-repeat center center !important;
    background-size: cover !important;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    margin: 0;
    padding: 0;
}

    .notification {
      position: fixed;
      top: 25%;
      left: 50%;
      transform: translateX(-50%);
      padding: 15px;
      border-radius: 5px;
      color: #fff;
      background-color: #007bff;
      z-index: 1051;
      opacity: 0;
      animation: fadeIn 0.5s forwards, fadeOut 0.5s 3s forwards;
    }
    .notification.error { background-color: #dc3545; }
    .notification.success { background-color: #28a745; }
    .notification.info { background-color: #28a745; }
    .notification.danger { background-color: #dc3545; }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes fadeOut {
      from { opacity: 1; }
      to { opacity: 0; }
    }