*{box-sizing:border-box;font-family:Roboto;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}body{color:#000}.container{margin:0 auto;width:75%}.overlay{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));height:100vh;position:absolute;top:0;width:100%}h1,h2,h3,h4,h5{font-weight:500;margin-bottom:1rem}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h3,section>h5{color:var();text-align:center}.btn{border:1px solid #112047;border-radius:.4rem;color:#bb0509;cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;width:-webkit-max-content;width:max-content}.btn:hover{background-color:#112047;border-color:transparent;color:#e5efef}.about__container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%;margin:2rem auto;padding:2rem 0;z-index:-1}.about__us{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);background-color:#454f4f;border-radius:2rem;display:grid;place-items:center;width:100%}img{display:block;object-fit:cover;width:100%}.about__us-image{border-radius:2rem;height:419px;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:all .4s ease}.about__us-image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.about__card{background:#112047;border:1px solid transparent;border-radius:1rem;color:#fff;padding:2rem;text-align:center;transition:all .4s ease}.about__card small{color:#ccc;font-size:1rem}.about__card:hover{background:transparent;border-color:#112047;color:#000;cursor:default}.about__icon{font-size:1.4rem;margin-bottom:1rem}.about__card h5{font-size:.95rem}.about__content p{color:#827b7b;font-size:18px;line-height:1.4;margin:2rem 0 2.6rem}.container.service__container{margin-bottom:2rem;padding-bottom:4rem;width:40%}.service__avater{aspect-ratio:1/1;border:.4rem solid #2e2252;border-radius:50%;margin:0 auto 1rem;overflow:hidden;width:4rem}.service__description{color:#827b7b;display:block;font-weight:300;margin:.8rem auto 0;width:80%}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;margin:2rem auto;padding:2rem 0;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:#112047;border:1px solid transparent;border-radius:1.2rem;color:#fff;padding:1.2rem;text-align:center;transition:all .4s ease}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{color:#fff;display:inline-block;font-size:.8rem;margin-top:.7rem;text-decoration:none}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid #333232;border-radius:.5rem;color:#0b0b0b;padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container{width:86%}section{margin-top:6rem}.about__container{gap:0;grid-template-columns:1fr}.about__us{margin:2rem auto 4rem;width:50%}.about__content p{margin:1rem 0 1.5rem}.container.service__container{width:60%}.container.contact__container{gap:2rem;grid-template-columns:1fr}.services__container{gap:2rem;grid-template-columns:1fr 1fr}.services{height:auto}}@media screen and (max-width:600px){.container{width:90%}section>h2{margin-bottom:2rem}.about__us{margin:0 auto 3rem;width:65%}.about__cards{gap:1rem;grid-template-columns:1fr 1fr}.about__content{text-align:center}.about__content p{margin:1.5rem 0}.container.contact__container,.container.service__container,.service__description{width:90%}.services__container{gap:1.5rem;grid-template-columns:1fr}}@-webkit-keyframes change{0%{background-image:url(/static/media/truck-technician-image.bd27fa3f5fa9dcf17cd0.jpg)}25%{background-image:url(/static/media/Truck-Inspection.5d90ceaa58d9f8bc365a.jpeg)}50%{background-image:url(/static/media/hero-truck-repair.ba61d06ba54c2d119157.jpeg)}75%{background-image:url(/static/media/truck-hero-img.ac6da67ba9dee72e0d0e.jpg)}to{background-image:url(/static/media/home-section-img.5b4fc02aa9953c10b0e4.jpg)}125%{background-image:url(/static/media/truck-technician-image.bd27fa3f5fa9dcf17cd0.jpg)}}@keyframes change{0%{background-image:url(/static/media/truck-technician-image.bd27fa3f5fa9dcf17cd0.jpg)}25%{background-image:url(/static/media/Truck-Inspection.5d90ceaa58d9f8bc365a.jpeg)}50%{background-image:url(/static/media/hero-truck-repair.ba61d06ba54c2d119157.jpeg)}75%{background-image:url(/static/media/truck-hero-img.ac6da67ba9dee72e0d0e.jpg)}to{background-image:url(/static/media/home-section-img.5b4fc02aa9953c10b0e4.jpg)}125%{background-image:url(/static/media/truck-technician-image.bd27fa3f5fa9dcf17cd0.jpg)}}.container{margin:auto}.img{height:5rem;width:100%}.container-image{width:100px}button{background:#fff;border:none;border-radius:5px;color:#d91f25;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;outline:none;padding:15px 30px;transition:.5s}button:hover{background:#776e73;box-shadow:0 13px 27px 0 rgba(245,78,162,.25)}@media screen and (max-width:768px){.left,.right{width:100%}.about .container{flex-direction:column}.about .img,.about img{height:100%;width:100%}.about img{object-fit:cover}.about .img:after{display:none}}@media screen and (max-width:940px){.accordian{max-width:800px}}.home{background-color:var(--overlay);color:#fff;height:100vh;position:relative;width:100%}.home:before{-webkit-animation:change 10s ease-in-out infinite;animation:change 10s ease-in-out infinite;background:url(/static/media/hero-truck-repair.ba61d06ba54c2d119157.jpeg) no-repeat 50%/cover;content:"";-webkit-filter:brightness(50%);filter:brightness(50%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.home .content{height:100%;justify-content:center;margin:auto;max-width:1100px;padding:1rem}.btn-container,.home .content{display:flex;flex-direction:column}.btn-container{align-items:flex-start;margin-top:32px}.link{align-items:center;background:#fff;border-radius:5px;color:#bb0509;cursor:pointer;display:inline-flex;font-size:24px;font-weight:700;justify-content:center;padding:14px 48px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.home .content p:first-child{margin-bottom:5px}.home .content p:first-child,.home .content p:nth-child(2){font-size:1.9rem;font-weight:lighter}.home .content p:nth-child(3){font-size:5rem;font-weight:700}.home .content p:nth-child(4){font-size:2.2rem;font-style:italic}@media screen and (max-width:940px){.home .content p:nth-child(3){font-size:2.6rem}.home .content p:nth-child(4){font-size:1.6rem}.content{align-items:center}}.service-container{width:900px}.label{color:#d8dadd;cursor:pointer;display:inline-block;font-weight:600;margin-top:15px;text-decoration:underline}@media screen and (max-width:1024px){.service-container{gap:2rem;grid-template-columns:(1,1fr);width:60%}}.navbar{background-color:#ede5e5;height:75px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}.navbar .container1{align-items:center;display:flex;justify-content:space-between;margin-right:50px}.first__align{justify-content:center}.first__align,.navbar .logo{align-items:center;display:flex}.navbar .logo{color:#112047;cursor:pointer;margin:.9rem;z-index:5}.image{height:50px;margin-left:100px;width:100px}.hamburger{cursor:pointer;margin-right:100px;padding:1rem}.hamburger,.mobile-menu{display:none}.nav-menu{display:flex}.nav-menu li{align-items:center;cursor:pointer;list-style:none;padding:1rem}.hide{margin-right:5rem}.nav-menu li a{color:#112047;font-size:1rem;font-weight:600}@media screen and (max-width:940px){.hamburger{display:block;margin-right:50px;z-index:5}.image{margin-left:50px}.mobile-menu{cursor:pointer;display:flex;flex-direction:column;width:100%}.nav-menu{background:#fff;height:100vh;right:-100%;top:0;transition:.9s ease-in-out;width:50%;z-index:-1}.first__align,.nav-menu{flex-direction:column;justify-content:center;position:absolute}.first__align{align-items:start}.second__align{margin-top:300px}.nav-menu li a{color:#e6dede;color:#000}.active{right:0}.nav-menu li{list-style:none;margin:.5rem}.nav-menu li a{font-size:1.2rem}.nav-menu .icon{color:#f8f8f8cc;font-size:1.4rem}.hide{display:none}.navbar .slide-right{margin-left:45%;transition:.8s ease-in-out}}@media screen and (max-width:495px){.nav-menu{width:75%}.navbar .slide-right{margin-left:30%}}.footer{background-color:#24262b;cursor:pointer;padding:70px 0}.footer-container{margin:auto;max-width:1170px}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer-col{padding:0 15px;width:25%}.footer-col h4{color:#fff;font-size:18px;font-weight:500;margin-bottom:35px;position:relative;text-transform:capitalize}.footer-col h4:before{background-color:#983d3d;bottom:-10px;box-sizing:border-box;content:"";height:2px;left:0;position:absolute;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{color:#fff;color:#bbb;display:block;font-size:16px;font-weight:300;text-decoration:none;text-transform:capitalize;transition:all .3s ease}.footer-col ul li a:hover{color:#fff}.footer-col .social-links a{background-color:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:inline-block;height:40px;line-height:40px;margin:0 10px 10px 0;text-align:center;transition:all .5s ease;width:40px}.footer-col .social-links a:hover{background-color:#fff;color:#24262b}.copyright{color:#fff;margin-top:4rem;text-align:center}@media(max-width:767px){.footer-col{margin-bottom:30px;width:50%}}@media(max-width:574px){.footer-col{width:100%}}.container{margin:2rem auto;max-width:80%;padding:2rem 0}.service-container{grid-gap:3rem;color:#fff;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin:3rem auto;max-width:80%;text-align:center;-webkit-user-select:none;user-select:none;width:1000px}.service_card{background:#112047;box-shadow:0 3px 15px rgba(0,0,0,.7);height:370px;margin:0 auto;padding:20px;position:relative;transition:all .4s ease;width:500px}.card .image-box{height:100%;left:0;position:relative;top:0;width:100%}.service_card .image-box img{display:block;height:80%;left:0;position:absolute;top:0;transition:.5s;width:100%}.service_card .service-content{background:#112047;bottom:0;box-sizing:border-box;height:100px;left:0;overflow:hidden;padding:12px;position:absolute;transition:all .5s cubic-bezier(.48,-.28,.41,1.4);width:100%}.service_card:hover .service-content{bottom:0;height:75%;left:0;width:100%}.service-content p{line-height:1.4;margin:5px 0 2px;padding:1em;text-align:justify;-webkit-transform:translateY(2em);transform:translateY(2em);transition:.3s}.service_card:hover .service-content p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}h2,h3{text-align:center}h3{margin:2rem}.service-p{color:#363636;font-size:18px;line-height:1.3;margin:2rem 0 2.6rem 2}.service_card:hover{box-shadow:0 0 5em rgba(0,0,0,.4)}
/*# sourceMappingURL=main.3082c63e.css.map*/