.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fffefe;box-shadow:0 4px 8px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.navbar-logo-container{display:flex;align-items:center}.metallobe-logo{height:120px;transition:height .3s ease}.nav-items-list{display:flex;align-items:center;gap:20px;list-style-type:none;padding-left:0;margin:0}.nav-item-link{display:inline-flex;align-items:center;text-decoration:none}.nav-item-button{display:flex;align-items:center;justify-content:center;height:40px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:600;color:#134f5c;cursor:pointer;font-size:22px;line-height:1}.nav-item-button-with-icon{gap:8px}.nav-item-link:hover .nav-item-button,.active-nav-btn{color:#900}.header-icons{font-size:18px;flex-shrink:0;transform:translateY(1px)}.hamburger-icon{display:none;background:none;border:none;cursor:pointer}.hamburger-icon:hover{background-color:#6b67677a}.hamburger-icon-img{font-size:25px;color:#134f5c}.close-icon{display:none;background:none;border:none;cursor:pointer}.close-icon:hover{background-color:#6b67677a}.close-icon-img{font-size:25px;color:#134f5c}@media screen and (max-width: 768px){.navbar-container{padding:10px 15px}.metallobe-logo{height:80px}.nav-items-list{display:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100vh;position:absolute;top:0;left:0;background:#fffffffa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.nav-items-list.active{display:flex}.nav-item-button{font-size:24px;color:#134f5c}.header-icons{font-size:20px}.hamburger-icon,.close-icon{display:block;z-index:1000}}@media screen and (max-width: 576px){.metallobe-logo{height:65px}.header-icons{font-size:14px}}.home-sections-container{margin-top:150px}.home-container{min-height:87vh;width:100%;display:flex}.contact-page-container{background-color:#000000ea;width:100%;height:100%;position:absolute;top:0;z-index:1000;display:flex;justify-content:center;align-items:center}.contact-us-container{width:580px;display:flex;flex-direction:column;background-color:#134f5c;border-radius:10px;padding:10px;transition:transform .3s ease-out,opacity .3s ease-out;opacity:1}.contact-us-container.active{transform:translateY(-20%) translateY(400px);opacity:0}.contact-close-button{background:none;border:none;font-size:25px;width:40px;height:40px;align-self:flex-end;margin-right:10px;opacity:.7}.contact-close-button:hover{background:none;font-size:30px;border:none;opacity:1}.contact-us-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding-left:40px;padding-right:40px;margin-top:10px}.contact-us-logo{width:70px;height:70px;margin:0}.contact-us-header h1{color:#fff;font-size:28px;font-weight:600;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-top:-3px}.contact-us-header div{margin-top:10px}.contact-us-header div p{color:#fff;font-size:23px;font-weight:500;font-family:sans-serif;text-align:right;line-height:14px}.contact-already-custmr{width:100%;padding-left:40px;padding-right:40px;margin-top:15px}.contact-already-custmr h2{color:#fff;font-size:25px;font-weight:600;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:left}.contact-already-custmr p{max-width:350px;color:#fff;font-size:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:left}.contact-not-alrdy-cstmr{width:100%;padding-left:40px;padding-right:40px;margin-top:15px}.contact-not-alrdy-cstmr h2{color:#fff;font-size:25px;font-weight:600;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:left}.contact-email-name-container{display:flex;gap:10px}.contact-email-name-container div{width:50%;margin-top:10px}.contact-email-name-container div label{color:#fff;font-size:20px;font-weight:500;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:4px}.contact-email-name-container div input{width:100%;height:45px;font-size:17px;border-radius:3px;padding:5px}.contact-us-msg-container{width:100%;margin-top:15px}.contact-us-msg-container label{color:#fff;font-size:20px;font-weight:500;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:6px}.contact-us-msg-container textarea{width:100%;border-radius:5px;padding:8px;font-size:17px}.send-msg-btn-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:15px}.send-msg-btn-container button{width:200px;background-color:#237aecef;border:none;border-radius:5px;height:45px;color:#fff;font-weight:600;font-size:16px}.send-msg-btn-container button:hover{background-color:#237aecab}.send-msg-btn-container a,.privacy-link{font-size:20px}.login-popup-box{position:absolute;top:120px;right:80px;z-index:1000}@media (max-width : 767px){.login-popup-box{position:absolute;top:0;right:0;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;background-attachment:fixed;height:100vh;width:100%}}.section-container{width:100%;min-height:87vh;display:flex;flex-direction:column;align-items:center;background-color:#c98d8d}.carousel-container{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 6px #0000001a;background-color:#e1eefc;padding:10px;margin:auto;width:100%;object-fit:cover}.carousel-img{width:100%;height:600px;object-fit:cover;margin:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.carousel-img:hover{transform:scale(1.05)}.carousel-control-prev,.carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:auto;height:auto;color:#fff;opacity:.7}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#00000080;padding:10px;border-radius:50%}.aboutus-container{width:100%;height:87vh;padding:50px;display:flex;flex-direction:column;align-items:center;background-color:#bb6767b4}.aboutus-list-container{margin-top:50px;width:100%;list-style-type:none;padding-left:0;display:flex;justify-content:center;gap:50px}.aboutus-list-container li{width:30%}.about-us{width:100%;margin-top:100px;background-color:#fff;color:#333;font-family:Arial,sans-serif}.about-us-container{margin:0 auto;text-align:center}.about-us-main-title{font-size:3rem;margin-bottom:20px;color:#134f5c;text-transform:uppercase;font-weight:700;font-family:monospace;text-shadow:5px 5px 10px #0000ff6e}.quention-title-container img{width:90px;height:90px}.about-us-subtitles{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;list-style-type:none;padding-left:0;margin-top:80px}.subtitle-card{background:#f0f4f8;padding:20px;border-radius:8px;flex:1 1 300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.subtitle-card:hover{transform:translateY(-30px);box-shadow:5px 10px 10px #17b9f278}.subtitle-card h2{font-size:2rem;margin-bottom:10px;color:#134f5c;text-transform:uppercase;font-weight:700;text-shadow:2px 2px 7px #0000ff6e;margin-top:10px}.four-circles-img{width:40px;height:40px;margin-top:-5px}.subtitle-card p{font-size:1.5rem;color:#000;line-height:1.6}.card-img{width:200px;height:200px}@media (max-width: 768px){.about-us{margin-top:70px}.about-us-main-title{font-size:2.3rem;margin-bottom:15px;text-shadow:5px 5px 10px #0000ff6e}.quention-title-container img{width:75px;height:75px}.about-us-subtitles{flex-direction:column;align-items:center;gap:30px;margin-top:50px}.subtitle-card{width:100%;flex-basis:100%;padding:20px}.subtitle-card h2{font-size:1.8rem}.subtitle-card p{font-size:1.3rem}.card-img{width:180px;height:180px}}.methodology-section{width:100%;margin-top:100px;background-color:#fff;color:#333;font-family:Arial,sans-serif}.methodology-container{margin:0 auto;text-align:center}.methodology-title{font-size:3rem;margin-bottom:20px;color:#134f5c;text-transform:uppercase;font-weight:700;font-family:monospace;text-shadow:5px 5px 10px #0000ff6e}.methodology-subtitles{display:flex;flex-wrap:wrap;gap:0px;justify-content:center;list-style-type:none;padding-left:0;margin-top:80px}.methodology-subtitle-card{background:#fff;padding:20px;flex:1 1 300px;border-right:2px solid #d3cece;transition:transform .3s ease,box-shadow .3s ease}.methodology-subtitle-card:last-child{border-right:none}.methodology-subtitle-card:hover{background:#f0f4f8;transform:translateY(-30px);box-shadow:0 4px 8px #17b9f278}.methodology-subtitle-card h2{font-size:1.7rem;margin-bottom:10px;color:#134f5c;text-transform:uppercase;font-weight:700;text-shadow:2px 2px 7px #0000ff6e}.methodology-subtitle-card p{font-size:1.2rem;color:#000;line-height:1.6;margin-top:35px}.section-container{width:100%;margin:50px auto;padding:20px;text-align:center;background-color:#fff;border-radius:10px;overflow:hidden}.aboutus-title{font-size:4.5rem;font-weight:700;color:#134f5c;margin-bottom:13px;text-align:center;text-shadow:5px 5px 10px #0000ff6e}.right-tick-subtitle-container{display:flex;flex-direction:row;align-items:center}.right-mark-img{width:110px;height:110px}.aboutus-subtitle{font-size:2.5rem;color:#000;margin-top:27px;font-weight:500}@media (max-width: 768px){.section-container{padding:10px}.aboutus-title{font-size:2.5rem;margin-bottom:5px;margin-top:10px}.carousel-img{max-height:200px;width:90%}.aboutus-subtitle{font-size:1.5rem}.right-tick-subtitle-container{display:flex;flex-direction:column;justify-content:center}.right-mark-img{width:70px;height:70px;margin-top:20px}}@media (max-width: 480px){.aboutus-title{font-size:2rem}.aboutus-subtitle{font-size:1.2rem}.right-mark-img{width:50px;height:50px}}.features-container-section{margin-top:200px;width:70%}.features-container{padding:30px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px;gap:30px}.features-left-container{display:flex;flex-direction:column;gap:0px}.feature-text-container{margin-bottom:5px;text-align:left;background-color:#fff;padding:20px;border-radius:10px}.feature-title{font-size:20px;color:#134f5c;margin-bottom:5px;font-weight:600}.feature-text-container:hover{background-color:#f5f9ff;box-shadow:0 4px 8px #17b9f278}.feature-text-container:hover .feature-title{color:#900}.default-feature-container{box-shadow:0 4px 8px #17b9f278}.default-feature-title{color:#900!important}.feature-description{font-size:18px;color:#000}.feature-img{width:100%}.configuration-right-container{background-color:#f5f9ff;border-radius:10px;box-shadow:5px 5px 10px #17b9f278}.configuration-container{margin-top:30px;padding-left:50px;padding-right:50px}.configuration-container h3{font-size:28px;font-weight:600;color:#3949ab;margin-bottom:10px;text-align:center}.configuration-container label{font-size:18px;color:#414040;margin-bottom:5px;display:block;font-weight:600;text-align:left}.configuration-container select{width:100%;height:45px;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:18px;background-color:#fff}.footer-section-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:60px;background-color:#134f5c}.footer-img-section{width:30%;display:flex;justify-content:center;padding:20px;align-items:center}.footer-metallobe-logo{width:380px;height:220px}.footer-metallobe-logo{max-width:100%;height:auto}.footer-content-section{width:70%;display:flex;flex-wrap:wrap;gap:20px;padding-left:70px}.footer-content-section div{width:380px;padding-top:50px;padding-left:30px}.footer-content-section div h2{color:#fff;font-weight:700;font-size:22px;text-align:left}.footer-list-bg-container{width:100%;display:flex;gap:18px;margin-top:-30px;margin-left:-30px}.footer-items-list-container{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:5px}.footer-items-list-container li{color:#fff;font-weight:500;font-size:18px}@media (max-width: 576px){.footer-section-container{flex-direction:column}.footer-content-section{flex-direction:row;justify-content:space-around;padding-left:10px;width:100%}.footer-column{flex-basis:40%;padding:0}.footer-column h2{font-size:18px}.footer-items-list-container li{font-size:14px}}*/ .no-scroll{height:100vh;overflow-y:hidden}.underline{width:0;height:3px;background-color:#134f5c;margin:0 auto;animation:slide-in 2s ease-out forwards infinite}@keyframes slide-in{0%{width:0}to{width:30%}}.animated-title{font-size:2.5rem;font-weight:700;animation:bounce 2s infinite;position:relative}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animated-title2{font-size:2.5rem;font-weight:700;display:inline-flex;align-items:center}.text{overflow:hidden;white-space:nowrap;width:0;animation:typing 2s infinite;display:inline-block;border-right:2px solid}.cursor{font-size:2.5rem;animation:blink .5s step-end infinite}@keyframes typing{0%{width:0}to{width:19ch}}@keyframes blink{50%{opacity:0}}.underline-nxt{width:35%;height:4px;background-color:#134f5c;animation:pulse 1.5s infinite;margin:0 auto}@keyframes pulse{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.2);opacity:.7}}.blink{animation:blinker 1.5s linear infinite;color:red;font-family:sans-serif;font-size:25px}@keyframes blinker{20%{opacity:1}}.announcement-mic{width:40px;height:40px;margin-left:10px;margin-right:10px;margin-bottom:10px}.about-us-subtitles,.methodology-subtitles{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0;list-style-type:none}.subtitle-card,.methodology-subtitle-card{flex:1 1 300px;max-width:350px;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 4px 8px #0000001a;text-align:center}.card-img{max-width:100%;height:auto;border-radius:4px}.features-container{display:flex;flex-wrap:wrap;gap:20px}.features-left-container,.configuration-right-container{flex:1 1 400px}.footer-content-section{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px}.footer-column{flex:1 1 200px}.contact-us-form-container .contact-email-name-container{display:flex;flex-direction:column;gap:15px}@media (min-width: 768px){.contact-us-form-container .contact-email-name-container{flex-direction:row}}@media (max-width: 768px){.carousel-img{height:400px;object-fit:cover}}@media (max-width: 480px){.carousel-img{height:200px;object-fit:cover}.about-us-main-title{font-size:2rem}.subtitle-card,.methodology-subtitle-card{flex-basis:100%;max-width:100%}}