body {
        margin: 0;
        padding: 0;
        height: 100vh;
        font-family: 'Poppins', sans-serif;
        color: #fff;
        background: url('../images/solar2.jpg') no-repeat center center fixed;
        background-size: cover;
        position: relative;
		overflow: hidden;
      }

      /* Blurred overlay */
      body::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(0px);
        z-index: 1;
      }

      /* Company name styling */
      .company-name {
        position: absolute;
        top: 46px;
        left: 30px;
        z-index: 3;
        font-size: 1.2rem;
      }

      
      /* Navigation bar styling */
      .navbar {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 3;
        display: flex;
        gap: 20px;
      }

      .navbar a {
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
        position: relative;
        padding: 10px 15px;
      }

      /* Underline effect on hover */
      .navbar a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        background-color: #ff6f61;
        bottom: 0;
        left: 0;
        transition: width 0.3s ease;
      }

      .navbar a:hover::after {
        width: 100%;
      }

      .navbar a.active::after {
        width: 100%; /* Always underline the active link */
      }

      /* Main content styling */
      .content {
        z-index: 2;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
      }

      .content h1 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 20px;
        text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
      }

      .content p {
        font-size: 1.2rem;
        margin-bottom: 30px;
        color: #f0f0f0;
      }

      .countdown {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
      }

      .countdown div {
        margin: 0 15px;
        text-align: center;
      }

      .countdown h3 {
        font-size: 2.5rem;
        margin: 0;
        color: #ff6f61;
      }

      .countdown h4 {
        font-size: 1rem;
        color: #f0f0f0;
      }

      .newsletter-form {
        display: flex;
        max-width: 400px;
        width: 100%;
        margin-bottom: 20px;
      }

      .newsletter-form input[type="email"] {
        flex-grow: 1;
        padding: 10px;
        border-radius: 5px 0 0 5px;
        border: none;
        outline: none;
      }

      .newsletter-form input[type="submit"] {
        padding: 10px 20px;
        background-color: #ff6f61;
        border: none;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
      }

      .social-links a {
        margin: 0 10px;
        color: #fff;
        font-size: 24px;
      }

      .social-links {
        margin-top: 20px;
      }