@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;--primary: #081B61;--secondary: #8ABFFF;--highlight: #c5dfff;text-decoration:none;list-style:none;font-family:Lato}.counter{display:flex;flex-direction:column;align-items:flex-start;color:var(--primary)}.counter-text{font-size:4rem;font-weight:900}.counter-title{font-size:2rem;font-weight:400}@media (max-width: 1000px){.counter-text{font-size:2rem}.counter-title{font-size:1rem}}.counters-title{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.counters{display:flex;column-gap:2rem;justify-content:space-between;padding:3rem}@media (max-width: 600px){.counters{flex-direction:column;row-gap:1rem;align-items:center}}.title-box{width:100px;height:auto;padding:.5rem 0rem;background-color:orange;border-radius:5px;transition:.5s ease-in}.title-text{font-size:.8rem;color:#fff;text-align:center;font-weight:900}.title-box:hover{transform:scale(1.1)}.features{width:100%;height:auto;padding:2rem;margin-bottom:2rem;display:flex;flex-direction:column;row-gap:2rem;align-items:center}.header-text{color:var(--primary);font-weight:900;font-size:4rem;text-align:center}.header-lower-third{margin-top:1rem;font-size:1.2rem;font-weight:400;text-align:center;color:var(--primary);line-height:2rem}.feature-cards{margin-top:2rem;display:flex;column-gap:3rem;row-gap:1rem;justify-content:space-between;align-items:flex-start;width:100%;height:auto;padding-left:2rem;padding-right:2rem;flex-wrap:wrap}.card1,.card2,.card3{display:flex;flex-direction:column;row-gap:1rem;align-items:flex-start;width:300px;height:auto;transition:.5s ease-in-out}.card-icon{background-color:orange;padding:1rem;border-radius:50%;color:var(--primary);font-size:1.5rem;font-weight:400}.card-title{color:var(--primary);font-weight:900;font-size:1.5rem}.card-text{color:var(--primary);font-weight:400;font-size:1rem;line-height:2rem}.link1,.link2,.link3{display:flex;align-items:center;column-gap:.6rem;opacity:0;transition:.5s ease-in-out}.link-text{font-size:1.1rem;color:var(--primary);font-weight:900}.link-icon{padding-top:.3rem;font-size:1.1rem;color:var(--primary)}.card-hover1:hover .card1{transform:translateY(-20px)}.card-hover1:hover .link1{opacity:1}.card-hover2:hover .card2{transform:translateY(-20px)}.card-hover2:hover .link2{opacity:1}.card-hover3:hover .card3{transform:translateY(-20px)}.card-hover3:hover .link3{opacity:1}@media (max-width: 1000px){.header-text{font-size:2rem}.header-lower-third,.card-icon,.card-title{font-size:1rem}.card-text{font-size:.8rem}.link-text,.link-icon{font-size:.9rem}}@media (max-width: 900px){.feature-cards{flex-direction:column;align-items:center}}@media (max-width: 400px){.card1,.card2,.card3{width:200px}}.hero{width:100%;height:90vh;position:relative}.hero-img{width:100%;height:90vh;object-fit:cover}.hero-content{position:absolute;top:0;right:0;margin-top:10rem;margin-right:4rem;background-color:#081b61e2;padding:2rem;border-radius:5px;display:flex;flex-direction:column;row-gap:1.5rem;justify-content:center;align-items:flex-start}.hero-title{font-size:3.5rem;color:#fff}.hero-text{color:#fff;font-size:1.5rem;line-height:2rem}@media (max-width: 1000px){.hero-content{margin-right:3rem;border-radius:6px;row-gap:1rem}.hero-title{font-size:2.5rem}.hero-text{font-size:1rem}}@media (max-width: 800px){.hero-content{row-gap:.8rem}.hero-title{font-size:1.8rem}.hero-text{font-size:.8rem}}@media (max-width: 450px){.hero-content{margin-right:.5rem}}@media (max-width: 350px){.hero-content{padding:.5rem}}.button{width:15rem;padding:1.2rem;background-color:orange;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:900;text-align:center;margin-bottom:1rem}.button:hover{transform:scale(1.1);background:linear-gradient(to right,#ff5d8f,#ff97b7)}@media (max-width: 1000px){.button{width:12rem;font-size:1rem}}@media (max-width: 800px){.button{width:9rem;font-size:.9rem;padding:.8rem}}.marketing{width:100%;height:70vh;background-color:#f5f7fa;display:flex;justify-content:space-between;column-gap:1rem}.image{width:50%;display:flex;justify-content:center;align-items:center}.home-image{width:400px;height:auto;position:relative}.img-icon1{position:absolute;color:var(--primary);font-size:2rem}.mark-icon1{transform:translate(40px,80px)}.mark-icon2{transform:translate(-180px,60px)}.mark-icon3{transform:translate(40px,-80px)}.mark-icon4{transform:translate(-80px,-40px)}.mark-icon5{transform:translate(180px,-40px)}.message{width:50%;padding:1rem}.message-title{margin-top:3rem;font-size:4rem;color:var(--primary);font-weight:900;padding-right:3rem}.message-text{margin-top:2rem;font-size:1.3rem;color:var(--primary);padding-right:3rem;line-height:2rem;margin-bottom:3rem}@media (max-width: 1500px){.message-title{margin-top:1rem}.message-text{margin-top:1rem;margin-bottom:1rem}}@media (max-width: 1000px){.message-title{font-size:2rem}.message-text{font-size:1rem}}@media (max-width: 800px){.marketing{flex-direction:column;height:auto;row-gap:1rem;padding:1rem}.image,.message{width:auto}}@media (max-width: 500px){.home-image{width:250px}.img-icon1{font-size:1rem}.mark-icon1{transform:translate(20px,40px)}.mark-icon2{transform:translate(-120px,30px)}.mark-icon3{transform:translate(20px,-50px)}.mark-icon4{transform:translate(-50px,-20px)}.mark-icon5{transform:translate(110px,-25px)}}.sales{width:100%;height:auto;padding:2rem}.pitch{font-size:1.2rem;font-weight:900;text-align:center;margin-bottom:2rem}.client-logos{display:flex;column-gap:1rem;flex-wrap:nowrap;justify-content:center;align-items:center}.logo-item{width:150px;height:auto}.logo-item:hover{transform:scale(1.1)}@media (max-width: 1400px){.client-logos{flex-wrap:wrap}}.value-added-service{padding-top:2rem}.value-added-title{font-size:2rem;text-align:center;font-weight:900}.value-added{width:100%;height:auto;padding:2rem;display:flex;column-gap:1rem;row-gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.value-container{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem}.value-img{width:400px;height:auto}.value-text{font-size:1.3rem;color:var(--primary)}.workshop{width:100%;height:auto;display:flex;column-gap:1rem;row-gap:1rem;padding:2rem;justify-content:center;align-items:flex-start;background-color:#f5f7fa}.repair{width:50%;margin-left:5rem}.repair-title{font-size:2rem;font-weight:900;color:var(--primary)}.service-list{margin-top:2rem}.service-item{font-size:1.3rem;font-weight:400;padding:1rem;margin-bottom:1rem;background-color:var(--primary);width:60%;color:orange}.repair-photo{width:50%;padding-right:2rem}.repair-img{width:600px;height:auto}@media (max-width: 1000px){.workshop{padding:2rem 1rem;flex-direction:column;align-items:center}.service-item{width:90%}.repair-photo{padding:0;width:auto}.repair{margin:0;width:auto}}@media (max-width: 800px){.workshop{padding:1rem .5rem}.repair-img{width:500px}}@media (max-width: 600px){.value-img{width:300px}.value-added-title{font-size:1.3rem}.workshop{flex-wrap:wrap}.service-item{width:80%}.repair-img{width:400px}}@media (max-width: 500px){.repair-img{width:300px}}@media (max-width: 400px){.value-img,.repair-img{width:250px}}.contact-hero-container{background:linear-gradient(to left,#00000080,#000000b3),url(/images/pexels-kaique-rocha-57645.jpg),no-repeat;background-size:cover;background-position:center;width:100%;background-repeat:no-repeat;background-attachment:fixed;height:70vh;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-hero-title{font-size:3.5rem;padding:0rem 1.2rem 1.2rem}.contact-hero-text{font-size:2rem;padding:0rem 1.2rem 1.2rem}.contact-container{width:100%;height:auto;padding:5rem;text-align:center}.contact-title{font-size:3rem;margin-bottom:2rem}.contact-address{font-size:1.5rem}.one{margin-bottom:1rem}.two{font-size:2rem;font-weight:700;margin-bottom:2rem}@media (max-width: 600px){.contact-hero-container{height:50vh}.contact-hero-title{font-size:2rem}.contact-hero-text{font-size:1rem}}.error-page{width:100%;height:auto;padding-top:5rem;text-align:center}.error-title{padding-top:5rem}.error-text{padding:3rem}.logo{display:flex;column-gap:1rem;justify-content:space-around;align-items:center}.main-logo{width:60px;height:auto}.scroll-logo{width:40px;height:auto}.left-icon1{padding-top:.5rem;font-size:1rem;animation:icon1 2s ease-in-out infinite}.left-icon2{font-size:2rem;animation:icon2 2s ease-in-out infinite;color:#fff}@keyframes icon1{0%{color:#fff;transform:translate(0)}to{color:#c1c1c14d;transform:translate(-10px) scale(.5)}}@keyframes icon2{0%{transform:translate(-10px)}to{transform:translate(10px)}}@media (max-width: 800px){.main-logo{width:40px}.scroll-logo{width:30px}}@media (max-width: 600px){.left-icon1,.left-icon2{display:none}}.nav-bar{width:100%;height:120px;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(to right,#023e8a,#0077b6);z-index:99;position:fixed}.on-scroll{width:100%;height:80px;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(to right,#023e8a,#0077b6);z-index:99;position:fixed}@media (max-width: 600px){.social{display:none}}.menu-bar{display:flex;column-gap:1.3rem;justify-content:center;align-items:center}.menu-item{color:#d5d5d595;font-size:1.2rem;font-weight:900}.menu-item:hover{color:#fff}.active{color:#fff;font-size:1.2rem;font-weight:900;border-bottom:4px solid rgb(255,174,24)}.small-menu{font-size:2rem;color:#fff;display:none}.mobile-menu{display:none}@media (max-width: 1000px){.small-menu{display:block}.menu-bar{display:none}.mobile-menu{position:fixed;top:6rem;left:0;right:0;display:flex;flex-direction:column;row-gap:1rem;align-items:center;background-color:var(--primary);padding:2rem 0;transform:translateY(-50rem)}.show{transform:translateY(0)}}.info{display:flex;justify-content:center;align-items:center;column-gap:1rem;color:#fff}.facebook{font-size:2rem;color:#fff}.fa-address{font-size:1rem;line-height:1.3rem;font-weight:900}.info:hover .facebook{color:#ffae18;transform:scale(1.1)}@media (max-width: 1000px){.facebook{font-size:1.2rem}.fa-address{font-size:.8rem}}.footer{width:100%;height:auto;padding:3rem 0rem;background-color:#070730;display:flex;column-gap:2rem;justify-content:space-around;align-items:flex-start}.footer-logo{width:60px;height:auto}.address{display:flex;flex-direction:column;row-gap:1rem;align-items:flex-start}.footer-company{font-size:2rem;color:#fff;font-weight:900}.street{display:flex;justify-content:flex-start;align-items:center;column-gap:1rem;color:#fff}.street p{line-height:1.5rem}.footer-email{display:flex;justify-content:center;align-items:center;column-gap:1rem;color:#fff}.icon1{font-size:1.8rem}.icon2{font-size:1.7rem}.icon1:hover,.icon2:hover,.street:hover .icon1,.footer-email:hover .icon2{color:#ffae18;transform:scale(1.1)}@media (max-width: 1000px){.footer-logo{width:40px}.footer-company{font-size:1.5rem}.street,.footer-email{font-size:.9rem}.icon1{font-size:1.2rem}.icon2{font-size:1.1rem}}@media (max-width: 900px){.footer{flex-wrap:wrap;row-gap:1.3rem}}@media (max-width: 450px){.footer{padding:1rem}}.form{color:var(--primary);background-color:#f4f4f4;padding:2rem;border-radius:.7rem}.form-title{font-size:2rem;font-weight:900}.form-text{margin-top:.5rem;font-size:1.2rem;font-weight:300}.contact-form{margin-top:1.5rem;display:flex;flex-direction:column;row-gap:.7rem;justify-content:center;align-items:flex-start;font-size:1rem;font-weight:900}.fullname{display:flex;column-gap:1rem;justify-content:flex-start;align-items:center}.firstname,.lastname{display:flex;flex-direction:column;row-gap:.7rem}.input{background-color:#fff;border-radius:5px;height:30px;border:none;width:100%;padding-left:1rem}.form-btn{background-color:orange;color:var(--primary);width:100%;height:40px;border:none;border-radius:5px;font-weight:900;font-size:1.2rem;cursor:pointer}.error-message{font-size:.6rem;color:red}.success-message{font-size:.6rem;color:var(--primary)}.phone-input{display:flex;column-gap:1rem;row-gap:1rem;align-items:center;width:100%}.phone-type{width:10%}.number{width:90%}@media (max-width: 1000px){.form{padding:1rem}.form-title{font-size:1.4rem}.form-text{font-size:1rem}.contact-form{font-size:.8rem}.form-btn{font-size:1rem}}