@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;600;700&display=swap');:root{--primary-color:#0E5398;--primary-dark:#09386b;--text-black:#000000;--text-dark:#1f1f1f;--text-gray:#525252;--bg-color:#fcfcfc;--surface-color:#ffffff;--shadow-standard:0 2px 10px rgba(0,0,0,0.1);--font-main:'Open Sans',sans-serif;--font-heading:'Montserrat',sans-serif;--spacing-md:1rem;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;opacity:0;animation:pageLoad 0.5s ease-out forwards;overflow-x:hidden;}@keyframes pageLoad{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}p,h1,h2,h3,h4,h5,h6,span,div{overflow-wrap:break-word;word-wrap:break-word;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-black);font-weight:800;letter-spacing:-0.5px;margin-bottom:1rem;}a{text-decoration:none;transition:0.3s ease;}img{max-width:100%;display:block;}ul{list-style:none;}.container{max-width:1300px;margin:0 auto;padding:0 2rem;}.header{position:sticky;top:0;z-index:1000;width:100%;background:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.05);border-bottom:1px solid #eee;height:80px;display:flex;align-items:center;}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;}.logo{display:flex;align-items:center;gap:1rem;font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:0.5px;}.logo img{height:45px;width:auto;}.logo span{color:var(--primary-color);}.nav-links{display:flex;gap:1rem;align-items:center;}.nav-link{font-weight:700;color:#444;font-size:0.9rem;text-transform:uppercase;padding:0.6rem 1.2rem;border-radius:30px;transition:all 0.3s ease;}.nav-link:hover,.nav-link.active{background-color:rgba(14,83,152,0.1);color:var(--primary-color);transform:translateY(-1px);box-shadow:none;border:1px solid rgba(14,83,152,0.2);}.nav-link::after{display:none;}.hamburger{display:none;cursor:pointer;color:#333;font-size:1.5rem;}.page-header{background:#000000;color:#ffffff;padding:2.5rem 0;text-align:center;margin-bottom:2rem;width:100%;}.page-header .page-title{font-size:2.2rem;margin-bottom:0.2rem;color:#ffffff;text-transform:uppercase;}.page-header .section-subtitle{color:#e5e5e5;opacity:0.9;font-weight:600;}.section-padding{padding:5rem 0;}.section-header{text-align:center;margin-bottom:4rem;padding:0 1rem;}.section-title{font-size:2.5rem;line-height:1.3;color:#111;margin-top:0.5rem;}.section-subtitle{color:var(--primary-color);font-weight:800;letter-spacing:2px;text-transform:uppercase;display:block;font-size:0.95rem;margin-bottom:0.5rem;}.hero{height:380px !important;min-height:300px;max-height:40vh !important;position:relative;background-color:var(--surface-color);overflow:hidden;}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1s;}.slide.active{opacity:1;}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}.slide-content{position:relative;z-index:2;text-align:center;color:white;transform:translateY(20px);transition:0.5s;max-width:800px;padding:0 1rem;.slide.active .slide-content{transform:translateY(0);}.hero-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;padding:10px;}.dot{width:14px;height:14px;background:rgba(255,255,255,0.4);border:2px solid rgba(255,255,255,0.2);border-radius:50%;cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.dot.active{background:white;border-color:white;transform:scale(1.3);box-shadow:0 0 10px rgba(0,0,0,0.3);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.9rem 2.4rem;border-radius:6px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;letter-spacing:1px;min-width:160px;text-align:center;}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);border:1px solid var(--primary-color);}.btn-primary:hover{background-color:#333;border-color:#333;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.btn-outline{border:1px solid white;color:white;margin-left:1rem;background:transparent;}.btn-outline:hover{background:white;color:black;}.section-padding{padding:5rem 0;}.section-header{text-align:center;margin-bottom:3rem;}.section-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:700;display:block;margin-bottom:0.5rem;font-size:0.9rem;}.section-title{font-size:2.2rem;color:var(--text-heading);}.about-preview{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.about-text p{margin-bottom:1rem;color:var(--text-muted);font-size:1.05rem;}.products-grid,.contact-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.product-card,.contact-card{background:var(--surface-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-color);border:1px solid var(--border-color);transition:all 0.3s ease;}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);}.product-img{width:100%;height:250px;object-fit:cover;border-bottom:1px solid var(--border-color);}.product-info,.contact-card{padding:2rem;}.product-title{font-size:1.3rem;color:var(--text-heading);margin-bottom:0.5rem;}.product-info p,.contact-detail{color:var(--text-muted);font-size:0.95rem;}.contact-card h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1rem;}.contact-detail{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;}.contact-detail i{color:var(--primary-color);margin-top:5px;}.footer{background-color:#111;color:#fff;padding-top:4rem;margin-top:4rem;}.footer-content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-bottom:2rem;border-bottom:1px solid #333;}.footer h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;font-weight:800;border-left:4px solid var(--primary-color);padding-left:10px;}.footer-links li{margin-bottom:0.8rem;}.footer-links a{color:#ccc;font-weight:600;}.footer-links a:hover{color:var(--primary-color);padding-left:5px;}.contact-info li{display:flex;gap:10px;margin-bottom:1rem;color:#ccc;}.contact-info i{color:var(--primary-color);margin-top:5px;}.footer-bottom{text-align:center;padding:1.5rem;color:#777;font-size:0.9rem;}.page-title{font-size:3rem;margin-bottom:1rem;}@media (max-width:900px){.hero-content h1{font-size:2.2rem;}}@media (max-width:768px){.hamburger{display:flex;}.nav-links{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);overflow-y:auto;background-color:#fff;flex-direction:column;padding:3rem 2rem;gap:1.5rem;transform:translateX(100%);box-shadow:none;transition:0.3s ease-in-out;}.nav-links.active{transform:translateX(0);}.about-preview{grid-template-columns:1fr;gap:3rem;}.about-text{order:2;}.about-image{order:1;}.page-title,.section-title{font-size:2rem !important;}.section-subtitle{font-size:0.85rem;}.hero{height:auto !important;min-height:450px;padding-bottom:60px;display:flex;align-items:center;}.hero-slide{position:absolute;}.hero{height:500px !important;}.hero-content{padding:0 1.5rem;width:100%;transform:translateY(0) !important;top:50%;position:absolute;left:50%;transform:translate(-50%,-50%) !important;margin:0;}.hero-content h1{font-size:1.4rem !important;line-height:1.2;margin-bottom:0.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.8);}.hero-content p{display:block !important;display:none !important;}.hero-btns{display:flex;flex-direction:column;gap:0.8rem;justify-content:center;width:100%;margin-top:1rem;}.btn{width:auto;min-width:180px;padding:0.7rem 1.5rem;font-size:0.85rem;}.hero-dots{bottom:20px;}.hamburger{display:flex !important;color:var(--primary-color) !important;font-size:1.8rem;z-index:9999;border:1px solid #ccc;padding:5px;border-radius:4px;background:white;margin-left:auto;}.hamburger i{display:block !important;}}@media (max-width:480px){.hamburger{display:flex !important;color:var(--primary-color) !important;font-size:1.8rem;z-index:9999;border:1px solid #ccc;padding:5px;border-radius:4px;background:white;}.hamburger i{display:block !important;}.section-padding{padding:3rem 0;}.container{padding:0 1rem;}.hero{height:550px !important;min-height:unset;}.hero-content h1{font-size:24px !important;line-height:1.2 !important;margin-bottom:10px !important;padding:0 10px;width:100%;}.hero-content p{display:none !important;}.hero-btns{flex-wrap:wrap !important;flex-direction:column !important;gap:15px !important;margin-top:15px !important;}.btn{width:80% !important;max-width:250px !important;padding:10px 20px !important;font-size:14px !important;margin:0 auto;}}}.clients-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;padding:1rem;}.client-card{background:#ffffff;border-radius:12px;padding:1.5rem;width:220px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,0.02);border:1px solid #f0f0f0;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);position:relative;overflow:hidden;}.client-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.08);border-color:rgba(14,83,152,0.1);}.client-card::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(14,83,152,0);transition:all 0.4s ease;pointer-events:none;}.client-card:hover::after{box-shadow:inset 0 0 0 1px rgba(14,83,152,0.1);}.client-img{max-width:85%;max-height:100px;width:auto;height:auto;object-fit:contain;filter:grayscale(0%);transition:transform 0.4s ease;}.client-card:hover .client-img{transform:scale(1.05);}.clients-intro{max-width:1000px;margin:0 auto 2rem auto;text-align:center;padding:0 1rem;}.clients-intro p{color:var(--text-gray);font-size:0.95rem;line-height:1.6;margin-bottom:0.8rem;}.clients-intro p:last-child{margin-bottom:0;}.client-name{margin-top:auto;padding-top:0.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#444;text-align:center;border-top:1px solid #f1f5f9;width:100%;transition:color 0.3s;}.about-hero{background:linear-gradient(135deg,#0e1115 0%,#1a1f26 100%);padding:5rem 0;text-align:center;color:white;margin-bottom:4rem;}.about-container{max-width:1200px;margin:5rem auto 0;padding:0 2rem;}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:5rem;}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-color);line-height:1.2;}.about-content p{margin-bottom:1.5rem;font-size:1.05rem;color:var(--text-gray);line-height:1.8;}.about-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:rotate(1deg);transition:transform 0.4s ease;}.about-image-wrapper:hover{transform:rotate(0deg) scale(1.02);}.about-image-wrapper img{width:100%;height:auto;display:block;}@media (max-width:900px){.about-split{grid-template-columns:1fr;gap:3rem;}.about-content h2{font-size:2rem;}.about-image-wrapper{transform:none;}}@media (max-width:600px){.clients-grid{gap:1.5rem;}.client-card{width:45%;min-width:140px;height:120px;padding:1rem;}}.product-toolbar{position:sticky;top:80px;z-index:999;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #eee;padding:1rem 0;margin-bottom:3rem;box-shadow:0 5px 15px rgba(0,0,0,0.03);}.toolbar-list{display:flex;justify-content:center;gap:1rem;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;}.toolbar-btn{padding:0.5rem 1.2rem;border-radius:30px;font-size:0.9rem;font-weight:600;color:var(--text-gray);background:#f5f5f5;transition:all 0.3s ease;white-space:nowrap;border:1px solid transparent;}.toolbar-btn:hover,.toolbar-btn.active{background:var(--primary-color);color:white;box-shadow:0 4px 10px rgba(14,83,152,0.2);}html{scroll-behavior:smooth;}.product-row{display:flex;align-items:center;gap:4rem;margin-bottom:6rem;scroll-margin-top:160px;}.product-row:nth-child(even){flex-direction:row-reverse;}.product-text-col{flex:1;min-width:300px;}.product-media-col{flex:1.2;min-width:300px;position:relative;}.overview-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);border:1px solid #eee;transition:transform 0.3s ease;}.overview-img{width:100%;height:350px;object-fit:cover;border-radius:12px;}.product-row-title{font-size:2.5rem;margin-bottom:0.5rem;color:var(--primary-dark);}.product-row-subtitle{font-size:1.1rem;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;display:block;}.product-row-desc{color:var(--text-gray);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7;}.specs-list{display:flex;flex-wrap:wrap;gap:0.5rem;}.spec-badge{background:#f0f4f8;color:var(--primary-dark);padding:0.4rem 0.8rem;border-radius:6px;font-size:0.9rem;font-weight:600;border:1px solid #e1e8ed;}.product-carousel-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.1);}.product-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.product-carousel::-webkit-scrollbar{display:none;}.carousel-item{flex:0 0 100%;scroll-snap-align:center;position:relative;}.carousel-item img{width:100%;height:auto;display:block;object-fit:cover;}.carousel-hint{position:absolute;bottom:10px;right:15px;background:rgba(0,0,0,0.6);color:white;padding:4px 8px;border-radius:4px;font-size:0.75rem;pointer-events:none;}.product-single-img{width:100%;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.product-single-img:hover{transform:scale(1.02);}.chemical-card-wrapper{display:flex;justify-content:center;margin-bottom:5rem;}.chemical-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:6px solid var(--primary-color);padding:2rem 3rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.05);max-width:700px;width:100%;text-align:center;}.cta-banner-refined{background:linear-gradient(135deg,var(--primary-color),#052c54);border-radius:20px;padding:4rem 2rem;text-align:center;color:white;box-shadow:0 20px 40px rgba(14,83,152,0.25);margin-top:2rem;scroll-margin-top:160px;}.cta-banner-refined h2{color:white;font-size:2.2rem;margin-bottom:2rem;}.section-padding.container{max-width:1200px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;}.product-title{color:var(--primary-color);font-size:1.35rem;font-weight:700;margin-bottom:0.5rem;}.product-info p{color:var(--primary-color);}@media (max-width:900px){.product-row{flex-direction:column !important;gap:2rem;margin-bottom:4rem;}.product-text-col{text-align:center;}.specs-list{justify-content:center;}.product-toolbar{top:60px;}.toolbar-list{justify-content:flex-start;padding-left:1rem;padding-right:1rem;}}.about-image-wrapper{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}.about-carousel{position:relative;width:100%;height:100%;}.about-slide{display:none;width:100%;height:100%;animation:fadeEffect 1s ease-in-out;}.about-slide.active{display:block;}.about-slide img{width:100%;height:100%;object-fit:cover;display:block;}@keyframes fadeEffect{from{opacity:0.8;}to{opacity:1;}}.tech-tabs-container{margin-bottom:3rem;text-align:center;display:flex;justify-content:center;}.tech-tab-nav{display:inline-flex;gap:1rem;background:#f8f9fa;padding:0.5rem;border-radius:50px;box-shadow:inset 0 2px 5px rgba(0,0,0,0.05);border:1px solid #eee;}.tab-btn{padding:0.8rem 2.5rem;border:none;background:transparent;cursor:pointer;border-radius:40px;font-weight:700;color:var(--text-gray);transition:all 0.3s ease;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:0.5px;font-size:0.95rem;}.tab-btn:hover{color:var(--primary-color);background:rgba(14,83,152,0.05);}.tab-btn.active{background:var(--primary-color);color:white;box-shadow:0 4px 15px rgba(14,83,152,0.25);transform:translateY(-1px);}.tab-content{min-height:400px;position:relative;}.tab-pane{display:none;opacity:0;transition:opacity 0.4s ease,transform 0.4s ease;transform:translateY(10px);}.tab-pane.active{display:block;opacity:1;transform:translateY(0);}.tech-split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start;}.tech-info-col h3{color:var(--primary-color);margin-bottom:1.2rem;font-size:2rem;font-weight:800;}.tech-info-col h4{font-size:1.1rem;font-weight:700;}.tech-info-col ul{list-style:none;padding:0;margin-bottom:2rem;}.tech-info-col li{margin-bottom:0.8rem;padding-left:1.8rem;position:relative;font-size:1.05rem;color:#4a4a4a;}.tech-info-col li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary-color);position:absolute;left:0;top:2px;font-size:0.9rem;}.tech-img-col{position:relative;}.tech-img-col img{width:100%;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.1);border:4px solid white;transition:transform 0.3s ease;}.tech-img-col img:hover{transform:scale(1.02);}@media (max-width:900px){.tech-split-layout{grid-template-columns:1fr;gap:3rem;}.tech-tab-nav{flex-direction:column;width:100%;border-radius:20px;}.tab-btn{width:100%;}}