html,body{color:#333;max-width:100vw;min-height:100vh;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.page{min-height:100vh}section{background-color:#eee;width:100%;max-width:1200px}.flex{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.grid{grid-template-rows:auto;grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.column{flex-direction:column;align-items:flex-start}button{color:#fff;background-color:orange;border:none;border-radius:5px}button:hover{background-color:#ff4500}.whatsapp-buttun-container{z-index:2000;background-color:green;border-radius:50%;width:80px;height:80px;position:fixed;left:50px}.whatsapp-buttun-container button{background:0 0}.whatsapp-buttun-container button i{color:#fff;font-size:60px}@media (max-width:800px){.whatsapp-buttun-container{z-index:200;left:20px}.whatsapp-buttun-container button i{font-size:60px}}
header .top-bar section{border-bottom:1px solid #fff;justify-content:space-between;padding:6px 1rem}header .logo-container{background:0 0;justify-content:space-between;padding:5px}header .logo-container .icons-container i{padding-right:2rem;font-size:20px}.logo-container .search input{border:1px solid orange;width:400px;padding:1rem}.logo-container .search button{color:#fff;background-color:orange;border:none;width:40px}.logo-container .search button,input{height:40px}header .navbar-container{color:#fff;background-color:#333;margin:0;padding:0}header .navbar-container.scrolled{z-index:100;position:fixed;top:0}header .navbar-container nav{gap:0}.dropdown{background-color:orange;order:10;grid-column:span 4}.dropdown h3{text-align:right;padding:15px 2rem 15px 0;font-size:24px}.dropdown-toggle{position:relative}.dropdown-menu{z-index:100;background-color:orange;width:100%;display:none;position:absolute}.dropdown-menu.dropdown-open{display:flex}.dropdown-item{justify-content:flex-start}.dropdown-menu a{border-top:1px solid #eee;width:100%;height:100%}.dropdown-menu a img{height:100%;margin-left:1rem}.dropdown-menu a h3{padding:1rem}header nav .menu-container{grid-column:span 8}header nav .menu-container .links{justify-content:space-between;width:100%}header nav .links a{padding:1rem}header nav .links a:hover{color:orange}header nav .links h3{position:relative}header nav .links h3:after{content:"";background-color:orange;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}header nav .links h3:hover:after{width:100%}.menu-bar{display:none}.logo-container .logo{width:200px}.logo-container .logo img{width:100%}@media (max-width:800px){header{padding:0}.menu-bar{padding-right:2rem;display:flex}.logo-container .logo{width:150px}.logo-container .search{display:none}.navbar-container .dropdown{z-index:200;grid-column:span 6}.menu-container{position:relative}.navbar-container .links{z-index:100;background-color:#333;flex-direction:column;align-items:flex-end;width:100%;display:none;position:absolute;top:100%;right:0}.navbar-container .links.active{display:flex}.navbar-container .links a{text-align:left;border-top:1px solid #fff;width:100%;padding:1rem 2rem;display:block}.navbar-container .menu-bar{justify-content:flex-end;width:100%}.navbar-container .menu-bar i{text-align:left;width:100%;padding-left:2rem;font-size:24px}header nav .menu-container{grid-column:span 6}}
.footer{color:#fff;background:#000;border-top:5px solid #ff7a00;padding:60px 20px 20px;font-family:Poppins,sans-serif}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1300px;margin:0 auto;display:grid}.footer-section h2{color:#ff7a00;margin-bottom:10px;font-size:24px;font-weight:700}.footer-section p{color:#ddd;font-size:14px;line-height:1.6}.footer-section h3{color:#0b9b53;margin-bottom:15px;font-size:18px;font-weight:600}.footer-section ul li{color:#ccc;cursor:pointer;margin-bottom:10px;font-size:14px;list-style:none}.footer-section ul li a{color:#ccc;text-decoration:none;transition:all .3s}.footer-section ul li a:hover{color:#ff7a00}.social-icons a{color:#fff;background:#0b9b53;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:12px;font-size:18px;transition:all .3s;display:flex}.social-icons a:hover{background:#ff7a00;transform:translateY(-3px)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;margin-top:20px;padding:15px 0 0;font-size:14px}
