body{font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: white}header, footer{background-color: darkblue;color: white;text-align: center;padding: 15px}.container{display: flex;flex-direction: column}.sidebar{width: 100%;background-color: #f4f4f4;padding: 15px}.content{flex: 1;padding: 15px}.logo{width: 80px;border-radius: 15px;border: 3px solid transparent;padding: 5px;position: relative;box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 10px 10px 20px rgba(0, 0, 0, 0.3);filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.4))}.logo::before{content: '';position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.2);transform: translate(-50%, -50%) rotate(45deg);z-index: -1;border-radius: 8px;filter: blur(4px)}nav ul{list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0}nav ul li{margin: 0 15px}nav ul li a{color: white;text-decoration: none;padding: 8px 12px;border-radius: 6px;transition: all 0.3s ease;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)}nav ul li a:hover{background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);transform: translateY(-2px)}.phone-icon{font-size: 1.5em;color: #007BFF;text-decoration: none}.phone-icon:hover{color: #0056b3}nav ul li{margin: 0 15px}nav ul li a{color: white;text-decoration: none}footer{background-color: darkblue;color: white;text-align: center;padding: 10px;position: relative;bottom: 0;width: 100%;bottom: 0}header{display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);position: relative;z-index: 10}@media (min-width: 768px){.container{flex-direction: row}.sidebar{width: 200px}.content{flex: 1}}@media (max-width: 767px){header, footer{text-align: center}nav ul{justify-content: center}}@media (min-width: 1024px){main{max-width: 1200px;margin: 0 auto}}main{text-align: center;max-width: 600px;margin: 0 auto;padding: 20px}main h1{font-size: 2.5em;margin-bottom: 20px}label{font-size: 1.2em;display: block;margin: 10px 0 5px}input[type="text"], input[type="email"], input[type="tel"], textarea{width: 100%;padding: 10px;font-size: 1.2em;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 4px}textarea{height: 150px}button{background-color: #007BFF;color: white;padding: 10px 20px;font-size: 1.2em;border: none;border-radius: 4px;cursor: pointer}button:hover{background-color: #0056b3}.hero{background-image: url('./images/happy cleaning.jpeg');background-size: cover;background-position: center;text-align: center;padding: 50px 20px;color: white;position: relative}.hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 1}.hero h1, .hero p, .hero .cta-button{position: relative;z-index: 2}.cta-button{display: inline-block;padding: 15px 25px;background-color: darkblue;color: white;text-decoration: none;border-radius: 5px;margin-top: 20px}.services{margin: 40px 0;padding: 20px}.services h2{text-align: center;margin-bottom: 30px;font-size: 2.5rem;color: #333;grid-column: 1 / -1}.services .service-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px}.testimonials, .contact{margin: 40px 0}.service-item{text-align: center;padding: 20px;border-radius: 10px;background-color: #f9f9f9;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease}.service-item:hover{transform: translateY(-5px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15)}.service-item img{width: 100%;height: 200px;object-fit: cover;border-radius: 8px;margin-bottom: 15px}img{max-width: 100%;height: auto}main{padding: 20px}.service{background: white;border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);margin: 25px auto;max-width: 800px;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease}.service:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.1)}.service-image{width: 100%;height: 250px;object-fit: cover;display: block;border-radius: 0}.service h2, .service p{padding: 0 25px}.service h2{color: #007BFF;font-size: 1.8em;margin: 20px 0 15px 0;font-weight: 600}.service p{font-size: 1.1em;line-height: 1.6;color: #555;margin: 0 0 25px 0}blockquote{border-left: 4px solid darkblue;margin: 20px 0;padding-left: 10px}.contact{text-align: center}@media only screen and (max-width: 480px){.logo{width: 60px;padding: 3px}header{padding: 10px;flex-direction: column;gap: 10px}nav ul{flex-direction: column;gap: 5px;width: 100%}nav ul li{margin: 5px 0}nav ul li a{padding: 10px;display: block;text-align: center}.hero{padding: 30px 15px}.hero h1{font-size: 1.8rem}.services .service-grid{grid-template-columns: 1fr;gap: 15px}.service-item img{max-width: 100%;height: auto}.service{margin: 15px 10px;max-width: none}.service-image{height: 200px}.service h2, .service p{padding: 0 15px}main{max-width: 100%;padding: 10px}}@media only screen and (min-width: 481px) and (max-width: 767px){.logo{width: 70px}header{padding: 12px 15px}nav ul{flex-wrap: wrap;justify-content: center}.hero{padding: 40px 20px}.hero h1{font-size: 2rem}.services .service-grid{grid-template-columns: repeat(2, 1fr);gap: 20px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.logo{width: 75px}header{padding: 15px 25px}nav ul{flex-direction: row;flex-wrap: nowrap}.hero{padding: 60px 30px}.hero h1{font-size: 2.5rem}.services .service-grid{grid-template-columns: repeat(2, 1fr);gap: 25px}.services{max-width: 800px;margin: 0 auto}main{max-width: 900px}}@media only screen and (min-width: 1024px) and (max-width: 1439px){.logo{width: 80px}.hero{padding: 80px 40px}.hero h1{font-size: 3rem}.services .service-grid{grid-template-columns: repeat(4, 1fr);gap: 30px}.services{max-width: 1200px;margin: 0 auto}.service-item img{height: 150px}.service{display: flex;align-items: center;max-width: 1000px;margin: 30px auto;min-height: 250px}.service:nth-child(even){flex-direction: row-reverse}.service-image{width: 300px;height: 200px;object-fit: cover;flex-shrink: 0;margin: 0}.service-content{flex: 1;padding: 30px}.service h2, .service p{padding: 0}main{max-width: 1200px}}@media only screen and (min-width: 1440px){.logo{width: 90px}.hero{padding: 100px 50px}.hero h1{font-size: 3.5rem}.services .service-grid{grid-template-columns: repeat(4, 1fr);gap: 40px}.services{max-width: 1400px;margin: 0 auto}.service-item img{height: 140px}.service-image{max-width: 350px;height: 200px}main{max-width: 1400px}header{padding: 20px 50px}}*{box-sizing: border-box}body{margin: 0;padding: 0;overflow-x: hidden}.container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px}h1{font-size: clamp(1.8rem, 4vw, 3.5rem)}h2{font-size: clamp(1.5rem, 3vw, 2.5rem)}h3{font-size: clamp(1.2rem, 2.5vw, 1.8rem)}p{font-size: clamp(0.9rem, 2vw, 1.1rem)}.hero, .services, .testimonials, .contact{padding: clamp(20px, 5vw, 60px) clamp(15px, 3vw, 40px)}a, button{min-height: 44px;min-width: 44px;display: inline-flex;align-items: center;justify-content: center}html{scroll-behavior: smooth}a:focus, button:focus{outline: 2px solid #007BFF;outline-offset: 2px}.quote-intro{text-align: center;font-size: 1.1rem;color: #666;margin-bottom: 2rem;max-width: 600px;margin-left: auto;margin-right: auto}.quote-form{max-width: 600px;margin: 0 auto;background: white;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.form-group{margin-bottom: 1.5rem}.form-group label{display: block;margin-bottom: 0.5rem;font-weight: 600;color: #333}.form-group input, .form-group select, .form-group textarea{width: 100%;padding: 0.75rem;border: 2px solid #e1e5e9;border-radius: 5px;font-size: 1rem;transition: border-color 0.3s ease;font-family: inherit}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{outline: none;border-color: #007BFF;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1)}.form-group textarea{min-height: 120px;resize: vertical}.submit-btn{width: 100%;background: linear-gradient(135deg, #007BFF, #0056b3);color: white;padding: 1rem 2rem;border: none;border-radius: 5px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 1px}.submit-btn:hover{background: linear-gradient(135deg, #0056b3, #004085);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3)}.submit-btn:active{transform: translateY(0)}.confirmation-message{text-align: center;margin: 1.5rem 0;padding: 1rem;border-radius: 5px;font-weight: 600}.contact-info{text-align: center;margin-top: 3rem;padding: 1.5rem;background: #f8f9fa;border-radius: 10px;max-width: 500px;margin-left: auto;margin-right: auto}.contact-info h3{color: #333;margin-bottom: 1rem}.contact-info p{margin: 0.5rem 0}.contact-info a{color: #007BFF;text-decoration: none;font-weight: 600}.contact-info a:hover{text-decoration: underline}@media (max-width: 768px){.quote-form{margin: 0 1rem;padding: 1.5rem}.form-group input, .form-group select, .form-group textarea{font-size: 16px}}