  <style>
  /* Prevent loading screen from jumping */
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevent scrollbar from appearing briefly */
  }

  /* Customize your loading screen */
  #loading-screen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff; /* White page background */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    z-index: 9999; /* Keep loading screen on top */
    opacity: 1; /* Initially fully visible */
    transition: opacity 1s ease-out; /* Transition for fading out */
  }

  .loading-container {
    /* background-color:  #46B446; */
    background-color: #fff;
    width: 300px;
    height: 300px;
    /*width: 100%;
    height: 90%;*/
    padding: 20px 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Drop shadow on either side */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px; /* Rounded corners for a modern look */
  }

  .loading-logo {
    width: 150px; /* Adjust the width as needed */
    max-width: 100%; /* Prevents logo from overflowing */
    margin-bottom: 30px; /* Spacing between the logo and the spinner */
  }

  .spinner {
    width: 20px;
    height: 20px;
    border: 3px solid #ffffff; /* White border */
    border-top: 3px solid #46B446; /* Green border for spinner effect */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 30px;
  }

  .loading-text {
    color: #151515;
    font-weight: bold;
    font-size: 1.0rem;
    font-family: sans-serif;
  }

  .justonehome-text {
    /*color: #ffffff;*/
    color: #46B446;
    font-weight: bold;
    font-size: 2.0rem;
    font-family: sans-serif;
  }


  /* Keyframes for spinner animation */
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
</style>