.App{text-align:center}body{& p{font-weight:300}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothscroll{0%{transform:translateY(0)}to{transform:translateY(100%)}}body{animation:smoothscroll 1s ease-in-out;background-color:#fff;color:#333;font-family:poppins,sans-serif;font-size:16px;margin:0;overflow-x:hidden;padding:0;transition:all .3s ease-in-out;& p{font-weight:300}}.Navbar{align-items:center;-webkit-backdrop-filter:blur(100%);backdrop-filter:blur(100%);background:linear-gradient(90deg,#0a0a23,#4fcdda);bottom:0;box-shadow:0 4px 10px #0000001a;color:#000;display:flex;height:8vh;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.logoIco{display:flex;flex-direction:row;gap:20px}.logoText{color:#f8f8f8;font-size:.5rem;left:100px;position:relative;& p{bottom:10px;color:#f8f8f8;font-weight:600;position:relative}}.Top{height:20px}.Top,.rightside .DropDown{background:linear-gradient(90deg,#0a0a23,#4fcdda)}.rightside .DropDown{bottom:50px;display:none;flex-direction:column;gap:10px;height:20vh;margin-top:22px;position:absolute;right:-60px;text-align:center;top:10px;width:30vh;z-index:-999;& a{color:#f8f8f8;font-weight:500;position:relative;text-decoration:none;top:10px;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease;width:30vh}}}.leftside img{height:50px;left:60%;object-fit:contain}.leftside img,.rightside{position:relative;z-index:-1}.rightside{display:flex;gap:20px;right:10%;top:10px}.rightside a{color:#f8f8f8;font-size:.9rem;font-weight:400;height:6vh;position:relative;text-decoration:none;top:10px;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.rightside a:hover .DropDown{color:#4fcdda;display:flex;z-index:999}button{display:none}.call{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;bottom:10px;left:30px;padding:10px 0;position:relative;width:20vh}.hiddenLinks a{color:#fff;font-weight:500;margin:10px;text-decoration:none;transition:color .3s ease}.Navbar #close .hiddenLinks,.hiddenLinks{display:none}.header{background-size:cover;bottom:80px;height:95vh;position:relative}.headerContainer{left:10%;position:relative;top:20%}.headerContainer h1{color:#f8f8f8;font-size:3rem;line-height:normal;text-align:left;width:100vh}.headerContainer p{bottom:30px;font-size:1.5rem;left:5px;text-align:left}.headerContainer a,.headerContainer p{color:#f8f8f8;position:relative}.headerContainer a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;margin:0 20px;padding:20px;right:39%;-webkit-text-decoration-line:none;text-decoration-line:none;top:10px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;transform:scale(1.1);transition:transform .3s ease}}.LogoImage{bottom:200px;left:25%;object-fit:cover;position:relative;width:30%}.energyContainer{display:flex;flex-direction:row;margin-bottom:15%;position:relative;top:20%;& img{width:40%}}.energyLeft .Field{border-radius:10px 15px 15px 1px;box-shadow:0 0 20px #abaeaf;position:relative;top:6px}.energyLeft{position:relative;right:90px;top:100px}.energyRight{left:10%;position:relative}.energyRight h1,.energyRight p{font-size:1.5rem;text-align:left}.energyRight h1{font-size:6vh;width:70vh}.energyRight a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;margin:0 10px;padding:20px;position:relative;right:38%;-webkit-text-decoration-line:none;text-decoration-line:none;top:20px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;position:relative;transform:scale(1.1);transition:transform .3s ease}}.mineRight{position:relative;right:5%;& h1,p{font-size:1.5rem;text-align:left}}.mineRight h1{font-weight:600}.mineRight a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;margin:0 10px;padding:20px;position:relative;right:38%;-webkit-text-decoration-line:none;text-decoration-line:none;top:20px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;position:relative;transform:scale(1.1);transition:transform .3s ease}}.mineLeft img{border-radius:5%;box-shadow:10px 10px 20px 5px #abaeaf;position:relative;right:20px;width:50%}.energyContainer .oil{position:relative;top:130px;transform:rotateY(180deg);z-index:-1}.Services h1{font-size:6vh;margin-top:20vh}.Services h1,.Services p{color:#0a0a23;text-align:center}.Services p{font-size:1.5rem;left:10%;margin:20px;position:relative;width:80%;z-index:-1}.Cataloge{background-image:url(/static/media/timelab.af4f9be003f6a403c753.jpg);background-size:cover;display:flex;flex-direction:row;height:58vh;margin-bottom:20vh;text-align:left;& a{-webkit-text-decoration-line:none;text-decoration-line:none}}.Cat1{border:1px solid #000;border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:45vh;&:hover{background-image:url(/static/media/PHOTO-2025-07-20-15-40-37.052a8ab0c811739b7f5b.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transform:scale(1);transition:all .3s ease-in}}.Cat2{border:1px solid #000;border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:45vh;&:hover{background-image:url(/static/media/IMG_4074.433166253bdd739f8a5b.JPG);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat3{border:1px solid #000;border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:45vh;&:hover{background-image:url(/static/media/waldemar-cue0DuZ8cUU-unsplash.0fdd225c0954df15132a.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat4{border:1px solid #000;border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:45vh;&:hover{background-image:url(/static/media/radission-us-_XeQ8XEWb4Q-unsplash.712cb3c5b9069252b164.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat1 h2,.Cat1 p,.Cat2 h2,.Cat2 p,.Cat3 h2,.Cat3 p,.Cat4 h2,.Cat4 p{color:#4fcdda;font-size:1 rem}.Cargo h1{color:#4fcdda;font-size:6vh;text-align:center}.CargoContainer{display:flex;flex-direction:row;gap:5vh;margin-bottom:15%;padding:0 20vh;position:relative;top:20%;z-index:-1;& img{position:relative;width:10%}}.CargoCard{background-color:#f8f8f8;border-radius:10px;bottom:10px;box-shadow:0 0 20px#abaeaf;gap:10px;height:50vh;margin-top:10px;padding:20px;position:relative;transition:all .6s ease-in;width:45vh;& h2{color:#000;font-size:large;text-align:center}}.CargoCard p{color:#0a0a23;font-size:1rem;margin-top:60px;text-align:center}.TestContainer{background-color:#f8f8f8;padding:10vh 20vh;& p{font-size:1.5rem}}.max-w-4xl{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:10px;bottom:10px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;gap:10px;height:65vh;left:18%;margin-top:10px;padding:20px;position:relative;transition:all .6s ease-in;width:100vh}.ClientImage img{border-radius:100%;height:50px;margin-right:10px;object-fit:cover;width:50px}.GetStartedHero{align-items:center;background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:15px;display:flex;flex-direction:column;height:20vh;justify-content:center;margin:0 110px 100px;padding:160px;z-index:-1}.GetStartedCon{-webkit-backdrop-filter:blur(25%);backdrop-filter:blur(25%);background:#d7cdcd1a;border-radius:10px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;height:35vh;margin:30px;padding:20px}.GetStarted{background-image:linear-gradient(90deg,#0a0a23,#4fcdda);border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:flex;font-size:1rem;left:40%;margin-bottom:180px;padding:10px;position:relative;transition:background-color .3s ease;width:20vh;&:hover{box-shadow:0 0 10px #4fcdda;transform:scale(1.1);transition:transform .3s ease}}.text-xl{font-weight:300;margin:4vh;text-align:center}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:64px;max-width:868px}.text-3xl{color:#4fcdda;font-weight:600}.Partners h2,.text-3xl{font-size:2rem;text-align:center}.Partners h2{color:#0a0a23;margin-top:20vh}.PartnersContainer{flex-direction:row;gap:20px;margin-bottom:20vh;padding:20px}.PartnerCard,.PartnersContainer{align-items:center;display:flex;justify-content:center}.PartnerCard{height:200px;width:200px;& img{max-height:100%;max-width:100%;object-fit:contain}}.FindJob{background:linear-gradient(90deg,#0a0a23,#4fcdda);height:60vh}.FindJobContainer{grid-gap:20px;align-items:center;color:#f8f8f8;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;left:20%;margin-bottom:20vh;padding:20px;position:relative;top:20px}.FindJobText{color:#f8f8f8;font-size:1rem;margin-bottom:20px;text-align:center;& p{font-size:1.2rem;font-weight:300;margin-bottom:10px}& a{background-color:#4fcdda;border-radius:5px;color:#f8f8f8;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;&:hover{background-color:#0a0a23;box-shadow:0 0 10px #4fcdda;color:#4fcdda;transform:scale(1.1)}}}.FindJobContent img{left:10%;position:relative;width:80%}.about-us-container{background-color:#fff;color:#0a0a23;font-family:poppins,sans-serif;padding-bottom:50px}.about-us-wrapper{margin:0 auto;max-width:1100px}.heading{color:#0a0a23;font-size:40px;margin-bottom:20px;text-align:center}.mission-vision{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.mission,.values,.vision{background-color:#f8f8f8;border-radius:10px;box-shadow:0 0 10px #abaeaf;font-weight:300;padding:20px;text-align:left}.subheading{color:#4fcdda;font-size:26px;margin-bottom:15px;margin-top:40px}.paragraph{color:#333;font-size:18px;line-height:1.8;margin-bottom:20px}.feature-list{color:#444;font-size:18px;line-height:1.7;list-style-type:disc;list-style:none;margin-bottom:30px;padding-left:30px}.feature-list li{margin-bottom:10px}.closing{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:10px;bottom:10px;box-shadow:0 0 20px #abaeaf;color:#f8f8f8;gap:10px;height:30vh;left:20%;margin-top:40px;padding:20px;position:relative;transition:all .6s ease-in;width:100vh}.closing-text{border-top:1px solid #ddd;color:#f8f8f8;font-size:20px;padding-top:20px}.contact-link{background-color:#4fcdda;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;&:hover{background-color:#0a0a23;box-shadow:0 0 10px #4fcdda;color:#4fcdda;transform:scale(1.05)}}.services-page{margin:0 auto;max-width:1200px;padding:2rem}.services-title{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.services-intro{color:#555;font-size:1.2rem;margin-bottom:2rem}.services-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:30px 30px 30px 90px}.service-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #abaeaf;height:85vh;padding:1.5rem;& img{height:30vh}}.corporate-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #abaeaf;height:90vh;padding:1.5rem;& img{height:30vh}}.service-card h2{color:#0a0a23;margin-top:0}.service-card ul{font-weight:300;margin:.5rem 0 0;padding-left:1.2rem}.service-card li{list-style-type:disc;margin-bottom:.5rem;text-align:left}.service-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:8px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.service-avatar{border-radius:0;height:30%;margin-right:10px;object-fit:cover;width:100%}.Armoured-section{align-items:center;justify-content:center;margin:20vh;padding:10px 150px;& p{font-size:1rem;line-height:1.5;text-align:center}}.Coporate-section{align-items:center;justify-content:center;& p{font-size:1.2rem;text-align:center}}.Navigation{align-items:center;bottom:30px;display:flex;gap:20px;justify-content:center;margin-bottom:20px;position:relative}& .next-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;cursor:pointer;transform:scale(1.1);transition:transform .3s ease}}.prev-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;cursor:pointer;transform:scale(1.1);transition:transform .3s ease}}.feature-item img{border-radius:10px;height:80%;margin:10px 0 20px;object-fit:cover;padding-bottom:20px;width:80%}.extra-services{background:#f9f9f9;padding:40px 20px}.auto-service{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px;transition:transform .3s ease}.auto-service:hover{transform:translateY(-5px)}.auto-title{color:#0a0a23;margin-bottom:10px}.auto-text{color:#0a0a23;font-size:16px}.metal-service{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px;transition:transform .3s ease}.metal-service:hover{transform:translateY(-5px)}.metal-title{color:#000;margin-bottom:10px}.metal-text{color:#0a0a23;font-size:16px}.ContactheroCon{align-items:center;background:linear-gradient(0deg,#0a0a23,#4fcdda);display:flex;flex-direction:column;height:45vh;justify-content:center}.ContactheroCon h1{color:#f8f8f8;font-size:3rem;font-weight:600;text-align:center}.ContactheroCon h2{bottom:40px;color:#f8f8f8;font-size:1.5rem;font-weight:300;position:relative;text-align:center}.ContactheroText p{bottom:60px;color:#f8f8f8;font-size:1rem;font-weight:400;margin-top:40px;text-align:center;width:100%}.ContactForm form{background:linear-gradient(270deg,#0a0a23,#4fcdda);border-radius:10px;display:flex;flex-direction:column;gap:20px;left:30%;padding:60px;position:relative;width:80%;& input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}& input,textarea{background-color:#f8f8f8;border:none;border-radius:5px;color:#0a0a23;font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}& textarea{height:100px;resize:none}& button{background-color:#4fcdda;border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:inline-block;font-size:1rem;padding:10px;transition:background-color .3s ease}& button:hover{background-color:#0a0a23;color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.Contact{background-color:#f8f8f8;display:flex;flex-direction:row;gap:40px;margin:0;padding:40px;position:relative;top:20%}.ContactDetails{background-color:#0a0a23;border-radius:10px;box-shadow:0 0 20px#abaeaf;color:#f8f8f8;padding:20px;width:50%}.ContactDetails p{color:#f8f8f8;left:20%;position:relative;width:80%}.SocialNet{margin-top:30px}fieldset{border:none;margin:0;padding:0}.SocialNetCon{border-radius:5px;color:#f8f8f8;display:flex;flex-direction:column;font-size:1rem;font-weight:300;height:30px;padding:10px;text-align:center;text-decoration:none;transition:transform .3s ease;width:100%;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}& a{color:#f8f8f8;text-decoration:none;transition:color .3s ease}& a:hover{color:#4fcdda}}.careers-title{color:#0a0a23;font-size:1.2rem;margin-top:20px;text-align:center}.careers-title p{color:#0a0a23;font-size:1.2rem;left:20%;margin-bottom:20px;width:65%}.JobFlag{align-items:center;display:flex;flex-direction:row;gap:30px;justify-items:center;left:30%}.job-image{width:8%}.job-image,.job-imageS{left:20%;position:relative}.job-imageS{border-radius:100%;box-shadow:5px 5px 20px #555;width:9%}.JobContainer{align-items:center;background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5%;display:flex;flex-direction:row;gap:20px;justify-content:center;margin-bottom:10vh;padding:20px}.custom-form{background:linear-gradient(90deg,#f8f8f8,#4fcdda);border:1px solid #ddd;border-radius:10px;font-family:poppins,sans-serif;margin:40px auto;max-width:600px;padding:25px}.mabasa-list{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:0;padding:60px 60px 0}.mabasa-card{border-radius:12px;bottom:20px;box-shadow:5px 5px 20px #555;height:40vh;padding:1.5rem;position:relative;& img{height:40vh;width:100%}& h2{color:#f8f8f8}}.mabasa-image:hover{transform:scale(1.1);transition:transform .3s ease;& h2{display:flex;transform:scale(1.1);transition:transform .3s ease}& .star-icon{bottom:80px;color:#f6b308;display:flex;font-size:1rem;left:20px;position:relative}.star-icon-container{display:flex;flex-direction:row}}.mabasa-image img{object-fit:cover;width:100%}.mabasa-image h2{bottom:80px;display:none;font-size:.8rem;left:30px;text-align:center}.mabasa-description,.mabasa-image h2{color:#f8f8f8;position:relative}.mabasa-description{bottom:40px;font-size:1.1rem;left:10%;text-align:left;width:80%;& ul{list-style-type:numeric;margin-top:10px;padding-left:20px;& li{padding-bottom:30px}}}.star-icon{background-color:initial;left:-500%;position:relative}.custom-form h2{color:#000;font-size:1.5rem;margin-bottom:20px;text-align:center}.custom-form button,.custom-form input{border:1px solid #ccc;border-radius:6px;margin-bottom:15px;padding:10px;width:90%}.custom-form button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border:none;color:#f8f8f8;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:10px;&:hover{box-shadow:0 0 10px #abaeaf;transform:scale(1.1);transition:all .3s ease-in}}.custom-form button:focus,.custom-form input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form input{background-color:#f8f8f8;color:#0a0a23;font-size:1rem;transition:background-color .3s ease}.custom-form input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form label{color:#000;display:block;font-weight:700;margin-bottom:5px}.custom-form select{background-color:#f8f8f8;border:1px solid #ccc;border-radius:6px;color:#0a0a23;font-size:1rem;margin-bottom:15px;padding:10px;transition:background-color .3s ease;width:90%}.custom-form select:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form textarea{background-color:#f8f8f8;border:1px solid #ccc;border-radius:6px;color:#0a0a23;font-size:1rem;height:30vh;margin-bottom:15px;padding:10px;resize:vertical;transition:background-color .3s ease;width:90%}.custom-form textarea:focus{outline:none}.custom-form textarea:focus,.footer{background-color:#0a0a23;color:#f8f8f8}.footer{padding:40px 20px;text-align:center}.footerCon{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;display:flex;flex-direction:row;height:45vh;padding:20px;& h2{color:#f8f8f8;font-weight:300;margin-bottom:10px}}.whatsapp{align-items:center;display:flex;justify-content:center;right:0;top:20px}.links,.whatsapp{position:relative;width:100%}.Links,.links{right:280px}.Links,.Socials{position:relative}.Socials{right:180px}.socialIcons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px;margin-top:20px;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}& a{color:#f8f8f8;text-decoration:none;transition:color .3s ease;width:100%}& a:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.newsletter input{background-color:#f8f8f8;border:none;border-radius:5px;color:#0a0a23;margin-bottom:10px;padding:10px;transition:background-color .3s ease;width:200px;&:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}}.newsletter button{background-color:#f8f8f8;border:none;border-radius:5%;color:#0a0a23;display:inline-block;font-size:small;font-weight:300;margin-right:10px;padding:10px;text-decoration:none;transition:color .3s ease;&:hover{background-color:#4fcdda;box-shadow:0 0 10px #0a0a23;transform:scale(1.1);transition:transform .3s ease}}.Links a,.links a{color:#f8f8f8;display:flex;flex-direction:column;font-size:small;font-weight:300;margin-bottom:5px;padding:5px;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}&:active{color:#0a0a23}&:last-child{margin-bottom:0}}.footerCon img{float:left;position:relative;width:50%}.copyright{color:#f8f8f8;font-size:.875rem;font-weight:300;margin-top:20px}.copyright a{color:#f8f8f8;-webkit-text-decoration-line:none;text-decoration-line:none;&:hover{color:#4fcdda}}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:1rem;font-weight:300;line-height:1.5}.word{display:inline-block}@media (max-width:766px){body{font-size:16px;overflow-x:hidden;padding:5px}.Navbar{align-items:flex-start;flex-direction:row;padding:16px}.headerContainer{left:5%;position:relative;top:30%}.LogoImage{bottom:280px;left:2%;object-fit:cover;position:relative;width:50%}.logoText{bottom:10px;left:5px;width:20vh;& h1{font-size:1rem;margin-bottom:10px;right:15px}& h1,& p{position:relative}& p{bottom:10px;color:#f8f8f8;font-weight:600}}.leftside img{height:40px;left:0;position:relative}.headerContainer h1{color:#f8f8f8;font-size:2.5rem;line-height:normal;text-align:left;width:50vh}.headerContainer p{left:5px;position:relative;width:80%}.headerContainer a{color:#f8f8f8;padding:20px;position:relative;right:8%}.rightside{flex-direction:column;gap:10px;margin-top:10px;width:100%}.rightside a{display:none}button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border:1px #000;bottom:12px;display:block;left:70%;position:relative;width:10vh}.hiddenLinks{background-color:#0a0a23;display:flex;flex-direction:column;font-size:1.5rem;padding:14px 16px;position:absolute;right:3px;scale:(.9);text-align:left;top:85px;transition:all .3s ease;width:44vh;z-index:999;& .call{left:30%;position:relative}}.hiddenLinks a{left:80px;text-align:left}.energyContainer,.hiddenLinks a{position:relative}.energyContainer{display:flex;flex-direction:column;margin-bottom:15%;padding:40px;top:20%;& img{border-radius:5px;box-shadow:0 0 20px #4fcdda;margin:0;top:60px;width:100%}}.energyLeft{position:relative;right:0}.energyRight{left:0;position:relative}.energyRight h1,p{text-align:left}.energyRight h1{font-size:6vh;font-size:2rem;width:70vh;width:100%}.services-list{padding:90px 60px 30px}.energyRight a{padding:20px;position:relative;right:33%;top:20px}.Cataloge{height:90vh;margin-bottom:20px}.mineRight{margin-top:80px;position:relative;right:0;& h1,p{text-align:left}}.mineRight h1{font-weight:600}.mineRight a{position:relative;right:33%;top:20px}.mineLeft img{bottom:180px;left:2%;position:relative;width:100%}.energyContainer .oil{display:none}.Services p{padding:0;text-align:left}.Cataloge{background-image:url(/static/media/timelab.af4f9be003f6a403c753.jpg);background-size:cover;display:flex;flex-direction:column;height:100%;margin:10px 0 20vh;text-align:left;& a{font-size:1.2rem;-webkit-text-decoration-line:none;text-decoration-line:none}}.Cargo h1,.Cat1 h2,.Cat1 p,.Cat2 h2,.Cat2 p,.Cat3 h2,.Cat3 p,.Cat4 h2,.Cat4 p{color:#4fcdda}.Cargo h1{font-size:6vh;text-align:center}.CargoContainer{display:flex;flex-direction:column;gap:5vh;margin:0;padding:0 10px 60px;position:relative;top:0;& img{position:relative;width:10%}}.CargoCard{background-color:#f8f8f8;border-radius:10px;bottom:10px;box-shadow:0 0 20px #abaeaf;gap:10px;height:50vh;margin-top:10px;padding:20px;position:relative;transition:all .6s ease-in;width:45vh;& h2{color:#000;font-size:large;text-align:center}}.CagoCard p{color:#0a0a23;font-size:3vh;margin-top:50vh;text-align:center}.TestContainer{background-color:#f8f8f8;padding:0;& p{font-size:small}}.GetStarted button{background-color:#4fcdda;border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:flex;font-size:1rem;padding:10px;transition:background-color .3s ease}.GetStartedHero{align-items:center;background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:15px;display:flex;flex-direction:row;font-size:1rem;height:20vh;justify-content:center;margin:10px;padding:160px;z-index:-1}.GetStartedCon{-webkit-backdrop-filter:blur(25%);backdrop-filter:blur(25%);background:#d7cdcd1a;border-radius:10px;bottom:20px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;height:35vh;margin:60px;padding:80px;position:relative;& h1{bottom:60px}& h1,& p{font-size:1rem;margin:0;position:relative;text-align:center}& p{bottom:40px;width:25vh}}.max-w-4xl{background-color:#f8f8f8;border-radius:10px;bottom:10px;box-shadow:0 0 20px#4FCDDA;gap:10px;height:50vh;margin-top:10px;padding:20px;position:relative;right:0;transition:all .6s ease-in;width:30vh}.ClientImage img{border-radius:100%;height:50px;margin-right:10px;object-fit:cover;width:50px}.GetStarted{background-image:linear-gradient(90deg,#0a0a23,#4fcdda);border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:flex;font-size:1rem;left:20px;padding:10px;position:relative;transition:background-color .3s ease;width:20vh}.text-xl{margin:5vh;text-align:center}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:64px;max-width:868px}.text-3xl{color:#4fcdda;font-size:1rem;font-weight:600;text-align:center}.FindJobContainer{color:#f8f8f8;left:0;position:relative;top:0}.FindJobContent img{left:0;position:relative;width:60%}.FindJobText p{font-weight:300px;text-align:center}.FindJobText a{left:0;position:relative;top:20px}.PartnersContainer{display:flex;flex-direction:column;height:100%;margin-bottom:20vh;padding:0;width:100%}.ContactheroCon h1{color:#f8f8f8;font-size:2.5rem;font-weight:600;text-align:center}.ContactheroCon h2{bottom:40px;font-size:1.5rem;font-weight:300}.ContactheroCon h2,.ContactheroText p{color:#f8f8f8;position:relative;text-align:center}.ContactheroText p{bottom:60px;font-size:1rem;font-weight:400;left:10%;line-height:1.5;margin-top:20px;width:80%}.service-button{display:flex;left:25%;position:relative;top:10px;width:15vh}.Armoured-section{align-items:center;justify-content:center;margin:0;padding:0;& p{font-size:1.2rem;text-align:center}}.feature-item img{border-radius:10px;height:80%;margin:0;object-fit:fill;padding:80px 0;width:100%}.Navigation{align-items:center;bottom:30px;display:flex;gap:20px;justify-content:center;margin-bottom:20px;position:relative}.about-us-wrapper p{text-align:center}.closing{bottom:10px;color:#f8f8f8;left:10%;width:40vh}.auto-service{box-shadow:0;margin:0;padding:10px;text-align:center}.auto-service .Amoured-features{bottom:60px;padding:0;position:relative;right:35px}.JobContainer{background:linear-gradient(90deg,#0a0a23,#4fcdda);margin-bottom:20vh}.JobContainer,.mabasa-list{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px}.mabasa-list{margin-bottom:0}.mabasa-card{border-radius:12px;bottom:20px;height:40vh;padding:1.5rem;position:relative;& img{height:40vh;width:100%}}.footer{background-color:#0a0a23;color:#f8f8f8;padding:40px 20px;text-align:center}.footerCon{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;display:flex;flex-direction:column;height:130vh;padding:20px;& h2{color:#f8f8f8;font-weight:300;margin-bottom:10px}}.links{margin-bottom:10px;width:100%}.Links,.Socials,.links{position:relative;right:0}.socialIcons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px;margin-top:20px;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}& a{color:#f8f8f8;text-decoration:none;transition:color .3s ease;width:100%}& a:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.newsletter input{background-color:#f8f8f8;border:none;border-radius:5px;color:#0a0a23;margin-bottom:10px;padding:10px;transition:background-color .3s ease;width:200px;&:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}}.newsletter button{background-clip:padding-box;background-image:linear-gradient(90deg,#0a0a23,#4fcdda);color:#f8f8f8;display:flex;left:35%;margin:10px;position:relative;width:10vh}.Links a,.links a{color:#f8f8f8;display:flex;flex-direction:column;padding:5px;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none}.footerCon img{position:relative;width:100%}.Contact{background-color:#f8f8f8;display:flex;flex-direction:column-reverse;gap:40px;margin:0;padding:40px;position:relative;top:20%}.ContactDetails{background-color:#0a0a23;border-radius:10px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;left:-8%;padding:20px;position:relative;width:100%}.ContactDetails p{color:#f8f8f8;left:20%;position:relative;width:80%}.SocialNet{margin-top:30px}.ContactForm form{background:linear-gradient(270deg,#0a0a23,#4fcdda);border-radius:10px;display:flex;flex-direction:column;gap:20px;left:-10%;padding:60px;position:relative;width:80%;& button{display:flex;left:5px;position:relative;width:100%}}.custom-form button{display:flex;left:5%;margin-top:20px;position:relative}}.JobFlag{gap:10px}.JobFlag,.careers-title p{left:10%;position:relative}.careers-title p{text-align:center;width:80%}.job-image{border-radius:100%;box-shadow:5px 5px 20px #555;width:10%}.careers-title h1{color:#0a0a23;font-size:2rem;margin-top:20px;text-align:center}@media (min-width:768px) and (max-width:1023px){body{animation:smoothscroll 1s ease-in-out;background-color:#fff;color:#333;font-family:poppins,sans-serif;font-size:16px;margin:0;overflow-x:hidden;padding:0;transition:all .3s ease-in-out}.Navbar{align-items:center;-webkit-backdrop-filter:blur(100%);backdrop-filter:blur(100%);background:linear-gradient(90deg,#0a0a23,#4fcdda);bottom:0;box-shadow:0 4px 10px #0000001a;color:#000;display:flex;height:8vh;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.logoIco{display:flex;flex-direction:row;gap:20px;right:80px}.logoIco,.logoText{position:relative}.logoText{color:#f8f8f8;font-size:.5rem;left:100px;& p{bottom:10px;color:#f8f8f8;font-weight:600}}.Top{height:20px}.Top,.rightside .DropDown{background:linear-gradient(90deg,#0a0a23,#4fcdda)}.rightside .DropDown{bottom:50px;display:none;flex-direction:column;gap:10px;height:20vh;margin-top:52px;position:absolute;right:-60px;text-align:center;top:10px;width:20vh;z-index:-999;& a{color:#f8f8f8;font-weight:500;position:relative;text-decoration:none;top:10px;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease;width:20vh}}}.leftside img{height:50px;left:60%;object-fit:contain}.leftside img,.rightside{position:relative;z-index:-1}.rightside{display:flex;gap:20px;right:10%;top:10px}.rightside a{color:#f8f8f8;font-size:.9rem;font-weight:400;height:6vh;position:relative;text-decoration:none;top:10px;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.rightside a:hover .DropDown{color:#4fcdda;display:flex;z-index:999}button{display:none}.call{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;bottom:10px;left:30px;padding:10px 0;position:relative;width:20vh}.hiddenLinks a{color:#fff;font-weight:500;margin:10px;text-decoration:none;transition:color .3s ease}.Navbar #close .hiddenLinks,.hiddenLinks{display:none}.header{background-size:cover;bottom:80px;height:95vh;position:relative}.headerContainer{left:8%;position:relative;top:40%}.headerContainer h1{color:#f8f8f8;font-size:3rem;line-height:normal;text-align:left;width:65vh}.headerContainer p{bottom:30px;font-size:1.5rem;left:5px;text-align:left;width:70vh}.headerContainer a,.headerContainer p{color:#f8f8f8;position:relative}.headerContainer a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;margin:0 20px;padding:20px;right:31%;-webkit-text-decoration-line:none;text-decoration-line:none;top:10px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;transform:scale(1.1);transition:transform .3s ease}}.LogoImage{bottom:200px;left:25%;object-fit:cover;position:relative;width:30%}.energyContainer{display:flex;flex-direction:column;margin-bottom:15%;position:relative;top:20%;& img{width:80%}}.energyLeft .Field{border-radius:10px 15px 15px 10px;box-shadow:0 0 20px #abaeaf;left:10%;position:relative;top:6px}.energyLeft{position:relative;right:90px;top:100px}.energyRight{left:3%;padding:60px;position:relative}.energyRight h1,.energyRight p{font-size:1.5rem;text-align:left}.energyRight h1{font-size:6vh;width:70vh}.energyRight a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;margin:0 10px;padding:20px;position:relative;right:41%;-webkit-text-decoration-line:none;text-decoration-line:none;top:20px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;position:relative;transform:scale(1.1);transition:transform .3s ease}}.mineRight{padding:20px;position:relative;right:-5%;& h1,p{font-size:1.5rem;text-align:left;width:60vh}}.mineRight h1{font-weight:600}.mineRight a{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;margin:0 10px;padding:20px;position:relative;right:42%;-webkit-text-decoration-line:none;text-decoration-line:none;top:20px;&:hover{bottom:10px;box-shadow:0 0 10px #0a0a23;color:#0a0a23;position:relative;transform:scale(1.1);transition:transform .3s ease}}.mineLeft img{border-radius:5%;box-shadow:10px 10px 20px 5px #abaeaf;margin-top:30px;position:relative;right:20px;width:80%}.energyContainer .oil{display:none}.Services h1{font-size:6vh;margin-top:20vh}.Services h1,.Services p{color:#0a0a23;text-align:center}.Services p{font-size:1.5rem;left:10%;margin:20px;position:relative;width:80%;z-index:-1}.Cataloge{background-image:url(/static/media/timelab.af4f9be003f6a403c753.jpg);background-size:cover;display:flex;flex-direction:column;height:218vh;margin-bottom:20vh;text-align:left;& a{-webkit-text-decoration-line:none;text-decoration-line:none}}.Cat1{border:none;border-bottom:1px solid #000;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:85vh;&:hover{background-image:url(/static/media/PHOTO-2025-07-20-15-40-37.052a8ab0c811739b7f5b.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transform:scale(1);transition:all .3s ease-in}}.Cat2{border:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:85vh;&:hover{background-image:url(/static/media/IMG_4074.433166253bdd739f8a5b.JPG);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat3{border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:85vh;&:hover{background-image:url(/static/media/waldemar-cue0DuZ8cUU-unsplash.0fdd225c0954df15132a.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat4{border-bottom:none;border-top:none;color:#f8f8f8;gap:10px;height:50vh;margin-top:10px;padding:20px;width:85vh;&:hover{background-image:url(/static/media/radission-us-_XeQ8XEWb4Q-unsplash.712cb3c5b9069252b164.jpg);background-size:cover;bottom:10px;box-shadow:2px 2px 20px #fff;height:52vh;position:relative;transition:all .3s ease-in}}.Cat1 h2,.Cat1 p,.Cat2 h2,.Cat2 p,.Cat3 h2,.Cat3 p,.Cat4 h2,.Cat4 p{color:#4fcdda;font-size:1 rem}.Cargo h1{color:#4fcdda;font-size:6vh;text-align:center}.CargoContainer{display:flex;flex-direction:column;gap:5vh;margin-bottom:15%;padding:0 12vh;position:relative;top:20%;z-index:-1;& img{position:relative;width:10%}}.CargoCard{background-color:#f8f8f8;border-radius:10px;bottom:10px;box-shadow:0 0 20px#abaeaf;gap:10px;height:30vh;margin-top:10px;padding:20px;position:relative;transition:all .6s ease-in;width:45vh;& h2{color:#000;font-size:1.5rem;text-align:center}}.CargoCard p{color:#0a0a23;font-size:1.5rem;margin-top:60px;text-align:center}.TestContainer{background-color:#f8f8f8;padding:10vh 20vh;& p{font-size:1.5rem}}.max-w-4xl{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:10px;bottom:10px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;gap:10px;height:65vh;left:18%;margin-top:10px;padding:20px;position:relative;transition:all .6s ease-in;width:100vh}.ClientImage img{border-radius:100%;height:50px;margin-right:10px;object-fit:cover;width:50px}.GetStartedHero{align-items:center;background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:15px;display:flex;flex-direction:column;height:20vh;justify-content:center;margin:0 110px 100px;padding:160px;z-index:-1}.GetStartedCon{-webkit-backdrop-filter:blur(25%);backdrop-filter:blur(25%);background:#d7cdcd1a;border-radius:10px;box-shadow:0 0 20px#4FCDDA;color:#f8f8f8;height:35vh;margin:30px;padding:20px}.GetStarted{background-image:linear-gradient(90deg,#0a0a23,#4fcdda);border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:flex;font-size:1rem;left:40%;margin-bottom:180px;padding:10px;position:relative;transition:background-color .3s ease;width:20vh;&:hover{box-shadow:0 0 10px #4fcdda;transform:scale(1.1);transition:transform .3s ease}}.text-xl{font-weight:300;margin:4vh;text-align:center}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:64px;max-width:868px}.text-3xl{color:#4fcdda;font-weight:600}.Partners h2,.text-3xl{font-size:2rem;text-align:center}.Partners h2{color:#0a0a23;margin-top:20vh}.PartnersContainer{flex-direction:row;gap:20px;margin-bottom:20vh;padding:20px}.PartnerCard,.PartnersContainer{align-items:center;display:flex;justify-content:center}.PartnerCard{height:200px;width:200px;& img{max-height:100%;max-width:100%;object-fit:contain}}.FindJob{background:linear-gradient(90deg,#0a0a23,#4fcdda);height:80vh}.FindJobContainer{align-items:center;color:#f8f8f8;display:flex;flex-direction:column;gap:20px;justify-content:center;left:0;margin-bottom:20vh;padding:20px;position:relative;top:20px}.FindJobText{color:#f8f8f8;font-size:1.5rem;margin-bottom:20px;text-align:center;& p{font-size:1.2rem;font-weight:300;margin-bottom:10px}& a{background-color:#4fcdda;border-radius:5px;color:#f8f8f8;margin-top:80px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;&:hover{background-color:#0a0a23;box-shadow:0 0 10px #4fcdda;color:#4fcdda;transform:scale(1.1)}}}.FindJobContent img{left:0;position:relative;top:30px;width:80%}.about-us-container{background-color:#fff;color:#0a0a23;font-family:poppins,sans-serif;padding-bottom:50px}.about-us-wrapper{margin:0 auto;max-width:1100px;padding:30px}.heading{color:#0a0a23;font-size:40px;margin-bottom:40px;text-align:center}.mission-vision{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.mission,.values,.vision{background-color:#f8f8f8;border-radius:10px;box-shadow:0 0 10px #abaeaf;font-weight:300;padding:20px;text-align:left}.subheading{color:#4fcdda;font-size:26px;margin-bottom:15px;margin-top:40px}.paragraph{color:#333;font-size:18px;line-height:1.8;margin-bottom:20px}.feature-list{color:#444;font-size:18px;line-height:1.7;list-style-type:disc;list-style:none;margin-bottom:30px;padding-left:30px}.feature-list li{margin-bottom:10px}.closing{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:10px;bottom:10px;box-shadow:0 0 20px #abaeaf;color:#f8f8f8;gap:10px;height:20vh;left:5%;margin-top:40px;padding:20px;position:relative;transition:all .6s ease-in;width:60vh}.closing-text{border-top:1px solid #ddd;color:#f8f8f8;font-size:20px;padding-top:20px}.contact-link{background-color:#4fcdda;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;&:hover{background-color:#0a0a23;box-shadow:0 0 10px #4fcdda;color:#4fcdda;transform:scale(1.05)}}.services-page{margin:0 auto;max-width:1200px;padding:2rem}.services-title{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.services-intro{color:#555;font-size:1.2rem;margin-bottom:2rem}.services-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:30px 30px 30px 10px}.service-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #abaeaf;height:55vh;padding:1.5rem;& img{height:30vh}}.corporate-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 10px #abaeaf;height:60vh;padding:1.5rem;& img{height:30vh}}.service-card h2{color:#0a0a23;margin-top:0}.service-card ul{font-weight:300;margin:.5rem 0 0;padding-left:1.2rem}.service-card li{list-style-type:disc;margin-bottom:.5rem;text-align:left}.service-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:8px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.service-avatar{border-radius:10%;height:30%;margin-right:10px;object-fit:cover;width:100%}.Armoured-section{align-items:center;justify-content:center;margin:0;padding:10px;& p{font-size:1.5rem;line-height:1.5;text-align:center}}.Coporate-section{align-items:center;justify-content:center;& p{font-size:1.2rem;text-align:center}}.Navigation{align-items:center;bottom:30px;display:flex;gap:20px;justify-content:center;margin-bottom:20px;position:relative}& .next-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;cursor:pointer;transform:scale(1.1);transition:transform .3s ease}}.prev-button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;color:#f8f8f8;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;&:hover{box-shadow:0 0 10px #abaeaf;color:#4fcdda;cursor:pointer;transform:scale(1.1);transition:transform .3s ease}}.feature-item img{border-radius:10px;height:80%;margin:10px 0 20px;object-fit:cover;padding-bottom:20px;width:80%}.extra-services{background:#f9f9f9;padding:40px 20px}.auto-service{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px;transition:transform .3s ease}.auto-service:hover{transform:translateY(-5px)}.auto-title{color:#0a0a23;margin-bottom:10px}.auto-text{color:#0a0a23;font-size:16px}.metal-service{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px;transition:transform .3s ease}.metal-service:hover{transform:translateY(-5px)}.metal-title{color:#000;margin-bottom:10px}.metal-text{color:#0a0a23;font-size:16px}.ContactheroCon{align-items:center;background:linear-gradient(0deg,#0a0a23,#4fcdda);display:flex;flex-direction:column;height:45vh;justify-content:center}.ContactheroCon h1{color:#f8f8f8;font-size:3rem;font-weight:600;text-align:center}.ContactheroCon h2{bottom:40px;font-size:1.5rem;font-weight:300}.ContactheroCon h2,.ContactheroText p{color:#f8f8f8;position:relative;text-align:center}.ContactheroText p{bottom:60px;font-size:1rem;font-weight:400;left:20%;margin-top:40px;width:60%}.ContactForm form{background:linear-gradient(270deg,#0a0a23,#4fcdda);border-radius:10px;display:flex;flex-direction:column;gap:20px;left:30%;padding:60px;position:relative;width:80%;& input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}& input,textarea{background-color:#f8f8f8;border:none;border-radius:5px;color:#0a0a23;font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}& textarea{height:100px;resize:none}& button{background-color:#4fcdda;border:none;border-radius:5px;color:#f8f8f8;cursor:pointer;display:inline-block;font-size:1rem;padding:10px;transition:background-color .3s ease}& button:hover{background-color:#0a0a23;color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.Contact{background-color:#f8f8f8;display:flex;flex-direction:row;gap:40px;margin:0;padding:40px;position:relative;right:7%;top:20%}.ContactDetails{background-color:#0a0a23;border-radius:10px;box-shadow:0 0 20px#abaeaf;color:#f8f8f8;padding:20px;width:50%}.ContactDetails p{color:#f8f8f8;left:20%;position:relative;width:80%}.SocialNet{margin-top:30px}fieldset{border:none;margin:0;padding:0}.SocialNetCon{border-radius:5px;color:#f8f8f8;display:flex;flex-direction:column;font-size:1rem;font-weight:300;height:30px;padding:10px;text-align:center;text-decoration:none;transition:transform .3s ease;width:100%;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}& a{color:#f8f8f8;text-decoration:none;transition:color .3s ease}& a:hover{color:#4fcdda}}.careers-title{color:#0a0a23;font-size:1.2rem;margin-top:20px;text-align:center}.careers-title p{color:#0a0a23;font-size:1.2rem;left:20%;margin-bottom:20px;position:relative;width:65%}.JobContainer{align-items:center;background:linear-gradient(90deg,#0a0a23,#4fcdda);display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20vh;padding:20px}.custom-form{background:linear-gradient(90deg,#f8f8f8,#4fcdda);border:1px solid #ddd;border-radius:10px;font-family:poppins,sans-serif;margin:40px auto;max-width:400px;padding:25px;&:hover{max-width:500px;scale:1.1;transition:all .3s ease-in}}.mabasa-list{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:10vh;padding:20px}.mabasa-card{border-radius:5px;bottom:20px;height:40vh;padding:1.5rem;position:relative;& img{height:40vh;width:100%}& h2{color:#f8f8f8;font-size:1.5rem}}.mabasa-image:hover{transform:scale(1.1);transition:transform .3s ease;& h2{display:flex;font-size:1.5rem;left:60px;position:relative;transform:scale(1.1);transition:transform .3s ease}& .star-icon{bottom:100px;color:#f6b308;display:none;font-size:1rem;left:25px;position:relative}}.star-icon-container{display:flex;flex-direction:row}.mabasa-image h2{display:none;font-size:.8rem;left:30px;text-align:center}.mabasa-description,.mabasa-image h2{bottom:80px;color:#f8f8f8;position:relative}.mabasa-description{font-size:1.5rem;left:10%;text-align:left;width:80%;& ul{list-style-type:numeric;margin-top:10px;padding-left:20px}}.star-icon{background-color:initial;left:-500%;position:relative}.custom-form h2{color:#000;font-size:1.5rem;margin-bottom:20px;text-align:center}.custom-form button,.custom-form input{border:1px solid #ccc;border-radius:6px;margin-bottom:15px;padding:10px;width:90%}.custom-form button{background:linear-gradient(90deg,#0a0a23,#4fcdda);border:none;color:#f8f8f8;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:10px;&:hover{box-shadow:0 0 10px #abaeaf;transform:scale(1.1);transition:all .3s ease-in}}.custom-form button:focus,.custom-form input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form input{background-color:#f8f8f8;color:#0a0a23;font-size:1rem;transition:background-color .3s ease}.custom-form input:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form label{color:#000;display:block;font-weight:700;margin-bottom:5px}.custom-form select{background-color:#f8f8f8;border:1px solid #ccc;border-radius:6px;color:#0a0a23;font-size:1rem;margin-bottom:15px;padding:10px;transition:background-color .3s ease;width:90%}.custom-form select:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}.custom-form textarea{background-color:#f8f8f8;border:1px solid #ccc;border-radius:6px;color:#0a0a23;font-size:1rem;height:30vh;margin-bottom:15px;padding:10px;resize:vertical;transition:background-color .3s ease;width:90%}.custom-form textarea:focus{outline:none}.custom-form textarea:focus,.footer{background-color:#0a0a23;color:#f8f8f8}.footer{font-size:1rem;padding:40px 20px;text-align:center}.footerCon{background:linear-gradient(90deg,#0a0a23,#4fcdda);border-radius:5px;display:flex;flex-direction:row;height:30vh;padding:20px;& h2{color:#f8f8f8;font-weight:300;margin-bottom:10px}}.whatsapp{align-items:center;display:flex;justify-content:center;right:0;top:20px;width:100%}.links,.whatsapp{position:relative}.links{right:30px;width:100vh}.Links{right:20px}.Links,.Socials{position:relative}.Socials{right:0}.socialIcons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px;margin-top:20px;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}& a{color:#f8f8f8;text-decoration:none;transition:color .3s ease;width:100%}& a:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}}.newsletter input{background-color:#f8f8f8;border:none;border-radius:5px;color:#0a0a23;margin-bottom:10px;padding:10px;transition:background-color .3s ease;width:200px;&:focus{background-color:#0a0a23;color:#f8f8f8;outline:none}}.newsletter button{background-color:#f8f8f8;border:none;border-radius:5%;color:#0a0a23;display:inline-block;font-size:small;font-weight:300;margin-right:10px;padding:10px;text-decoration:none;transition:color .3s ease;&:hover{background-color:#4fcdda;box-shadow:0 0 10px #0a0a23;transform:scale(1.1);transition:transform .3s ease}}.Links a,.links a{color:#f8f8f8;display:flex;flex-direction:column;font-size:small;font-weight:300;margin-bottom:5px;padding:5px;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color .3s ease;&:hover{color:#4fcdda;transform:scale(1.1);transition:transform .3s ease}&:active{color:#0a0a23}&:last-child{margin-bottom:0}}.footerCon img{float:left;position:relative;width:100%}.copyright{color:#f8f8f8;font-size:.875rem;font-weight:300;margin-top:20px}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:1rem;font-weight:300;line-height:1.5}.word{display:inline-block}}
/*# sourceMappingURL=main.cf2363c5.css.map*/