/* Hamburger */
       .hamburger {
           display: none;
           flex-direction: column;
           cursor: pointer;
           gap: 5px;
           z-index: 1100;
       }
       .hamburger span {
           width: 25px;
           height: 3px;
           background-color: #fff;
           border-radius: 2px;
           transition: all 0.3s ease;
       }
       .hamburger.toggle span:nth-child(1) {
           transform: rotate(45deg) translate(5px, 5px);
       }
       .hamburger.toggle span:nth-child(2) {
           opacity: 0;
       }
       .hamburger.toggle span:nth-child(3) {
           transform: rotate(-45deg) translate(5px, -5px);
       }
  /* Responsive Design */
        @media (max-width: 768px) {
            .hero-section {
                flex-direction: column;
                text-align: center;
                padding: 40px 5%;
            }

            .hero-text h1 {
                font-size: 2rem;
            }

            .hero-text p {
                max-width: 100%;
            }

            .hero-img {
                margin-top: 20px;
            }

            .achivements {
                flex-direction: column;
                text-align: center;
            }

            .achivements h2 {
                text-align: center;
            }

            .services {
                flex-direction: column;
            }

            .right-div {
                max-width: 100%;
            }

            .quality-points {
                flex-direction: column;
                align-items: center;
            }

            .newsletter-container {
                flex-direction: column;
            }

            .footer-container {
                flex-direction: column;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .hamburger {
                display: flex;
            }

            .nav-links {
                position: absolute;
                top: 70px;
                left: 0;
                right: 0;
                background-color: #007bff;
                flex-direction: column;
                align-items: center;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }

            .nav-links li {
                margin: 15px 0;
            }

            .nav-links.active {
                max-height: 500px;
            }

            .username {
                display: none;
            }

            .hero-text h1 {
                font-size: 1.5rem;
            }

            .services-section h1 {
                font-size: 2rem;
            }

            .quality-description h2 {
                font-size: 1.8rem;
            }
        }