body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.floating-contact-buttons{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 6px 16px #0006;transform:scale(1.1)}.call-btn{background:linear-gradient(135deg,#007bff,#0056b3)}.call-btn:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 6px 16px #0006;transform:scale(1.1)}.chatbot-btn{background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#000}.chatbot-btn:hover{background:linear-gradient(135deg,#ffc107,#ffb300);box-shadow:0 6px 16px #0006;transform:scale(1.1)}@media (max-width:768px){.floating-contact-buttons{bottom:15px;right:15px}.floating-btn{font-size:20px;height:45px;width:45px}}.chatbot-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.chatbot-container{background:#fffbea;border-radius:15px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;height:600px;max-width:400px;overflow:hidden;width:100%}.chatbot-header{background:linear-gradient(135deg,gold,orange);justify-content:space-between;padding:15px 20px}.chatbot-header,.chatbot-title{align-items:center;color:#333;display:flex}.chatbot-title{font-size:16px;font-weight:600;gap:10px}.chatbot-close,.chatbot-title i{color:#333;font-size:18px}.chatbot-close{background:none;border:none;border-radius:50%;cursor:pointer;padding:5px;transition:background .3s}.chatbot-close:hover{background:#0000001a}.chatbot-messages{background:#fffdf5;flex:1 1;gap:15px;overflow-y:auto;padding:20px}.chatbot-messages,.message{display:flex;flex-direction:column}.message{max-width:80%}.user-message{align-self:flex-end}.bot-message{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;line-height:1.4;padding:12px 16px}.user-message .message-content{background:linear-gradient(135deg,gold,orange);border-bottom-right-radius:6px;color:#333}.bot-message .message-content{background:#fffbea;border:1px solid #f0d97d;border-bottom-left-radius:6px;box-shadow:0 2px 5px #0000000d;color:#333}.message-time{align-self:flex-end;color:#888;font-size:11px;margin-top:4px}.bot-message .message-time{align-self:flex-start}.typing-indicator{align-items:center;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s infinite;background:#fbc02d;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-input{background:#fffef7;border-top:1px solid #f0d97d;display:flex;gap:10px;padding:15px 20px}.chatbot-input input{border:1px solid #e6d65a;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:12px 18px;transition:border-color .3s}.chatbot-input input:focus{border-color:#ffb300}.chatbot-input input:disabled{background:#f5f5f5;cursor:not-allowed}.chatbot-input button{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s;width:44px}.chatbot-input button:hover:not(:disabled){box-shadow:0 4px 12px #ffc10766;transform:scale(1.05)}.chatbot-input button:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:480px){.chatbot-overlay{padding:10px}.chatbot-container{border-radius:10px;height:calc(100vh - 20px);max-height:none}.chatbot-messages{padding:15px}.message{max-width:90%}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb{background:#fbc02d;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#f9a825}.hero-slideshow{height:500px;overflow:hidden;position:relative;width:100%}.hero-slideshow:before{animation:slideshow 20s ease-in-out infinite;background-position:50%;background-size:cover;content:"";z-index:0}.hero-overlay,.hero-slideshow:before{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{align-items:center;background:#0006;display:flex;justify-content:center;z-index:1}.hero{color:#fff;position:relative;text-align:center;z-index:2}.hero h1{margin:.5rem 0}.hero h2{font-size:1.5rem;margin:0}.hero p{font-size:1.1rem;margin:1rem 0}.cta-button{background-color:#fc0;border:none;border-radius:25px;color:#000;padding:12px 24px;transition:background .3s}.cta-button:hover{background-color:#e6b800}@keyframes slideshow{0%{background-image:url(/static/media/drums.e90f222b0addb65317a8.jpg)}25%{background-image:url(/static/media/truck.941d18459cf50de3678b.jpeg)}50%{background-image:url(/static/media/bags-warehouse.37dd56c8df8fd5a28738.jpg)}75%{background-image:url(/static/media/bags.f8a4b156e68f16ffdac2.webp)}to{background-image:url(/static/media/drums.e90f222b0addb65317a8.jpg)}}.features{background:#f9f9f9;display:flex;flex-wrap:wrap;justify-content:space-around;padding:2rem 1rem}.feature-card{border-radius:12px;box-shadow:0 2px 10px #0000001a;flex:1 1;margin:1rem;min-width:250px;padding:1.5rem}.feature-icon{font-size:2rem}.nav-links a.active{background:#f1c40f;color:#2c3e50;transform:translateY(-2px)}.footer-section button{background:none;border:none;color:#ecf0f1;cursor:pointer;padding:0;text-align:left;text-decoration:none;transition:color .3s ease}.footer-section li:hover{color:#f1c40f}*{box-sizing:border-box;margin:0;max-width:100%;padding:0}html{scroll-behavior:smooth}body{animation:fadeIn .8s ease-in;background:linear-gradient(135deg,#fff,#f8f9fa);color:#2c3e50;font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{margin:0 auto;max-width:1200px;padding:0 20px}header{animation:slideDown .6s ease-out;background:linear-gradient(135deg,#2c3e50,#34495e 50%,#f1c40f);box-shadow:0 4px 20px #f1c40f4d;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.logo{animation:pulse 2s infinite;color:#f1c40f;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;text-shadow:2px 2px 4px #0000004d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.company-info{color:#f1c40f;font-size:clamp(.8rem,2vw,.9rem);opacity:.9}nav{background:linear-gradient(45deg,#2c3e50,#34495e);border-bottom:3px solid #f1c40f;padding:.5rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;position:relative}.nav-links{display:flex;gap:2rem;list-style:none;top:100%}.nav-links a{border-radius:25px;color:#fff;font-weight:500;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-links a.active,.nav-links a:hover{background:#f1c40f;box-shadow:0 5px 15px #f1c40f66;color:#2c3e50;transform:translateY(-3px) scale(1.05)}.search-container{align-items:center;display:flex;gap:.5rem;margin-left:10px}.search-box{background:#fff;border:2px solid #f1c40f;border-radius:25px;font-size:.9rem;padding:.7rem 1rem;transition:all .3s ease;width:250px}.search-box:focus{box-shadow:0 0 20px #f1c40f4d;outline:none;transform:scale(1.02)}.search-btn{background:linear-gradient(45deg,#f1c40f,#f39c12);border:none;border-radius:25px;box-shadow:0 4px 15px #f1c40f4d;color:#2c3e50;cursor:pointer;font-weight:700;padding:.7rem 1.5rem;transition:all .3s ease}.search-btn:hover{background:linear-gradient(45deg,#f39c12,#e67e22);box-shadow:0 6px 20px #f1c40f66;transform:scale(1.1) rotate(2deg)}.page{animation:slideUp .6s ease-out;display:none;min-height:70vh;padding:2rem 0}.page.active{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-title{animation:titleGlow 3s ease-in-out infinite;color:#2c3e50;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:2rem;position:relative;text-align:center}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #f1c40f4d}50%{text-shadow:0 0 20px #f1c40f99,0 0 30px #f1c40f66}}.page-title:after{animation:expandLine 1s ease-out;background:linear-gradient(90deg,#f1c40f,#f39c12);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes expandLine{0%{width:0}to{width:80px}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero:before{animation:shimmer 4s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero h1,.hero p{position:relative;z-index:2}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{background:linear-gradient(45deg,#2c3e50,#34495e);border:3px solid #f1c40f;border-radius:30px;color:#f1c40f;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.cta-button:before{background:#f1c40f;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:-1}.cta-button:hover:before{height:300px;width:300px}.cta-button:hover{box-shadow:0 10px 30px #f1c40f66;color:#2c3e50;transform:translateY(-5px) scale(1.05)}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.feature-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#f1c40f,#f39c12);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-card:hover:before{left:0}.feature-card:hover{border-color:#f1c40f;box-shadow:0 15px 40px #f1c40f33;transform:translateY(-10px) scale(1.02)}.feature-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.product-card{animation:cardFloat 6s ease-in-out infinite;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:nth-child(2n){animation-delay:-3s}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.product-card:hover{border-color:#f1c40f;box-shadow:0 20px 50px #f1c40f4d;transform:translateY(-15px) scale(1.03)}.product-image{align-items:center;background:linear-gradient(45deg,#f1c40f,#f39c12);color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.product-card:hover .product-image:before{left:100%}.product-image img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:transform .4s ease;width:100%;z-index:1}.product-card:hover .product-image img{transform:scale(1.1)}.product-info{padding:1.5rem}.product-name{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.product-price{color:#f1c40f;font-size:1.2rem;font-weight:700;margin:.5rem 0;text-shadow:1px 1px 2px #0000001a}.product-description{color:#7f8c8d;margin-bottom:1rem}.inquire-btn{background:linear-gradient(45deg,#f1c40f,#f39c12);border:none;border-radius:25px;color:#2c3e50;cursor:pointer;font-weight:700;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.inquire-btn:before{background:#2c3e50;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0;z-index:-1}.inquire-btn:hover:before{height:300px;width:300px}.inquire-btn:hover{box-shadow:0 5px 20px #f1c40f66;color:#f1c40f;transform:scale(1.05)}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:2rem 0}.about-text{animation:slideInLeft .8s ease-out;background:#fff;border-left:5px solid #f1c40f;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:2rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.company-stats{grid-gap:1rem;animation:slideInRight .8s ease-out;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.stat-item{background:#fff;border-radius:15px;border-top:3px solid #f1c40f;box-shadow:0 8px 25px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px) scale(1.05)}.stat-number{animation:countUp 2s ease-out;color:#f1c40f;font-size:2rem;font-weight:700;text-shadow:1px 1px 2px #0000001a}@keyframes countUp{0%{transform:scale(0)}to{transform:scale(1)}}.stat-label{color:#2c3e50;font-size:.9rem;font-weight:500}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:2rem 0}.contact-form{background:#fff;border-radius:15px;border-top:5px solid #f1c40f;box-shadow:0 8px 25px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#f1c40f;box-shadow:0 0 15px #f1c40f33;outline:none;transform:scale(1.02)}.contact-info{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:2rem}.contact-item{align-items:center;background:linear-gradient(45deg,#f8f9fa,#fff);border-left:4px solid #f1c40f;border-radius:10px;display:flex;margin-bottom:1.5rem;padding:1rem;transition:transform .3s ease}.contact-item:hover{box-shadow:0 5px 15px #f1c40f33;transform:translateX(10px)}.contact-icon{animation:iconPulse 2s infinite;color:#f1c40f;font-size:1.5rem;margin-right:1rem}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:3rem;overflow:hidden;padding:3rem 0;position:relative;text-align:center}footer:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#f1c40f,#f39c12,#f1c40f);content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:#f1c40f;font-size:1.2rem;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ecf0f1;position:relative;text-decoration:none;transition:all .3s ease}.footer-section ul li a:before{background:#f1c40f;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover:before{width:100%}.footer-section ul li a:hover{color:#f1c40f;transform:translateX(5px)}.footer-bottom{border-top:1px solid #34495e;margin-top:2rem;padding-top:1rem;position:relative}.search-results{animation:fadeInUp .6s ease-out;display:none;margin:2rem 0}.search-results.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-result-item{background:#fff;border-left:4px solid #f1c40f;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:1rem;padding:1.5rem;transition:transform .3s ease}.search-result-item:hover{transform:translateX(10px)}.search-result-title{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.search-result-description{color:#7f8c8d;margin-bottom:.5rem}.search-result-price{color:#f1c40f;font-weight:700}.mobile-menu{background:#f1c40f;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:none;font-size:1.2rem;font-weight:700;padding:.7rem 1rem;position:relative;transition:all .3s ease;z-index:10}.mobile-menu:hover{background:#f39c12;transform:scale(1.05)}@media (max-width:768px){.mobile-menu{display:block}.nav-links{background:linear-gradient(135deg,#2c3e50,#34495e);border-top:3px solid #f1c40f;box-shadow:0 5px 15px #0003;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;top:100%;width:100%;z-index:9}.nav-links.active{animation:slideDown .4s ease-out;display:flex}.header-content{flex-direction:column;gap:1rem}.search-box{width:200px}.about-content,.contact-content{gap:2rem;grid-template-columns:1fr}.hero h1,.page-title{font-size:2rem}.features{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.company-stats{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scrollFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#f1c40f,#f39c12);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f39c12,#e67e22)}
/*# sourceMappingURL=main.ed215648.css.map*/