.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#036;color:#fff;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}.navbar-logo{display:flex;align-items:center;cursor:pointer}.navbar-logo>img{width:50px}.navbar-logo>span{font-size:1.5rem;font-weight:700;margin-left:5px}.navbar-links{display:flex;gap:20px}.navbar-links a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .3s;cursor:pointer;font-weight:500}.navbar-links a:hover{color:#0c9}.navbar-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.navbar-toggle .bar{width:25px;height:3px;background-color:#fff;transition:all .3s}@media (max-width: 768px){.navbar-links{position:absolute;top:60px;right:0;background-color:#036;flex-direction:column;gap:15px;width:200px;padding:15px;display:none;border-radius:5px;box-shadow:0 2px 5px #0000004d}.navbar-links.open,.navbar-toggle{display:flex}#whatapp_icon{display:none}}.navbar-quote-btn{padding-left:20px}.quote-button{background-color:#25d366;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s}.quote-button:hover{background-color:#1ebe57}.hero{display:flex;align-items:center;justify-content:space-between;padding:20px;height:100vh;background:linear-gradient(to right,#036,#06c);color:#fff}.hero-content{flex:1;padding:20px}.hero-content h1{font-size:3rem;font-weight:700}.hero-content p{margin:20px 0;font-size:1.2rem;line-height:1.6}.cta button{background-color:#0c9;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.cta button:hover{background-color:#00997a}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{width:80%;max-width:500px;border-radius:10px}@media screen and (max-width: 1000px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.cta button{padding:8px 17px;font-size:.9rem}.hero-image{display:none!important}}.steel-container{display:flex;flex-wrap:wrap;justify-content:center;padding:20px}.material-heading{font-size:1.7rem;font-weight:600;padding:15px;text-align:center}.steel-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;margin:10px;max-width:300px;text-align:center;transition:box-shadow .3s ease}.steel-item:hover{box-shadow:0 6px 15px #0003}.steel-name{text-align:left;font-weight:600;font-size:24px;color:#333;margin-bottom:10px}.temperature-info{font-size:14px;color:#666;margin-bottom:10px;text-align:left}.image-scroll-container{display:flex;align-items:center;overflow:hidden;position:relative;margin-bottom:10px;width:100%}.image-wrapper{display:flex;flex-shrink:0}.image-container{height:175px;display:flex;align-items:center;position:relative;z-index:1}.steel-image{width:100%;max-width:300px;height:auto;border-radius:8px;margin:10px 0}.scroll-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;cursor:pointer;font-size:20px;transition:background-color .3s ease}.scroll-button:hover{background-color:#0056b3}.scroll-button.left{left:10px;display:none}.scroll-button.right{right:10px;display:none}.image-scroll-container .scroll-button.left,.image-scroll-container .scroll-button.right{display:block}.steel-description-container{text-align:left}.steel-description{font-size:15px;color:#666;line-height:1.5;max-height:99px;overflow:hidden;transition:max-height .3s ease}.steel-description.expanded{max-height:none}.toggle-description{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;margin-top:10px;transition:background-color .3s ease}.toggle-description:hover{background-color:#0056b3}.image-wrapper::-webkit-scrollbar{display:none}.show-more{background-color:#007bff;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:4px;cursor:pointer;width:169px;transition:background-color .3s;margin:0 auto;display:block}.show-more:hover{background-color:#0056b3}.show-more:active{background-color:#004085}@media (max-width: 768px){.steel-item{max-width:100%;margin:10px 0;display:flex;flex-direction:column;align-items:center}.steel-image{max-width:259px}.scroll-button{width:35px;height:35px}.scroll-button:hover{background-color:#004080}}@media (max-width: 480px){.steel-name{font-size:20px}.temperature-info{font-size:12px}.steel-description{font-size:14px}.steel-image{max-width:211px}.scroll-button{width:30px;height:30px;font-size:16px}}@media (max-width:340px){.steel-image{max-width:161px}}.footer-main-container{display:flex;justify-content:center;width:100%;background:linear-gradient(to left,#036,#06c);padding:29px 0}.copy-right-container{background:linear-gradient(to left,#036,#06c);text-align:center;font-size:19px;padding:11px 0;font-weight:100;color:#fff}.copy-right-container>p{margin:0;font-family:Arial,sans-serif;letter-spacing:1px}.connect-me-container{width:55%}.contact-me-container{width:45%}.connect-me-container,.contact-me-container{padding-left:1em;font-size:75%;display:flex;flex-direction:column;justify-content:center;align-items:center}.connect-me-container h1{color:#fff;font-size:2em;font-weight:500}.connect-me-container p{color:#fff;display:flex;align-items:center;font-size:1.5em;cursor:pointer}.connect-me-container p:hover{color:#01d293}.icons{margin-right:9px;color:#01d293;font-size:1.2em}.social-media-icons-container{display:flex;align-items:center}.social-media-icons{color:#fff;cursor:pointer;font-size:1.7em;margin:.3em 0}.social-media-icons:hover{color:#01d293}.contact-me-container h1{font-size:2em;display:flex;align-items:center;font-weight:500;color:#fff}.name-inp,.email-inp,.msg-inp{height:2.6em;margin:.5em 0;font-size:1.4em;padding:.625rem;border:none;color:#171f38;width:25em;border-radius:.5em;background-color:#fff}.msg-inp{min-height:99px;max-height:179px}.sbt-btn{height:2.5em;font-size:1.5em;margin:7px 0;border:none;color:#fff;width:23.4em;border-radius:9px;background-color:#3f9552}.sbt-btn:disabled{cursor:not-allowed;background-color:#55b86b}.newsletter-container{text-align:center;background:linear-gradient(to left,#036,#06c);display:flex;justify-content:center;padding:15px 0}.newsletter-container h2{font-size:24px;color:#fff;margin-bottom:10px;padding:0 15px}.newsletter-form{display:flex;justify-content:center;align-items:center}.newsletter-input{padding:7px;font-size:16px;width:261px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.newsletter-btn{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.newsletter-btn:disabled{background-color:#4ac968;cursor:not-allowed}.newsletter-btn:hover{background-color:#308f45}.newsletter-container p{font-size:14px;color:#666;margin-top:10px}@media screen and (width <=1117px){.name-inp,.email-inp,.msg-inp{width:20em}.sbt-btn{width:18.7em}}@media screen and (width <=937px){.footer-main-container{flex-direction:column}.contact-me-container,.connect-me-container{width:100%;padding-left:0!important}.contact-me-container>span,.connect-me-container>span{margin:35px auto;display:flex;flex-direction:column;align-items:center;padding:0 12px}.newsletter-container{flex-direction:column}}@media screen and (width <= 401px){.newsletter-input{width:211px}}@media screen and (width <= 355px){.name-inp,.email-inp,.msg-inp{width:17em}.sbt-btn{width:15.7em}}@media screen and (width <= 307px){.name-inp,.email-inp,.msg-inp{width:15em}.sbt-btn{width:13.7em}.mail-txt{overflow-wrap:break-word;width:10em}}@media screen and (width <=267px){.name-inp,.email-inp,.msg-inp{width:12em}.sbt-btn{width:10.7em}.mail-txt{overflow-wrap:break-word;width:9em}}@media screen and (width <=205px){.name-inp,.email-inp,.msg-inp{width:10em}.sbt-btn{width:8.7em}.mail-txt{overflow-wrap:break-word;width:7em}}.about-container{max-width:100%;padding:45px 20px;background-color:#fff;font-family:Arial,sans-serif;color:#333;box-shadow:0 4px 8px #0000001a}.about-header{text-align:center;margin-bottom:20px}.company-logo{width:100px;height:auto}.about-history,.about-mission{margin:20px 0}.about-history h2,.about-mission h2,.about-quality h2{color:#2980b9;font-size:23px;text-align:center;margin-bottom:10px}.about-history p,.about-mission p,.about-quality p{line-height:1.6;width:79%;margin:auto;text-align:center;font-size:21px}.about-footer{text-align:center;margin-top:40px;font-size:14px}.about-us-heading{font-size:39px;font-weight:700}.our-clients{width:100%;padding:32px 0}.clients-container{width:100%;margin:0 auto;padding:0 16px}.clients-title{font-size:1.7rem;font-weight:700;text-align:center;margin-bottom:24px}.clients-marquee{display:flex;align-items:center}.client-logo{margin-right:24px}.page-not-found-container{display:flex;flex-direction:column;height:100vh;justify-content:center}.page-not-found-container>h1{text-align:center;font-weight:700;font-size:3em;color:#2d3192}.page-not-found-container>button{display:block;margin:0 auto;font-weight:600;font-size:1.5em;color:#fff;background-color:#2d3192;padding:19px;border-radius:9px}@media screen and (max-width: 601px){.page-not-found-container{font-size:85%}}@media screen and (max-width: 449px){.page-not-found-container{font-size:71%;display:flex;flex-direction:column;justify-content:center;height:100vh}}@media screen and (max-width: 349px){.page-not-found-container{font-size:55%}}@media screen and (max-width: 289px){.page-not-found-container{font-size:41%}}@media screen and (max-width: 219px){.page-not-found-container{font-size:33%}}.unsubscribe-page{max-width:600px;margin:50px auto;border:1px solid #ddd;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;background-color:#f9f9f9}.unsubscribe-page h1{margin-bottom:20px}.unsubscribe-page button:hover{background-color:#218838}.composition-container{padding:15px;background-color:#fff;font-family:Arial,sans-serif;color:#333}.header{text-align:center;margin-bottom:20px}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.logo{width:80px;margin-right:20px}.company-title h1{font-size:24px;color:#2d3192}.company-title p{font-size:14px;color:#333}.composition-title{font-size:20px;color:#000;text-transform:uppercase;margin:15px 0}.content h3{margin-bottom:10px;color:#2d3192;font-weight:600;font-size:18px}ul,ol{padding-left:20px}strong{color:#000}footer{text-align:center;margin-top:30px}.product-detail-container{height:100vh}.download-btn{background-color:#2d3192;color:#fff;position:fixed;border-radius:9px;right:1.5%;bottom:5%;padding:9px}.back-btn{background-color:#4b4ea3;position:fixed;left:1%;top:1.5%;color:#fff;padding:9px;border-radius:50%;cursor:pointer;font-size:25px}*{margin:0;padding:0}::-webkit-scrollbar{width:9px;height:9px;background-color:#0e1930}::-webkit-scrollbar-thumb{background-color:#3c3c3c;border-radius:9px}