html{scroll-behavior:smooth}.navbar{background-color:transparent;position:relative;height:80px;width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:3;transition:box-shadow .3s ease,background-color .3s ease}.navbar.scrolled{background-color:#ffffffef;border-bottom:1px solid #ddddddb6;box-shadow:2px 2px 2px #0008}.navbar h1{font-size:40px;height:100px;width:250px;font-weight:900;font-family:sans-serif;display:inline;display:flex;justify-content:center;align-items:center;padding-left:200px}.nav-links{display:flex;justify-content:space-between;width:60%;justify-content:center;align-items:center;gap:20px;list-style:none}.nav-links li{font-size:20px;list-style:none}.nav-links a{text-decoration:none;color:gray;position:relative}.nav-links a:hover{color:#000}.nav-links a:after{content:"";position:absolute;left:0%;bottom:-5px;width:0;height:2px;background-color:#000;transform:translatey(50%);transition:width .3s ease}.nav-links a.active{content:"";left:0%;bottom:-5px;width:0;transform:translatey(50%);transition:width .3s ease}.nav-links a.active:after{width:35px}.nav-links-IoMdMenu{display:none}@media only screen and (min-width:375px) and (max-width:425px){.navbar h1{padding-left:0}.nav-links{flex-direction:column;align-items:start;position:fixed;top:70px;background:#fff;padding:20px;transition:transform .5s ease-in-out;height:auto;width:100%;background-color:#fff}.nav-links li:hover{color:#000;padding:10px;width:100%}.nav-links-IoMdMenu{display:flex;font-size:35px;position:absolute;right:30px}}body{position:relative;height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(./beach_1-mInXo5at.jpg);height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff,#fffc,#fffc),url(./beach_1-mInXo5at.jpg);z-index:-1;transition:.4s ease}.home{height:110vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;padding-top:100px}.home-1{width:47%;height:100%;padding-left:7%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:15px}.home-1 h1{font-size:60px;text-align:start;font-weight:900;font-family:sans-serif}.home-1 p{font-size:27px;text-align:start}.home-1 button{padding:10px 40px;font-size:24px;background-color:transparent;border-radius:5px;margin-top:5px;border:none;border:2px solid black;color:#000000d3}.home-1 button:hover{background-color:#fdae1cc9;border:2.5px solid rgba(253,174,28,.788);transition:.1s ease-in}.home-2{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.home-2 img{height:auto;width:85%;object-fit:cover}.home-3{background-color:#ff000054;height:30vh;width:100%;position:absolute;top:600px}@media (max-width:768px){.home{flex-direction:column-reverse;height:auto;padding-top:200px;padding-bottom:100px}.home-1{width:100%;height:auto;padding:20px;align-items:center;text-align:center;width:80%;margin-top:5%}.home-1 h1{font-size:50px;text-align:center}.home-1 p{font-size:22px;text-align:center}.home-2{width:90%;height:auto}.home-2 img{width:80%}}.features{background-color:#fff;height:110vh;position:relative}.features-1{height:40vh;width:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:-100px;padding-left:150px;padding-right:150px}.features-2{height:80%;width:25%;background-color:#fdae1cc9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-right:1px solid white}.features-2-FaCamera{font-size:50px;color:#fff}.features-2 p{font-size:20px;color:#000000c0;font-family:Arial,Helvetica,sans-serif;font-weight:300}.features-3{height:110vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10%}.features-33{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20%;width:100%}.features-33-unique{font-size:30px;color:#fdae1cc9}.features-33 h1{font-size:60px;font-family:sans-serif;font-weight:800}.features-33-top{border-top:2px solid rgba(253,174,28,.788);width:80px}.features-33-bottom{border-bottom:2px solid black;width:150px;margin-top:10px}.features-333{margin-top:30px;height:60%;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding-left:6%;padding-right:6%}.features-3333{height:100%;width:30%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.features-33330{height:50%;width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.features-333301{height:100%;width:70%;display:flex;flex-direction:column;justify-content:start;gap:10px}.features-333302{font-size:80px;color:#fdae1cc9;height:100%;width:30%;display:flex;align-items:start;justify-content:start}.features-3333-0{height:100%;width:40%}.features-3333-0 img{height:90%;width:100%;object-fit:cover}#features-1{text-align:left}.features-33330.box{text-align:right}.features-33330 p{color:#000000c7;font-size:20px}.features-33330 h1{font-size:24px}@media screen and (min-width:375px) and (max-width:768px){.features-1{position:static;flex-direction:column;height:auto;gap:1px;min-height:auto;width:100%;display:flex;justify-content:center;background-color:#fff;padding:20px}.features-2{width:100%;height:200px}.features-3{background-color:#fff;flex-direction:column;height:auto;width:100%}.features-333{flex-direction:column;height:auto}.features-3333{width:100%;height:250px}.features-3333-0{width:100%;height:auto}}.installation{height:100vh}.installation-1{height:40vh;background-color:transparent;position:relative;display:flex;justify-content:space-between;align-items:center}.installation-11{height:100%;width:50%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px;padding-right:5%;padding-left:5%}.installation-11.box{right:0;align-items:end}.installation-11 p{border-bottom:3px solid black;width:100px}.installation-11 input{height:40px;width:300px;border:none;border-radius:5px;padding-left:20px}.installation-11 input::placeholder{color:#000;font-size:18px}.installation-11 button{padding:10px 30px;font-size:20px;color:#fdae1cc9;background-color:#000;border:none;border-radius:5px;border:2px solid black}.installation-11 button:hover{background-color:#fff;color:#000000c0}.installation-111{display:flex}.installation-1-img{position:absolute;top:-60px}.installation-2{min-height:70vh;background-color:#fff;padding-top:6%;padding-bottom:4%}.installation-22{height:40%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.installation-22 h2{width:80px;height:3px;background-color:#fdae1cc9}.installation-22 h3{width:150px;height:3px;background-color:#000}.installation-22 p{font-size:30px;color:#fdae1cc9;font-family:sans-serif;font-weight:600}.installation-22 h1{font-size:70px;font-family:sans-serif}.installation-222{height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding-top:4%}.installation-2220{height:100%;width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.installation-2220-FaPlug{font-size:130px;color:#fdae1cc9}.installation-2220 p{text-align:center;font-size:20px;color:#000000ad}.installation-222-FaArrowRight{font-size:70px;color:gray}.installation-demo{height:100vh;background-color:#fff;margin-top:10%;display:flex;justify-content:center;align-items:center}.installation-demo-wrapper{height:80%;width:80%;position:relative;cursor:pointer}.installation-demo-wrapper-poster{height:100%;width:100%;object-fit:cover;cursor:pointer;border-radius:10px}.installation-demo-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001e;opacity:0;transition:opacity .3s ease;pointer-events:none}.installation-demo-wrapper:not(.playing):hover:after{opacity:1}.installation-demo-wrapper.playing:after{display:none}.installation-demo-wrapper-play{height:120px;width:120px;position:absolute;color:#fff;left:44%;top:40%;z-index:2}.installation-demo-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.installation-1-img1{position:absolute;right:0}@media screen and (min-width:375px) and (max-width:425px){.installation{position:static;margin-top:1200px;height:200px}.installation-1{position:static}.installation-1-img{position:static;width:70%}.installation-11{height:200px}.installation-11 button{padding:5px 20px;font-size:15px}.installation-11 input{margin-right:10px;background-color:#fff;width:auto}.installation-11 h1{font-size:17px}.installation-222{flex-direction:column}.installation-2220{width:90%}.installation-22 h1{font-size:50px}.installation-2220-FaPlug{font-size:100px}.installation-demo{margin-top:1000px;height:300px}.installation-demo-wrapper{width:90%;height:70%}.installation-1-img1{height:auto;width:70%}}.products{height:120vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.products-1{height:40vh;background-color:#fff;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.products-1 p{font-size:25px;color:#fdae1cc9}.products-1 h2{font-size:70px;font-family:sans-serif;font-weight:700}.products-1 h3{border-bottom:2px solid rgba(253,174,28,.788);width:60px}.products-1 h4{width:100px;border-bottom:2px solid black}.products-2{height:80vh;background-color:#fff;width:100%;display:flex;justify-content:center;align-items:center;gap:25px}.products-22{height:80%;width:20%;background-color:#fff;border:none;border:1px solid rgba(128,128,128,.185);border-radius:3px}.products-22:hover{background-color:#fdae1cc9}.products-22-img{height:50%;width:100%;object-fit:contain;display:flex;justify-content:center;align-items:center}.products-22-img img{height:60%;width:70%;object-fit:cover}.products-222,.products-2222{height:20%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.products-2222 button{padding:10px 30px;border-radius:5px;border:1px solid black;background-color:#fff;font-size:17px}.products-2222 button:hover{background-color:#000;color:#fdae1cf1}.products-2222 h3{font-size:25px;margin-top:10px;margin-bottom:15px;font-family:sans-serif;font-weight:700}@media screen and (min-width:375px) and (max-width:425px){.products{margin-top:650px;padding-bottom:30px;background-color:red}.products-1{padding-top:40px;padding-bottom:20px}.products-2{flex-direction:column;padding-bottom:50px;height:1900px}.products-22{width:70%;height:400px;margin-top:10px}}.review{height:100vh;background-color:transparent}.review-1{height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.review-1 p{font-size:30px;color:#fdae1cf1}.review-1 h1{font-size:80px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.review-1 h2{border-bottom:2px solid rgba(253,174,28,.945);width:70px}.review-1 h3{border-bottom:2px solid black;width:120px;margin-top:10px}.review-2{height:70vh;width:100%;display:flex;align-items:center;justify-content:center}.review-22{position:relative;width:80%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.review-220.slider{display:flex;height:40%;width:100%;transition:transform .6s ease-in-out}.slide{min-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.slide img{height:200px;border-radius:50%;object-fit:cover}.slide p{width:50%;margin-top:30px;font-size:22px;font-family:sans-serif;font-weight:700;color:#00000098}.slide.active img{z-index:2;filter:blur(0);transform:scale(1);opacity:1}.slide.blur img{z-index:1;filter:blur(4px);transform:scale(.8);opacity:.5}@media screen and (min-width:375px) and (max-width:425px){.review{margin-top:670px}.review-1 h1{font-size:60px}.review-2{width:100%;height:auto}.slide p{font-size:17px;width:100%;text-align:center}.slide img{height:150px}}*{margin:0;padding:0;box-sizing:border-box}.faqs{height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.faqs-1{height:40%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.faqs-1 p{font-size:25px;color:#fdae1cc9}.faqs-1 h2{font-size:80px;font-family:sans-serif}.faqs-1 h3{border-bottom:2px solid rgba(253,174,28,.788);width:70px}.faqs-2{height:60%;width:100%;display:flex;justify-content:center;align-items:center}.faqs-20{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:self-start;gap:20px;padding-left:7%}.faqs-20 h1{font-family:sans-serif;font-weight:800}.faqs-20 p{font-size:20px;color:#000000af}.faqs-21{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.faqs-1 p{font-size:25px;color:#fdae1ccc}.faqs-1 h2{font-size:80px}.faqs-1 h3{border-bottom:2px solid rgba(253,174,28,.8);width:70px}.faqs-1 h4{border-bottom:2px solid black;margin-top:10px;width:120px}.faqs-2{height:60vh;display:flex}.faqs-20{width:50%;padding:60px}.faqs-21{width:50%;padding:40px}.faq-box{border:1px solid #e5e5e5;margin-bottom:15px;background:#fff;width:80%}.faqs-210{display:flex;justify-content:space-between;align-items:center;padding:18px;cursor:pointer;font-weight:500}.faq-answer{max-height:0;overflow:hidden;transition:all .4s ease;padding:0 18px;color:#555}.faq-answer.open{max-height:200px;padding:18px;border-top:1px solid #e5e5e5}@media screen and (min-width:375px) and (max-width:425px){.faqs{min-height:450px}.faqs-1 h2{font-size:50px}.faqs-1{height:150px}.faqs-2{width:100%;flex-direction:column}.faqs-20{width:100%;margin-top:650px;height:250px;background-color:#fff}.faqs-20 h1{font-size:25px}.faqs-20 p{font-size:18px}.faqs-21{width:100%;height:600px;background-color:#fff}}*{padding:0;margin:0;box-sizing:border-box}.contact{height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center}.contact-1{height:100%;width:50%}.contact-1 img{height:100%;width:100%;object-fit:cover}.contact-2{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px;padding-left:6%}.contact-2 span{padding-bottom:3px;border-bottom:2px solid black;width:150PX}.contact-2 p{font-size:20px;color:#000c}.contact-20{display:flex;justify-content:center;align-items:center;gap:10px}.contact-20 :nth-child(1){font-size:20px}.contact-btn{padding:10px 30px;border:2px solid black;border-radius:4px;font-size:20px;background-color:transparent;color:#000000b6}.contact-btn:hover,.contact-21 button:hover{background-color:#000;color:#fdae1c;font-family:sans-serif}.contact-21 button{padding:10px;border-radius:5px;border:2ps solid black;font-size:20px;background-color:transparent;margin-right:18px}@media only screen and (min-width:375px) and (max-width:425px){.contact{flex-direction:column;height:auto;width:100%;margin-top:480px}.contact-1{height:100%;width:100%}.contact-2{width:100%;gap:15px}.contact-2 h1{font-size:24px;margin-top:10px}.contact-2 span{width:100px}.contact-2 p{font-size:18px}.contact-btn{font-size:17px}.contact-21 button{font-size:15px}}
