*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-container{background:url(/assets/DIY-Household-Solar-Power-System-4-Things-To-Know-2-scaled-DN4O5VD3.webp);background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;height:100vh;width:100%}.hero-container:before{content:"";top:0;left:0;width:100%;height:100vh;position:absolute;background-color:#000;opacity:.3}.hero{margin-top:15%;margin-left:15%;position:relative}.hero h1{font-size:3rem;color:#fff}.hero p{color:#fff;width:30rem;font-size:1rem}.hero .buttons{margin-top:1rem;display:flex;gap:1.5rem;align-items:center}.hero .buttons .solar-btn{padding:.5rem;border:3px solid white;font-size:1rem;font-weight:500;color:#000;background-color:#fff;width:10rem;transition:.3s;cursor:pointer;text-decoration:none;text-align:center}.hero .buttons .solar-btn:hover{background-color:#ece2e2;border:3px solid rgb(236,226,226)}.hero .buttons .question{padding:.5rem;border:3px solid white;font-size:1rem;font-weight:500;background:transparent;color:#fff;width:10rem;transition:.3s;cursor:pointer;text-decoration:none;text-align:center}.hero .buttons .question:hover{background-color:#fff;color:#000}.section{max-width:1200px;margin:0 auto;padding:60px 20px}.section-header{text-align:center;margin-bottom:60px}.section-header h1{font-size:3rem;font-weight:600;color:#1c1c1e;margin-bottom:20px}.section-header p{font-size:1.2rem;color:#6e6e73;max-width:600px;margin:0 auto}.content{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}.content .text{flex:1;min-width:300px}.content .text h2{font-size:2rem;font-weight:500;color:#1c1c1e;margin-bottom:20px}.content .text p{font-size:1.1rem;color:#3a3a3c;margin-bottom:30px;line-height:1.8}.content .benefits ul{list-style:none;padding:0}.content .benefits li{margin-bottom:20px;display:flex;align-items:flex-start;font-size:1.1rem;color:#3a3a3c}.content .benefits li i{font-size:1.5rem;color:#34c759;margin-right:15px;flex-shrink:0}.content .visuals{flex:1;min-width:300px;display:flex;justify-content:center;align-items:center}.content .visuals img{max-width:100%;border-radius:20px;box-shadow:0 8px 16px #0000001a}.cta{text-align:center;margin-top:60px}.cta a{display:inline-block;padding:15px 40px;font-size:1.2rem;font-weight:600;color:#050505;background:transparent;border:2px solid black;text-decoration:none;transition:.4s}.cta a:hover{background-color:#000;color:#fff}@media (max-width: 768px){.content{flex-direction:column}.content .text,.content .visuals{text-align:center}.content .visuals img{border-radius:10px}.impact-data{flex-direction:column;align-items:center}}.impact{text-align:center;padding:40px;background:linear-gradient(135deg,#e3ffe7,#d9e7ff);border-radius:20px;box-shadow:0 4px 10px #0000001a;margin:20px auto}.impact h2{font-size:2.5rem;color:#1c1c1e;margin-bottom:20px;font-weight:600}.impact p{font-size:1.1rem;color:#3a3a3c;margin-bottom:30px;line-height:1.8}.impact-data{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px}.impact-item{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0000001a;flex:1 1 200px;text-align:center;max-width:250px}.impact-item h3{font-size:2rem;font-weight:600;color:#007aff;margin-bottom:10px}.impact-item p{font-size:1.5rem;color:#6e6e73;margin:0}@media screen and (max-width: 1024px){.hero{margin-top:60%;margin-left:0}.hero .buttons{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.hero .content-main{width:100%;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:2rem;color:#fff}.hero p{color:#fff;width:15rem;font-size:1rem;text-align:center}}.steps-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;padding:60px 20px}.step{flex:1 1 calc(25% - 40px);text-align:center;background:#f9f9f9;border-radius:15px;padding:20px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-10px);box-shadow:0 8px 15px #0003}.step .icon{width:9rem;height:80px;margin:0 auto 20px}.step .icon img{width:100%;height:100%}.step h2{font-size:1.5rem;color:#1c1c1e;margin-bottom:10px;font-weight:600}.step p{font-size:1rem;color:#6e6e73;line-height:1.6;margin:0}@media (max-width: 768px){.steps-container{flex-direction:column;gap:20px}.step{flex:1 1 100%}.hero{height:50vh}.buttons{position:absolute;bottom:2px;left:30%}}:root{--text-color: white}.header{width:100%;height:1.5rem;display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 0;background:transparent;position:relative}.header i{color:var(--text-color);font-size:xx-large}.navbar{display:flex;align-items:center;gap:1rem}.link{padding:.6rem;font-size:1rem;text-decoration:none;border-radius:10px;color:var(--text-color);font-weight:300;transition:.3s ease-in-out}.link:hover{background-color:#242121b3}.nav-btn{padding:.5rem;cursor:pointer;background:transparent;border:none;outline:none;color:#1d1c1c;font-size:1.5rem;visibility:hidden;opacity:0}@media screen and (max-width: 900px){.header h1{font-size:1.5rem}.nav-btn{visibility:visible;opacity:1}.navbar{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;background-color:#fff;transition:1s;transform:translateY(-140vh);z-index:2}.link{color:#242222;font-size:2rem}.link:hover{color:#fff;background-color:#433f3f}.responsive_nav{transform:none}.nav-close-btn{position:absolute;top:2rem;right:1rem}.nav-more-btn{color:var(--text-color)}}.footer{background-color:#e5e2e2;padding:40px 20px;text-align:center;color:#6e6e73;font-size:.9rem;position:relative}.footer .links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer .links a{text-decoration:none;color:#007aff;font-weight:500}.footer .links a:hover{text-decoration:underline}.footer p{margin:0;color:#6e6e73}.footer p strong{color:#1c1c1e}.about-section{background:#000000b3;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:60px 20px;text-align:center;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-top:10%;margin-bottom:40%}.about-container{background:url(/assets/working-DHhtpEHT.webp);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;display:flex;justify-content:center;flex-direction:column}.about-section h1{font-size:3rem;font-weight:600;color:#fff;margin-bottom:20px}.about-section p{font-size:1.2rem;line-height:1.8;color:#cdcdd5;max-width:800px;margin:0 auto 20px}.about-section p strong{color:#007aff;font-weight:600}@media (max-width: 768px){.about-section{margin-top:50%}.about-section h1{font-size:2.5rem}.about-section p{font-size:1rem}}.contact-container{background:url(/assets/DIY-Household-Solar-Power-System-4-Things-To-Know-2-scaled-DN4O5VD3.webp);background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;height:100%;width:100%}.contact-container:before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background-color:#000;opacity:.5}.section{position:relative}.contact-header h1,.contact-header p{color:#fff}.contact-form{max-width:600px;margin:0 auto;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:10px;box-shadow:0 4px 10px #0000001a}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;background:transparent;color:#fff}.contact-form input:focus,.contact-form textarea:focus{border-color:#007aff;outline:none;box-shadow:0 0 5px #007aff4d}.contact-form textarea{height:100px;resize:vertical}.contact-form textarea::placeholder,.contact-form input::placeholder{color:#ded6d6}.contact-form .submit-btn{display:block;width:100%;background-color:#007aff;color:#fff;font-size:1rem;padding:10px;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease;text-decoration:none}.contact-form .submit-btn:hover{background-color:#005bb5}.gallery-header{--text-color: black}.gallery-section{background-color:#fff;padding:60px 20px;text-align:center}.gallery-section .section-header h1{font-size:3rem;font-weight:600;color:#1c1c1e;margin-bottom:20px}.gallery-section .section-header p{font-size:1.2rem;color:#6e6e73;max-width:600px;margin:0 auto 40px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.gallery-item{border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000001a;height:23rem}.gallery-item img{width:100%;height:auto;display:block;transition:transform .3s ease,box-shadow .3s ease}.gallery-item img:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}@media (max-width: 768px){.gallery-section .section-header h1{font-size:2.5rem}.gallery-section .section-header p{font-size:1rem}}.solar-header{--text-color: black}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#333;background:#f8f8f8;margin:0;padding:0}.solar-plants{max-width:1200px;margin:0 auto;padding:40px 20px}.solar-types{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.solar-type{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;flex:1}.solar-type h2{font-size:1.8rem;color:#007bff;margin-bottom:10px}.solar-type p{font-size:1rem;margin-bottom:15px;color:#555}.pricing-table{width:100%;border-collapse:collapse;margin-top:20px}.pricing-table th,.pricing-table td{padding:10px;text-align:left;border:1px solid #ddd}.pricing-table th{background-color:#007bff;color:#fff}.note{font-style:italic;color:#555;font-weight:700;width:70%;margin:2rem auto 5rem}header{text-align:center;margin-bottom:40px}header h1{font-size:3rem;color:#1c1c1e;margin-bottom:10px}header p{font-size:1.2rem;color:#6e6e73}.type-section{display:flex;gap:20px;margin-bottom:40px}.type-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;flex:1}.type-card h2{font-size:2rem;color:#007aff;margin-bottom:10px}.type-card p{font-size:1rem;margin-bottom:10px}.type-card ul{list-style:disc inside;padding-left:0}.plant-cards{text-align:center}.plant-cards h2{font-size:2rem;color:#1c1c1e;margin-bottom:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.card h3{font-size:1.5rem;color:#007aff;margin-bottom:10px}.card p{font-size:1rem;color:#6e6e73}.order-btn{display:inline-block;padding:10px 20px;background-color:#28a745;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;margin-top:10px;text-align:center}.order-btn:hover{background-color:#218838}@media screen and (max-width: 700px){.type-section{display:flex;flex-direction:column}}.career-header{--text-color: black}.team{max-width:1200px;margin:40px auto;padding:20px}.team h2{text-align:center;font-size:2rem;font-weight:600;margin-bottom:20px}.team-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.team-member{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;flex:1 1 300px;max-width:300px}.team-member img{width:100px;height:100px;border-radius:50%;margin-bottom:15px}.team-member h3{font-size:1.2rem;margin-bottom:5px}.team-member p{font-size:.9rem;color:#6e6e73}.future-opportunities{text-align:center;padding:40px 20px;background-color:#eef2f3;margin:40px 0}.future-opportunities h2{font-size:2rem;font-weight:600;margin-bottom:15px}.future-opportunities p{font-size:1rem;color:#6e6e73;max-width:600px;margin:0 auto 20px}.future-opportunities a{background-color:#007aff;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none}.future-opportunities button:hover{background-color:#005bb5}.contact{text-align:center;padding:20px;background-color:#f8f8f8;color:#6e6e73;font-size:.9rem}.contact a{color:#007aff;text-decoration:none}.contact a:hover{text-decoration:underline}*{margin:0;padding:0}.go-back{text-decoration:none;font-size:1.3rem;color:#fff;background-color:#007aff;padding:.5rem;position:absolute;top:5px;left:5px;display:flex;align-items:center;gap:.5rem;border-radius:10px}.job-container{background:url(/assets/job-bg-D6ObHiIZ.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}.job-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.apply-form{background:#00000080;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:40px;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:600px;margin:40px auto}.apply-form h2{font-size:2rem;color:#fefefe;text-align:center;margin-bottom:20px}.apply-form label{font-size:1rem;color:#ede7e7;display:block;margin-bottom:8px}.apply-form input,.apply-form select,.apply-form textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;background:transparent;color:#fff;border-radius:5px;font-size:1rem}.apply-form input::placeholder,.apply-form select::placeholder,.apply-form textarea::placeholder{color:#fff}.apply-form a{display:block;background-color:#007aff;color:#fff;width:100%;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none;text-align:center}.apply-form a:hover{background-color:#005bb5}@media screen and (max-width: 700px){.job-wrapper{height:120vh}}.order-container{background:url(/assets/job-bg-D6ObHiIZ.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}.order-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.order-form{width:30%;padding:20px;font-family:Arial,sans-serif;background-color:#00000080;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:8px}.order-form h1{text-align:center;margin-bottom:20px;color:#fff}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700;color:#fff}input,textarea,select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background:transparent;color:#fff}input::placeholder,textarea::placeholder{color:#fff}textarea{resize:vertical;height:80px}.submit-btn{display:block;width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none;text-align:center}.submit-btn:hover{background-color:#0056b3}@media screen and (max-width: 1024px){.order-form{width:50%}}@media screen and (max-width: 700px){.order-form{width:100%}.order-wrapper{height:120vh}}
