/* General Styling */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  
  /* Coming Soon Page */
  .coming-soon {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  
  /* Overlay Box Styling */
  .overlay-box {
    background-color: rgba(0, 0, 0, 0.7); /* Black background with 70% opacity */
    color: #f0e8d2; /* Text color */
    border-radius: 8px; /* Optional: adds rounded corners */
    margin: 20px; /* Space between the box and the edges of the screen */
    max-width: 600px; /* Adjust width as needed */
    padding: 20px; /* Padding to create space between border and black overlay */
  }
  
  /* White Border Frame Inside Overlay */
  .overlay-box-inner {
    border: 2px solid #f0e8d2; /* White border color changed to #f0e8d2 */
    padding: 40px; /* Space inside the border for content */
    border-radius: 8px; /* Rounded corners for the inner box as well */
  }
  
  /* Logo Styling Inside Overlay Box */
  .logo {
    max-width: 225px; /* Increased size by 50% */
    height: auto;
    animation: blink 2s forwards; /* Blink once for 2 seconds */
  }
  
  /* Blink Animation */
  @keyframes blink {
    0%, 100% {
      opacity: 1; /* Fully visible */
    }
    50% {
      opacity: 0; /* Fully transparent */
    }
  }
  
  /* Desktop background image */
  @media (min-width: 768px) {
    .coming-soon {
      background-image: url('../images/hotel.jpg');
    }
  }
  
  /* Mobile background image */
  @media (max-width: 767.98px) {
    .coming-soon {
      background-image: url('../images/hotel.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
  }
  
  /* Typography */
  h1, h4 {
    color: #f0e8d2; /* Text color changed to #f0e8d2 */
  }
  
  .lead {
    color: #f0e8d2; /* Text color for the lead paragraph */
    font-size: 1.25rem; /* KAAFU GULHI size */
  }
  
  .small-text {
    font-size: 1rem; /* Smaller font size for the phone number */
    color: #f0e8d2; /* Ensure the color remains consistent */
  }