* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fontFamilyBold {
    font-family: "Outfit", serif;
    font-weight: 800;
}

body {
    font-family: "Outfit", serif;
    /* font-size:16px; */
}
p{
    color: #666666 !important;
    line-height: 1.8rem;
}
.headerList.navbar-nav .nav-item {
    padding-left: 15px;
    font-weight: 600;
    font-family: "Outfit", serif;
}

.container-fluid {
    max-width: 1500px;
}

.navbar {
    margin-top: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-brand img {
    height: 40px;
    width: auto;
}

.repairmrgnTopBtm {
    margin-top: 360px;
    margin-bottom: 160px;
}


/* .repair-rentalTxt h2 {
    font-size: 50px;
    line-height: 0.8;
} */

.repair-rentalTxt h2 {
    font-size: 42px;
    line-height: 0.8;
    margin-bottom: 5px;
}

.repair-rentalTxt h6 {
    font-size: 18px;
    line-height: 30px;
    font-family: "Outfit", serif;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    margin-top: 5px;
    margin-bottom: 5px;
}

.BtnClr {
    background: #ec1c23;
    color: #ffffff !important;
    font-size: 18px;
    border-radius: 25px;
    padding: 14px 28px 9px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "Outfit", serif;
    border: 0px;
}

.BtnClr {
    display: none;
}

.displayBlck {
    display: block;
}

.lineheight2 {
    line-height: 2rem;
}

.copyRght {
    margin-top: 50px;
}

.CustomerInfo a {
    color: #ffffff;
}

.CustomerInfo a:hover {
    text-decoration: none;
}

.mobileImg {
    width: 25px;
    padding-right: 10px;
}

.headerBg {
    background-image: url(../Img/Land_Img.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 64% auto;
}

.greyBg {
    background-color: #fbfbfd;
}

.pdngLftRght10 {
    padding-left: 5px;
    padding-right: 5px;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.pdngRghtZero {
    padding-right: 0px;
}

.pdngLftZero {
    padding-left: 0px;
}

.DashpdngTopBtm {
    padding-top: 70px;
    padding-bottom: 160px;
}

.DashpdngTopBtm h2 {
    font-size: 2rem;
}

.DashpdngTopBtm p {
    line-height: 1.6rem;
    margin-top: 2rem;
    color: rgba(0, 0, 0, 0.75);
}

.workPdngBtn {
    padding-top: 100px;
    padding-bottom: 100px;
}

.workPdngBtn h4 {
    font-size: 2rem;
}

.workPdngBtn p {
    font-size: 1.2rem;
    margin-bottom: 5rem;
}

.pdngTopBtm100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.repairService h4 {
    font-size: 2rem;
}

.repairService h6 {
    font-size: 1.1rem;
}

.carWashDetails h3 {
    font-size: 2rem;
}

.carWashDetails h6 {
    font-size: 1.1rem;
}

.testimonials h2 {
    font-size: 2rem;
}

.testimonials h6 {
    font-size: 1.1rem;
}

.howWorks p {
    font-size: 1rem;
    margin-bottom: 0px;
}

.howWorks .row>div {
    padding: 0px 40px;
}

.howWorks h6 {
    font-size: 1.2rem;
}

.bgRental {
    background: url('../Img/left-side-rental.png') no-repeat;
}

.carwashBG {
    background: url('../Img/right-side.png') no-repeat;
    background-position: right;
}

.bgrepair {
    background: url('../Img/left-side.png') no-repeat;
    background-position: bottom left;
}

@media (min-width:1600px) {
    .headerBg {
        background-size: 55% auto;
    }
    .cstmpdngLft {
        padding-left: 90px;
    }
    .dashpdngcenter {
        padding-top: 75px;
    }
}

@media(min-width:1700px) {
    .headerBg {
        background-size: auto;
    }
    .repairmrgnTopBtm {
        margin-bottom: 230px;
    }
}

@media (min-width:1400px) {
    .DashpdngTopBtm h2 {
        font-size: 2.5rem;
    }
    .DashpdngTopBtm h6 {
        font-size: 1.2rem;
        font-family: "Outfit", serif;
    }
    .DashpdngTopBtm p {
        line-height: 1.8rem;
        margin-top: 2.5rem;
        color: rgba(0, 0, 0, 0.75);
    }
    .workPdngBtn {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .workPdngBtn h4 {
        font-size: 2.5rem;
    }
    .repairService h4 {
        font-size: 2.5rem;
    }
    .repairService h6 {
        font-size: 1.2rem;
    }
    .carWashDetails h3 {
        font-size: 2.5rem;
    }
    .carWashDetails h6 {
        font-size: 1.2rem;
    }
    .testimonials h2 {
        font-size: 2.5rem;
    }
    .testimonials h6 {
        font-size: 1.2rem;
    }
}

@media (min-width:1300px) {
    .wdth60 {
        width: 77%;
    }
    .navbar-brand {
        padding-left: 85px;
    }
    .dashpdngcenter {
        padding-top: 65px;
    }
}

@media (max-width: 1300px) and (min-width: 992px) {
    .headerBg {
        background-size: 60% auto;
    }
    .repair-rentalTxt h2 {
        font-size: 36px;
    }
    .carousel-indicators {
        bottom: -67px;
    }
    .dashpdngcenter {
        padding-top: 50px;
    }
}

@media (max-width:992px) {
    .clrTxt-white {
        color: #ffffff !important;
    }
    .navbar {
        /* IE10+ */
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(100, rgba(0, 0, 0, 0)));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* W3C Markup */
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        margin-top: 0px;
        padding: 0px;
    }
    .headerBg {
        margin: 0px;
    }
    button.btn.BtnClr.displayBlck {
        margin: auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .navbar-brand {
        padding-top: 50px !important;
        text-align: center;
        margin: auto;
    }
    .headerBg {
        background-size: initial;
    }
    .repair-rentalTxt h2 {
        font-size: 36px;
    }
    .DashpdngTopBtm h2 {
        font-size: 2rem;
    }
    .DashpdngTopBtm h6 {
        font-size: 1rem;
    }
    .DashpdngTopBtm {
        padding-bottom: 70px;
    }
    .carWashDetails h6 {
        font-size: 1rem;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .repairmrgnTopBtm {
        margin-top: 710px;
        margin-bottom: 100px;
        text-align: center
    }
    .carousel-indicators {
        bottom: -67px;
    }
    .headerBg {
        background-position-y: -190px;
    }
    .repairService h4,
    .carWashDetails h3,
    .testimonials h2 {
        font-size: 1.8rem;
    }
    .testimonials h6 {
        font-size: 1rem;
    }
    .headerBg {
        background: url(../Img/Group-31.jpeg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .repair-rentalTxt h6 {
        margin: auto;
    }
}

@media (min-width:768px) {
    .repair-rentalTxt h6 {
        width: 365px;
    }
}

@media (max-width:767px) {
    .headerBg {
        background: url(../Img/Group-31.jpeg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .repairmrgnTopBtm {
        margin-top: 530px;
    }
    .repairService h4,
    .carWashDetails h3,
    .testimonials h2,
    .workPdngBtn h4 {
        font-size: 1.6rem;
    }
    .testimonials h6 {
        font-size: 1rem;
    }
    .workPdngBtn,
    .pdngTopBtm100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .BtnClr {
        font-size: 14px;
    }
    .workPdngBtn p,
    .repairService h6 {
        font-size: 1rem;
    }
}

@media (max-width:599px) {
    .repair-rentalTxt h2 {
        font-size: 30px;
    }
    .repairmrgnTopBtm {
        margin-top: 225px;
        margin-bottom: 93px;
    }
    .repair-rentalTxt h6 {
        font-size: 16px;
    }
    .BtnClr {
        font-size: 14px;
        padding: 10px 28px 7px;
    }
    .repair-rentalTxt p {
        font-size: 14px;
    }
    body {
        font-size: 15px !important;
    }
    .repairService p{
    line-height: 2rem !important;
}
}

@media (max-width:400px) {
    .repairmrgnTopBtm {
        margin-top: 225px;
        margin-bottom: 0px;
    }
    .repairService p{
    line-height: 2rem !important;
}
}

@media (max-width:330px) {
    .repairmrgnTopBtm {
        margin-top: 146px;
    }
}


/* old css */

.navbar-dark .headerList.navbar-nav .nav-link {
    color: #ffffff;
}

.pdngLftRght {
    padding-left: 100px;
    padding-right: 100px;
}

.pdngRght {
    padding-right: 100px;
}

.pdngLft {
    padding-left: 100px;
}

.carousel {
    margin-top: 20px;
}

.carousel-item {
    text-align: center;
    min-height: 280px;
    /* Prevent carousel from being distorted if for some reason image doesn't load */
}

.carousel-indicators li {
    background-color: #ff0000 !important
}

.carousel-indicators .acive {
    background-color: #ff0000 !important
}

.bs-example {
    margin: 20px;
}

.font-bold {
    font-weight: 600;
}

.clrBlackTxt {
    color: #000000;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-13 {
    font-size: 13px;
}

.DisplayNone {
    display: none;
}

.lineHght24 {
    line-height: 24px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.howWorks img {
    width: 130px;
    max-width: 100%;
}

.howWorks h6 {
    margin-top: 15px;
}

.maxWdth100 {
    max-width: 100%;
}

.CustomerInfo {
    background: #1b212a;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.CustomerInfo h6 {
    color: #bfbfbf;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}

.CustomerInfo p {
    margin-bottom: 0px;
    margin-top: 0px;
}

.CustomerInfo img {
    width: 100px;
}

.footer {
    background: #1b212a;
    color: #bfbfbf;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.footer h5 {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.footer ul {
    list-style: none;
    padding-left: 0px;
}

.footer li a {
    color: #bfbfbf;
}

.footer li {
    display: inline-block;
    width: 49%;
    margin-bottom: 5px;
}

.brdrBtm4 {
    border-bottom: 4px solid grey;
}

.inline {
    display: inline-block;
}

.socailMedia div {
    width: 39%;
}

.footer p {
    margin-bottom: 0px;
}

.infoTxt {
    color: #ffffff;
    font-weight: 600;
    margin-top: 20px;
    font-size: 14px;
}

.socailMedia {
    margin-top: 50px;
    margin-bottom: 50px;
}

.socialIcons {
    text-align: center;
    width: 20% !important;
}

.socialIcons img {
    width: 40px;
    padding-right: 5px;
}

.footer .logo {
    width: 200px;
    margin-bottom: 20px;
}

.testimonialMrgn {
    padding-top: 50px;
    background: #fbfbfd;
    padding-bottom: 50px;
}

.testimonialMrgn h6 {
    font-size: 14px;
}

.testimonialMrgn h2 {
    margin-bottom: 0px;
}

.carWashDetails p {
    color: #bfbfbf;
}

.carWashDetailsMrgn {
    margin-top: 60px;
}

.carWashDetailsMrgn .row>div {
    margin-bottom: 10px;
}

.pdngTopBtm50 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.mrgnTop40 {
    margin-top: 40px;
}

.mrgnTop80 {
    margin-top: 80px;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #ffffff;
}

ul.navbar-nav.ml-auto.headerList {
    padding-right: 50px;
}

.navbar-collapse.show {
    background: #ffffff;
}

.navbar-collapse.show a {
    font-weight: 600;
    color: #000000 !important;
}

.navbar-collapse.show .headerList.navbar-nav .nav-item {
    border-bottom: 1px solid #d4d4d4;
}

.pdngLftRghtZero {
    padding-left: 0px;
    padding-right: 0px
}

@media(min-width:768px) and (max-width:991px) {
    .pdngLftRght {
        padding-left: 50px;
        padding-right: 50px;
    }
    .pdngRght {
        padding-right: 50px;
    }
    .pdngTopBtm50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pdngLft {
        padding-left: 50px;
    }
    .howWorks .row>div {
        padding: 0px 15px;
    }
    .CustomerInfo img {
        width: 40px;
        margin-bottom: 10px;
    }
    .mrgnTop80 {
        margin-top: 20px;
    }
    .pdngTopBtm {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .testimonialMrgn {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width:992px) and (max-width:1300px) {
    .CustomerInfo img {
        width: 40px;
        margin-bottom: 10px;
    }
    .repairmrgnTopBtm {
        margin-top: 200px;
        margin-bottom: 100px;
    }
    .pdngLftRght {
        padding-left: 50px;
        padding-right: 50px;
    }
    ul.navbar-nav.ml-auto.headerList {
        padding-right: 0px;
    }
    .headerList.navbar-nav .nav-item {
        padding-left: 10px;
    }
    .headerBg {
        background-size: 63%;
    }
    .howWorks .row>div {
        padding: 0px 15px;
    }
    .socailMedia div {
        width: 34%;
    }
    .socialIcons {
        width: 30% !important;
    }
    .CustomerInfo .row>div {
        margin-bottom: 20px;
    }
    .mrgnTop80 {
        margin-top: 40px;
    }
    .pdngRght {
        padding-right: 50px;
    }
    .pdngLft {
        padding-left: 50px;
    }
    .CustomerInfo {
        text-align: center;
    }
    .testimonialMrgn {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    /* .carWashDetails {
            padding-top: 50px;
            margin-top: 0px !important;
        } */
    .navbar-brand {
        padding-left: 35px;
    }
}

@media (max-width:767px) {
    .pdngLftRght {
        padding-left: 15px;
        padding-right: 15px;
    }
    .howWorks .row>div {
        margin-bottom: 30px;
    }
    .m-t-mb-20 {
        margin-top: 20px;
    }
    /* .mbl-Center{
            text-align: center !important;
        } */
    .clrTxt-white {
        color: #ffffff;
    }
    .pdngTopBtm {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pdngRght {
        padding-right: 15px;
    }
    .pdngLft {
        padding-left: 15px;
    }
    .mrgnTop80 {
        margin-top: 10px;
    }
    .CustomerInfo img {
        width: 40px;
        margin-bottom: 10px;
    }
    .CustomerInfo .row>div {
        margin-bottom: 20px;
    }
    .CustomerInfo {
        text-align: center;
    }
    .footer {
        text-align: center;
    }
    .footer li {
        width: 100%;
    }
    .footer h5 {
        margin-top: 30px;
    }
    .brdrBtm4 {
        display: none;
    }
    .socialIcons {
        width: 100% !important;
    }
    .testimonialMrgn {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .mt-5,
    .my-5 {
        margin-top: 2rem !important;
    }
    p {
        margin-bottom: 5px;
    }
}

@media (max-width:599px) {
    .navbar-brand {
        display: block;
        margin: auto;
    }
    .navbar-brand img {
        width: 300px;
    }
    /*         
           .headerBg{
            background: url('../Img/mobile-bg.png') no-repeat;
            background-size: contain;
            background-position-y: -166px;
        
        } */
    .dashMrgn {
        margin-top: 100px !important;
    }
    .pdngTopBtm50 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mbl-Center {
        text-align: center !important;
    }
    .pdngTopBtm {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .pdngRght {
        padding-right: 15px;
    }
    .pdngLft {
        padding-left: 15px;
    }
    .carWashDetailsMrgn {
        margin-top: 40px;
    }
    .testimonialMrgn {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .carousel-indicators {
        bottom: -50px;
    }
    .CustomerInfo img {
        width: 30px;
        margin-bottom: 10px;
    }
    .CustomerInfo .row>div {
        margin-bottom: 20px;
    }
    .footer li {
        width: 100%;
    }
    .footer h5 {
        margin-top: 30px;
    }
    .brdrBtm4 {
        display: none;
    }
    .socialIcons {
        width: 100% !important;
    }
    .xs-hide {
        display: none;
    }
    .show-xs {
        display: block;
    }
    .pdngRghtZero-xs {
        padding-right: 0px;
    }
    .pdngLftZero-xs {
        padding-left: 0px;
    }
    .workPdngBtn,
    .pdngTopBtm100,
    .DashpdngTopBtm {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width:768px) {
    .md-hide {
        display: none;
    }
}

@media (max-width:767px) {
    .sm-hide {
        display: none;
    }
}

@media (min-width:600px) {
    .show-xs {
        display: none;
    }
    #mobileFlt {
        display: none;
    }
/*
    .displayBlck {
        display: block;
    }
*/
}

@media (min-width:600px) and (max-width:767px) {
    .repairmrgnTopBtm {
        margin-bottom: 142px;
        text-align: center;
    }
    .navbar-brand {
        display: block;
        margin: auto;
    }
}

@media (min-width:730px) and (max-width:767px) {
    .repairmrgnTopBtm {
        margin-top: 610px;
        margin-bottom: 182px;
    }
}

@media (min-width:800px) and (max-width:991px) {
    .repairmrgnTopBtm {
        margin-top: 700px;
        margin-bottom: 182px;
    }
}

@media (min-width:400px) and (max-width:499px) {
    .repairmrgnTopBtm {
        margin-top: 280px;
        margin-bottom: 50px;
    }
}

@media (min-width:500px) and (max-width:599px) {
    .repairmrgnTopBtm {
        margin-top: 467px;
        margin-bottom: 248px;
    }
}

#mobileFlt {
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 99999;
}

#mobileFlt {
    display: none;
}

.hideDiv {
    display: none;
}

.showDiv {
    display: block !important;
}

#launchTimer>div {
    display: inline-block;
    font-size: 40px;
    line-height: 22px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

#launchTimer {
    margin-top: 30px;
    margin-bottom: 50px;
}

#launchTimer span {
    display: block;
    padding-left: 50px;
}

#launchTimer small {
    font-size: 14px;
    padding-left: 50px;
}

.fullscreenDiv {
    background: url('../Img/launch-bg.jpeg') no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    bottom: 0px;
    top: 0px;
    left: 0;
    position: absolute;
}

.center {
    position: absolute;
    /* top: 20%; */
    /* left: 50%; */
    text-align: center;
    margin-top: 150px;
}

.launchTxt {
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    margin-top: 50px;
}

@media (min-width:992px) and (max-width:1366px) {
    .center {
        margin-top: 150px;
    }
}

@media(min-width:2000px) {
    .center {
        margin-top: 250px;
    }
}

@media(min-width:2600px) {
    .center {
        margin-top: 350px;
    }
}

.lauchButton {
    display: none;
}

.showLaunchBtn {
    display: block;
}

.inlineCss {
    display: inline-block !important;
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
}

@media (max-width:767px) {
    .displayBlck a {
        color: #ffffff !important;
    }
}

@media (min-width:768px) {
    .md-lg-hide {
        display: none;
    }
}

.repairService p{
    line-height: 1rem;
}

.CustomerInfo p, .footer p{
    color: #ffffff !important;
}