@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");*{padding:0;margin:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-header{display:flex;flex-direction:column;align-items:center;padding:10px;border-bottom:4px solid #00a651;border-bottom-right-radius:50px;background-color:white}.logo-container{display:flex;gap:70px;align-items:center}.logo-container img{width:200px}.logo-container i{border:1px solid #29367d;padding:5px;border-radius:5px;&:hover{background-color:#00a651;color:white}}.header-info{padding:10px 20px;display:none}.info-box h3{font-size:14px;color:#00a651}.info-box p,a{font-size:12px;text-decoration:none;color:#29367d;font-weight:600}.header-hero{background:linear-gradient(rgba(0,0,255,0.2),rgba(0,0,255,0.116)),url("../images/hero.webp") no-repeat;background-position:center -400px}.hero{height:80vh;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}nav{display:flex;justify-content:space-evenly;margin-top:10px}nav a{text-decoration:none;color:white;&:hover{text-decoration:2px underline}}.hero img{width:150px}.hero p{color:white;text-align:center;font-size:12px;width:80%}.hero button{padding:7px 15px;color:white;background:linear-gradient( 90deg,rgba(0,0,0,0.345),rgba(143,143,143,0.596) );border:1px solid #00a651;border-radius:7px;cursor:pointer;transition:0.3s;font-weight:500;&:hover{background-color:rgb(32,32,32)}}.products-section h3{padding:10px;color:#29367d;font-size:24px;text-align:center}.product-tabs{display:flex;justify-content:space-around}.product-card.active img{border-radius:10px;border:1px solid #00a651}.product-card.active p{color:#00a651;font-weight:600}.product-content h2,.product-content h3{margin-top:20px;font-size:20px;color:#29367d;padding:10px;text-align:left}.product-content p,.product-content ul{font-size:14px;padding:10px}.product-card img{width:80px}.form-footer{background:url("../images/footer.webp");height:120vh;background-size:cover;background-position:center}.form-footer h2{padding:10px;color:white}.form-footer form{padding:0 10px}form input,textarea{padding:5px 10px;margin:5px;border:none;border-radius:5px;&:focus{outline:1px solid #1f435d}}form textarea{width:252px;height:100px}form button{padding:5px 10px;margin:5px;border:none;border-radius:5px;font-size:16px;font-weight:bold;cursor:pointer;transition:background 0.3s ease,transform 0.2s ease;&:hover{outline:1px solid #1f435d;transform:translateY(-2px)}}footer .navbar{display:none}footer .details{display:flex;flex-direction:column;gap:20px;color:white;background:linear-gradient( 45deg,rgba(25,18,71,0.818),rgba(39,40,112,0.363) );padding:10px;margin-top:30px}footer .details ul li a,.details p a{font-size:14px;color:white;font-weight:normal}footer .copy{background-color:#00a651;color:white;font-size:12px;text-align:center}@media (min-width:768px){.top-header{flex-direction:row;justify-content:space-between;padding:10px 30px}.header-info{display:flex;gap:20px}.hero p{font-size:14px;width:60%}}@media (min-width:1024px){body{max-width:100%;overflow-x:hidden}.header-info h3{font-size:16px}.header-info p,a{font-size:14px}.logo-container img{width:250px}.logo-container i{display:none}.header-hero{background-position:center;background-size:cover;height:120vh}.hero{gap:20px;height:100vh;justify-content:flex-end}.hero img{width:400px}.hero p{font-size:16px;width:50%}.hero button{font-size:16px;padding:10px 25px;cursor:pointer;margin-bottom:20px}nav{justify-content:center;margin-left:30px;gap:60px;padding-right:50px}nav a{font-size:16px}.products-section{max-width:1100px;margin:0 auto;font-family:"Montserrat",sans-serif;padding:20px}.products-section img{display:block;margin:auto}.section-title{text-align:center;color:#29367d;margin-bottom:20px}.product-tabs{display:flex;justify-content:center;gap:25px;margin-bottom:25px}.product-card{text-align:center;cursor:pointer}.product-card img{width:130px;height:100px;object-fit:cover;border-radius:10px;border:2px solid transparent;transition:0.3s}.product-card p{margin-top:6px;font-size:16px;color:#29367d}.product-card.active img{border-color:#00a651}.product-card.active p{color:#00a651;font-weight:600}.product-content{font-size:13px;line-height:1.6;color:#29367d}.product-content h2{color:#00a651;margin-bottom:10px;font-size:24px}.product-content h3{margin-top:16px;margin-bottom:6px;color:#29367d}.product-content p{font-size:16px}.product-content ul{padding-left:18px;font-size:16px}.product-content li{margin-bottom:6px}.form-footer{height:auto}.form-footer h2{color:white;padding:10px 60px}.form-footer form{border-radius:16px;background:rgba(0,0,0,0.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 20px 40px rgba(0,0,0,0.4);width:38%;margin-left:60px;padding:30px;display:flex;flex-direction:column}.form-footer h2{color:#ffffff;padding:20px 60px;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 10px rgba(0,0,0,0.6)}form input,form textarea{width:100% !important;margin-bottom:15px !important;padding:14px 18px !important;font-size:15px !important;background:rgba(255,255,255,0.95) !important;border:2px solid transparent !important;border-radius:8px !important;color:#1a1a1a !important;font-family:"Montserrat",sans-serif;transition:all 0.3s ease}form input:focus,form textarea:focus{outline:none !important;background:#ffffff !important;border-color:#00a651 !important;box-shadow:0 0 12px rgba(0,166,81,0.3)}form button[type="submit"]{background-color:#00a651 !important;color:#ffffff !important;border:none !important;border-radius:8px !important;padding:15px !important;font-size:16px !important;font-weight:700 !important;text-transform:uppercase;cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);margin-top:10px;box-shadow:0 4px 15px rgba(0,166,81,0.3)}form button[type="submit"]:hover{background-color:#00783a !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,166,81,0.5)}form textarea{min-height:120px;resize:none}footer .details{width:40%;border-radius:15px;margin-top:0}footer{background:rgba(25,18,71,0.9)}footer .navbar{display:flex;gap:20px;padding:20px 0}footer .navbar a{color:rgb(255,255,255);text-decoration:none;font-weight:bold}footer .details{display:flex;flex-direction:row;justify-content:space-between;gap:55px;width:100%}.details h2{text-transform:capitalize;margin:0;font-size:16px;padding:10px;letter-spacing:normal}.copy{height:30px;vertical-align:middle}.whatsapp-float{color:white;background-color:#00a651;padding:3px 8px;border-radius:10px;font-size:30px;position:fixed;top:570px;right:50px}.whatsapp-float:hover{scale:1.2;background-color:#00783a;transition:all 0.3s}.location{margin:50px auto}}[data-animate]{opacity:0;transition:opacity 0.8s ease,transform 0.8s ease;will-change:opacity,transform}[data-animate="up"]{transform:translateY(60px)}[data-animate="down"]{transform:translateY(-60px)}[data-animate="left"]{transform:translateX(-80px)}[data-animate="right"]{transform:translateX(80px)}[data-animate="scale"]{transform:scale(0.85)}[data-animate="fade"]{transform:none}[data-animate].revealed{opacity:1;transform:translate(0) scale(1)}[data-delay="1"]{transition-delay:0.15s}[data-delay="2"]{transition-delay:0.3s}[data-delay="3"]{transition-delay:0.45s}[data-delay="4"]{transition-delay:0.6s}[data-delay="5"]{transition-delay:0.75s}@keyframes softBounce{0%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}100%{transform:translateY(0)}}.whatsapp-float{animation:softBounce 2.5s ease-in-out infinite;transition:transform 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease}.whatsapp-float:hover{box-shadow:0 6px 18px rgba(0,166,81,0.35)}footer .navbar a{transition:color 0.25s ease,transform 0.25s ease}footer .navbar a:hover{color:#00a651;transform:translateY(-2px)}.products-section>img{transition:transform 0.4s ease}.products-section>img:hover{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){[data-animate]{opacity:1 !important;transform:none !important;transition:none !important}.whatsapp-float{animation:none !important}}