body {
       margin: 0;
       font-family: 'Roboto', sans-serif;
       overflow-x: hidden;
     }
     
     .hero-section {
       position: relative;
       height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #fff;
       text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
     }
     
     .bg-video {
      object-fit: cover;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: -1;
  }
  
     
     .hero-content {
       z-index: 1;
       animation: fadeIn 1.5s ease-in-out;
     }
     
     .btn-animated {
       display: inline-block;
       background-color: #000;
       color: #fff;
       border: none;
       padding: 0.8rem 1.5rem;
       font-size: 1.2rem;
       font-weight: 500;
       text-transform: uppercase;
       border-radius: 30px;
       transition: all 0.3s ease;
       box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
     }
     
     .btn-animated:hover {
       background-color: #fff;
       color: #000;
       transform: scale(1.1);
       box-shadow: 0px 6px 20px rgba(255, 255, 255, 0.5);
     }
     
     @keyframes fadeIn {
       from {
         opacity: 0;
         transform: translateY(20px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
       }
     }
     
     
     
     
     
     
     
             /* Navbar Styling */
             .navbar {
              background-color: rgb(0, 0, 255); /* Pure blue */
          }
          
     
             .navbar-brand img {
                 height: 40px;
                 width: auto;
             }
     
             .navbar-toggler {
                 border-color: white;
             }
     
             .navbar-nav .nav-link {
                 color: white !important;
                 font-weight: 500;
                 transition: color 0.3s ease;
             }
     
             .navbar-nav .nav-link:hover {
                 color: #FFC107 !important;
             }
     
             /* About Section Styling */
             .about-section img {
                 width: 100%;
                 height: auto;
                 border-radius: 10px;
                 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
             }
     
             .about-text {
                 padding-left: 30px;
                 padding-right: 30px;
                 font-size: 1.1rem;
                 color: #333;
             }
     
             .about-heading {
                 font-size: 2rem;
                 color: #FF6F00;
                 font-weight: 700;
                 text-align: center;
                 margin-bottom: 30px;
             }
     
             .about-paragraph {
                 line-height: 1.8;
                 font-size: 1.05rem;
             }
     
             /* Section Padding */
             .py-5 {
                 padding-top: 80px;
                 padding-bottom: 80px;
             }
     
             /* Footer Styling */
             footer {
                 background-color: #333;
                 color: white;
                 padding: 20px 0;
                 text-align: center;
             }
     
             footer a {
                 color: #FF6F00;
                 text-decoration: none;
             }
     
             footer a:hover {
                 text-decoration: underline;
             }
     
             /* Animation delay for elements */
             .fade-in-delay {
                 animation-delay: 0.5s;
             }
     
             .fade-in-delay-2 {
                 animation-delay: 1s;
             }
     
             @media (max-width: 768px) {
                 .about-section {
                     text-align: center;
                 }
     
                 .navbar-nav {
                     text-align: center;
                 }
     
                 .about-heading {
                     font-size: 1.5rem;
                 }
             }
     
     
     
     
     
     
     .electrolysis-section {
       background: rgb(253, 94, 83); /* Carrot and orange mix */
       background: linear-gradient(135deg, rgba(253, 94, 83, 1) 0%, rgba(252, 176, 69, 1) 100%);
     }
     
     .electrolysis-section h4 {
       font-size: 1.5rem;
       font-weight: 700;
       margin-bottom: 1rem;
     }
     
     .electrolysis-section ul {
       list-style-type: disc;
       padding-left: 1.5rem;
     }
     
     .electrolysis-section ul li {
       margin-bottom: 0.5rem;
     }
     
     .video-mobile {
       width: 100%;
       max-width: 300px;
       border: 5px solid #fff;
       border-radius: 10px;
       box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
     }
     
     
     
     
     
     
     .booking-section {
       background: rgb(50, 190, 255); /* Day and light blue mix */
       background: linear-gradient(135deg, rgba(50, 190, 255, 1) 0%, rgba(255, 183, 77, 1) 100%);
       border-radius: 10px;
     }
     
     .booking-section h2 {
       font-weight: 700;
       font-size: 2rem;
       margin-bottom: 1.5rem;
     }
     
     .booking-section .form-control {
       border: 2px solid #fff;
       border-radius: 8px;
       padding: 10px 15px;
       font-size: 1rem;
       color: #333;
     }
     
     .booking-section .form-control::placeholder {
       color: #888;
     }
     
     .booking-section .btn-whatsapp {
       background-color: #25D366;
       color: #fff;
       font-size: 1.2rem;
       font-weight: 700;
       border: none;
       padding: 10px 20px;
       border-radius: 8px;
       transition: background-color 0.3s, transform 0.2s;
     }
     
     .booking-section .btn-whatsapp:hover {
       background-color: #1DA851;
       transform: translateY(-2px);
       cursor: pointer;
     }
     
     .booking-section .btn-whatsapp:active {
       background-color: #128C7E;
       transform: scale(0.98);
     }
     
     
     
     
     
     .contact-section {
       background: linear-gradient(135deg, #ff7e5f, #feb47b);
       color: #fff;
       border-radius: 10px;
       padding: 40px;
     }
     
     .contact-section h2 {
       font-size: 2rem;
       font-weight: 700;
       margin-bottom: 1.5rem;
     }
     
     .map-container iframe {
       border-radius: 8px;
     }
     
     .contact-section p {
       font-size: 1.1rem;
       margin-bottom: 0.5rem;
     }
     
     .contact-section .rating {
       font-size: 1.2rem;
       font-weight: 600;
     }
     
     .contact-section .btn {
       padding: 12px 20px;
       font-size: 1.2rem;
       font-weight: 600;
       border-radius: 8px;
       border: none;
       transition: transform 0.3s, background-color 0.3s;
     }
     
     .contact-section .btn-call {
       background-color: #28a745;
       color: #fff;
     }
     
     .contact-section .btn-call:hover {
       background-color: #218838;
       transform: translateY(-2px);
     }
     
     .contact-section .btn-whatsapp {
       background-color: #25d366;
       color: #fff;
     }
     
     .contact-section .btn-whatsapp:hover {
       background-color: #1da851;
       transform: translateY(-2px);
     }