body {
    
}
.Menubar .navbar-light .navbar-nav .nav-item :after {
    content: " | ";
}
.topbar {
    background-color: #1f3042;
    padding:0;
    margin:0;
}
.sidebarmobile{
    display:none;
}
.h1header {
    color: #003d69;
    font-size: 2.56vw !important;
}
.topbar ul li {
    display: inline-block;
    font-size: 1.3vw;
    color: white;
    margin-right: 1.2vw;
}

    .topbar .fastruck {
        padding-top: 10px;
        background-color: #ef7a13;
    }

        .topbar .fastruck li {
            font-weight: bold;
        }

    .topbar ul li a {
        color: White;
    }

    .topbar svg {
        color: #ffc349;
        font-size: 1.8vw;
    }

        .topbar svg:hover {
            color: white;
            font-size: 1.8vw;
        }

.topbar .col-md-3 {
    padding-top: 1.8vh;
}

.topbar .col-md-9 {
    padding-top: 1.8vh;
}

.topbar .col-md-6 {
    padding-top: 1.8vh;
}

.topbar ul {
    margin-bottom: 0.5vw;
    margin-left: 1.8vw;
    padding: 0px;
}
.topsocial  ul
{
    margin-bottom: 0.5vw;
    margin-left: 6.8vw;
    padding: 0px;
}
.banner img {
    width: 100%;
}
.thanks svg {
    color: #ffc349;
    font-size: 3.29vw;
}
.thanks {
    padding-top: 2.92vw;
    padding-bottom: 2.92vw;
}
    .thanks .circ {
        padding-top: 0.36vw;
        padding-bottom: 0.36vw;
        border: 0.73vw double #1f3042;
    }
.Menubar {
    background-color: #003d69;
   /* padding-top: 0.80vh;
    padding-bottom: 0.80vh;*/
}
.sidebar {
    background: #003d69;
}
    .sidebar ul li {
        border-bottom: 1px solid white;
    }
.sidebar ul li a{
   color:white;
   text-decoration:none;

}
    .sidebar ul li svg {
        color: #ffc349;
        margin-left: 0.3vw;
    }
.sidebar svg:hover{
    color:white;
}
    .sidebar ul li a:hover {
        color: #ffc349;
        text-decoration: none;
    }
    .sidebar h5 {
        color: white;
        background: #1f3042;
        margin-top: 8.5vh;
        font-size: 1.48vw;
    }
.headoffice h3{
    text-align:right;
}
.Menubar img {
    width:14vw;
}

    .Menubar .navbar-light {
        background-color: #003d69 !Important;
    }

.Menubar .navbar {
    color: white;
    Font-size: 1.3vw;
    padding: 0;
    padding-top: 1vh !important;
    padding-bottom: 0vh !important;
    position: relative;
    margin-left: 0vw;
}
.navmenu {
    margin-left: 4vw;
}
.Menubar .col-md-7 {
    /*padding-top: 0.36vw;
    padding-left: 0px;*/
}

    .Menubar .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        background-color: #1f3042;
    }
/*.banner2 .btncontact1 {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.70vw;
    font-size: 1.5vw;
    margin-top: 0.70vw;
    font-weight: bold;
}*/
.bannerslide .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.70vw;
    font-size: 1.5vw;
    margin-top: 0.70vw;
    font-weight: bold;
}
.bannerslide .btncontact:hover {
    color: #1f3042;
    background-color: white;
    border: 0.07320644216691069vw solid #fd8a23;
    padding: 0.70vw;
    font-size: 1.5vw;
    margin-top: 0.70vw;
    font-weight: bold;
}

.bannerslide .btncontact1:hover {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.70vw;
    font-size: 1.5vw;
    margin-top: 0.70vw;
    font-weight: bold;
}
.bannerslide .btncontact1 {
    color: #1f3042;
    background-color: white;
    border: 0.07320644216691069vw solid #fd8a23;
    padding: 0.70vw;
    font-size: 1.5vw;
    margin-top: 0.70vw;
    font-weight: bold;
}
    
.active svg{
    font-size:1.4vw;
}
.ourservices a {
    text-decoration: none;
    padding: 0.36vw;
}
    .ourservices a:hover {
        text-decoration: none;
        padding: 0.36vw;
    }

.bannerbtn {
    margin-right: 50vw;
}
.Menubar .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: white;
    text-align: inherit;
    white-space: nowrap;
    background-color: #1f3042;
    border: 0;
    font-weight: bold;
}

        .Menubar .dropdown-item:hover {
            color: #fd8a23;
        }

    .Menubar .navbar-nav .show > .nav-link {
        color: white !Important;
    }

    .Menubar .navbar-light .navbar-nav .nav-link {
        color: white !Important;
    }

        .Menubar .navbar-light .navbar-nav .nav-link:hover {
            color: #ffc349 !Important;
        }


.Menubar .navbar-light .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
    padding-right: 0.5vw;
    padding-left: 0rem;
}

    .Menubar .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-left: 50px;
    }

    .Menubar .navbar-light .navbar-nav .nav-link:hover {
        color: #e41f2d;
    }
.Demod h3{
    text-align:center;
}
.appointment1 .btncontact {
    color: #003d69;
    background-color: #ffc349;
    border-color: #ffc349;
    padding: 0.7vw;
    font-size: 1.3vw;
    margin-top:3vh;
    font-weight: bold;
}
.appointment1 svg{
    font-size:1.4vw;
}
.Drivah1 {
    color: #003d69;
    font-weight: 800;
    font-size: 3.95vw;
}
.appstore img {
    width: 30%;
}
.ptu {
    width: 100% !important;
    border-radius: 5%;
    border: 1px solid #032465;
}
.ptest {
    margin-top: 0.73vw;
}
.appointment1 .btncontact:hover {
    font-size: 1.3vw;
    color: white;
    background-color: #1f3042;
    border: 0.14vw solid #ffc349;
}

.appointment .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0px;
    font-size: 1.24vw;
    font-weight: bold;
}

    .appointment .btncontact:hover {
        font-size: 1.24vw;
        padding: 0px;
        color: white;
        background-color: #003d69;
        border: 0.073vw solid #003d69;
    }
.apptop {
    padding-top: 4.026vw;
    height: 100%;
}
.Demo {
    padding-top: 3.66vw;
    padding-bottom: 3.66vw;
}
.aboutus {
    background-color: aliceblue;
    padding-top: 3.66vw;
    padding-bottom: 3.66vw;
}

    .aboutus h5 {
        color: #003d69;
        font-size: 1.83vw;
    }

    .aboutus h1 {
        font-size: 3.51vw;
    }
.whychooseus ul li {
    list-style-type: disclosure-closed;
    font-size: 1.17vw;
    color: #000;
    line-height: 1.8;
}
.aboutus img {
    border-radius: 0.73vw;
    width: 100%;
}

    .aboutus p {
        text-align: justify;
    }

    .aboutus .hero-text {
        text-align: center;
        position: absolute;
        top: 90%;
        left: 15%;
        transform: translate(-50%, -50%);
        color: white;
        padding: 10px;
        background-color: #1f3042;
    }
 .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.73vw;
    font-size: 1.31vw;
    margin-top: 1.09vw;
    font-weight: bold;
}
   .btncontact:hover {
        font-size: 1.31vw;
        color: #1f3042;
        background-color: white;
        border: 0.07320644216691069vw solid #fd8a23;
    }
.aboutus .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.73vw;
    font-size: 1.31vw;
    margin-top: 1.09vw;
    font-weight: bold;
}

    .aboutus .btncontact:hover {
        font-size: 1.31vw;
        color: #1f3042;
        background-color: white;
        border: 0.07320644216691069vw solid #fd8a23;
    }

.aboutus .btncontact1 {
    color: #1f3042;
    background-color: white;
    border: 0.07320644216691069vw solid #fd8a23;
    padding: 1.5748031496062993vh;
    font-size: 1.3177159590043923vw;
    margin-left: 0.7320644216691069vw;
    margin-top: 1.0980966325036603vw;
    font-weight: bold;
}
.popup .btn-all {
    font-size: 4.5vw !important;
    color: #fff !important;
}

.popup .form-control {
    margin-bottom: 1.3vh;
}
.aboutus .btncontact1:hover {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 1.5748031496062993vh;
    font-size: 1.3177159590043923vw;
    margin-left: 0.7320644216691069vw;
    font-weight: bold;
}

.whychooseus {
    padding-top: 7.874015748031496vh;
    padding-bottom: 7.874015748031496vh;
}
.googlecomment .card1 {
    width: 100%;
    height: 100%;
    background-color: #f0f8ff;
    border:none;
}

.whychooseus h5 {
    color: #003d69;
    font-size: 25px;
}
.ouroffice h5 {
    text-align: center;
    color: #003d69;
    font-size: 25px;
    padding-bottom: 10px;
}
.aboutus a svg {
    font-size: 1.4641288433382138vw;
}



.btn-all {
    background: #003d69;
    color: #fff;
    font-size: 23px;
    border-radius: 0;
}
    .btn-all:hover {
        background: #003d69;
        color: #fff;
        font-size: 23px;
        border-radius: 0;
    }
    .whychooseus h1 {
        font-size: 2.2rem;
    }

.whychooseus img {
    border-radius: 10px;
    width: 100%;
    margin-top: -6px;
    /* margin-left: 60px;*/
}

    .whychooseus .hero-text {
        text-align: center;
        position: absolute;
        top: 84%;
        left: 21%;
        transform: translate(-50%, -50%);
        color: white;
        background-color: #fd8a23;
        padding: 10px;
        border-radius: 14px;
    }

    .whychooseus .card svg {
        font-size: 24px;
        color: #003d69;
    }

    .whychooseus .card h4 {
        font-weight: bold;
        padding-top: 15px;
        color: #1f3042;
    }

    .whychooseus .card p {
        text-align: justify;
        color: gray;
    }

    .whychooseus .card:hover {
        transition-property: width;
        transition-duration: 5s;
        background-color: #003d69;
    }

    .whychooseus .hero-text h5 {
        color: White;
    }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fd8a23 !Important;
}





.whychooseus .card:hover h4, .card:hover h5, .card:hover p, .card:hover svg {
    color: #fff
}

.card0 {
    width: 100%;
    background-color: white;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
       background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    height: 100%;
}
.whychooseus .card1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #003d69;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    height: 100%;
}

    .whychooseus .card1 svg {
        font-size: 24px;
        color: White;
    }

    .whychooseus .card1 h4 {
        font-weight: bold;
        padding-top: 15px;
        color: White;
    }

    .whychooseus .card1 p {
        text-align: justify;
        color: White;
    }

    .whychooseus .card1:hover {
        transition-property: width;
        transition-duration: 5s;
        background-color: white;
    }

.whychooseus .card-title {
    margin-bottom: 0;
}

.whychooseus .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
}

.whychooseus .card1:hover h4 {
    color: #1f3042;
}

.whychooseus .card1:hover svg {
    color: #003d69;
}

.whychooseus .card1:hover p {
    color: gray;
}

.welcometocwc {
    padding-bottom: 40px;
    padding-top: 40px;
}

    .welcometocwc p {
        text-align: justify;
    }

    .welcometocwc h1 {
        font-family: math;
        font-size: 3.5rem;
    }

    .welcometocwc ul {
        list-style-type: none;
        padding: 0px;
    }

    .welcometocwc svg {
        font-size: 18px;
        color: #003d69;
    }

    .welcometocwc h5 {
        color: black;
    }

    .welcometocwc img {
        margin-top: 14px;
        width: 100%;
        border-radius: 10px;
    }


.ourservices {
    background-color: #f0f8ff;
    padding-top: 6.299212598425197vh;
    padding-bottom: 6.299212598425197vh;
}

    .ourservices img {
        width: 5.856515373352855vw;
    }

    .ourservices .heading {
        text-align: center;
        padding-top: 1.5748031496062993vh;
    }


    .ourservices h5 {
        text-align: center;
        color: #003d69;
        font-size: 2.4158125915080526vw;
    }

    .ourservices h1 {
        text-align: center;
        font-size: 4.099560761346998vw;
    }

    .ourservices .section {
        height: 100vh;
        width: 100%;
        display: grid;
        place-items: center;
    }

    .ourservices .row {
        display: flex;
        flex-wrap: wrap;
    }

    .ourservices .column {
        width: 100%;
        padding: 0 1em 1em 1em;
        text-align: center;
    }

    .ourservices .card {
        width: 100%;
        height: 100%;
        padding: 2em 1.5em;
        background: linear-gradient(#ffffff 50%, #003d69 50%);
        background-size: 100% 200%;
        background-position: 0 0.5%;
        border-radius: 5px;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        transition: 0.5s;
    }

    .ourservices h3 {
        font-size: 1.4641288433382138vw;
        font-weight: 600;
        color: #1f194c;
        margin: 1.171303074670571vw 0;
    }
.btn-secondary {
    color: #fff;
    font-size: 1.3vw;
    background-color: #6c757d;
    border-color: #6c757d;
}
    .ourservices p {
        text-align: justify;
        color: black;
        font-size: 1.1vw;
        line-height: 1.6;
        letter-spacing: 0.03em;
    }
.bannerslide p {
    color: #003d69;
    font-size: 1.9vw;
}
.bannerslide h3 {
    color: #003d69;
    font-size: 3.5vw;
    font-weight: bold;
}
.ourservices .icon-wrapper {
    background-color: #003d691c;
    position: relative;
    margin: auto;
    font-size: 2.9282576866764276vw;
    height: 3em;
    width: 3em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
}

    .ourservices .card:hover {
        background-position: 0 100%;
    }

        .ourservices .card:hover .icon-wrapper {
            background-color: #ffffff;
            color: #2c7bfe;
        }

        .ourservices .card:hover h3 {
            color: #ffffff;
        }

        .ourservices .card:hover p {
            color: #f0f0f0;
        }

@media screen and (min-width: 768px) {
    .ourservices .section {
        padding: 0 2em;
    }

    .ourservices .column {
        flex: 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .ourservices .section {
        padding: 1em 3em;
    }

    .ourservices .column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

.Consultservices {
    background-image: url(/Content/Images/photos/CWC-bg-image.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.bgcolor {
    background-color: rgba(0,0,0,0.4);
}



.Consultservices .worker {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.Consultservices ul li {
    padding-top: 20px;
    display: inline-block;
    font-size: 24px;
    color: white;
    margin-right: 10px;
}

.Consultservices svg {
    font-size: 25px;
    color: #fd8a23;
}

.Consultservices a:hover {
    color: lightgray;
    font-size: 23px;
    text-decoration: none;
}

.Consultservices a {
    font-weight: bold;
    color: White;
    font-size: 23px;
    text-decoration: none;
}

.Consultservices h1 {
    padding-top: 40px;
    color: White;
    text-align: center;
    font-size: 4.5rem;
}

.Consultservices p {
    padding-top: 15px;
    color: white;
    text-align: center;
}

.Consultservices .btncontact {
    color: white;
    background-color: #fd8a23;
    border-color: #fd8a23;
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
    margin-left: 43px;
}

    .Consultservices .btncontact:hover {
        font-size: 18px;
        color: white;
        background-color: rgba(0,0,0,0.3);
        border: 1px solid #fd8a23;
    }

.ouroffice .card1 h5 {
    text-align: left;
}

.ouroffice .card1 h6 {
    text-align: left;
    color: White;
}





.ourteam {
    background-color: #f0f8ff;
    padding-top: 45px;
    padding-bottom: 30px;
}

    .ourteam h5 {
        text-align: center;
        color: #003d69;
        font-size:25px;
    }
.offices h5 {
    color: #003d69;
    font-size: 1.8301610541727673vw;
}
.offices {
    height: 100%;
}

.ourteam h1 {
    text-align: center;
    font-size: 3.5rem;
}

    .ourteam h1 {
        text-align: center;
    }



    .ourteam .team_member {
        background: rgba(199,201,209,.09);
        padding-bottom: 50px;
        overflow: hidden;
    }

    .ourteam .single_team_content {
        padding: 45px;
        margin-top: 60px;
    }

.single_team_content h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.single_team_content p {
}

.our-team {
    margin-bottom: 30px;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
}

    .our-team .team_img {
        position: relative;
        overflow: hidden;
    }

        .our-team .team_img:after {
            content: "";
            width: 100%;
            height: 100%;
            background-color: rgba(255,255,255,0.2);
            position: absolute;
            bottom: -100%;
            left: 0;
            transition: all 0.3s ease 0s;
        }

    .our-team:hover .team_img:after {
        bottom: 0;
    }

    .our-team img {
        width: 100%;
        height: auto;
    }

    .our-team .social {
        padding: 0 0 18px 0;
        margin: 0;
        list-style: none;
        position: absolute;
        top: -100%;
        right: 10px;
        background: #003d69;
        border-radius: 0 0 20px 20px;
        z-index: 1;
        transition: all 0.3s ease 0s;
    }

    .our-team:hover .social {
        top: 0;
    }

    .our-team .social li a {
        display: block;
        padding: 15px;
        font-size: 15px;
        color: #ffc349;
    }

    .our-team:hover .social li a:hover {
        color: #fff;
    }

    .our-team .team-content {
        padding: 20px 0;
        background: #fff;
    }

    .our-team .title {
        font-size: 18px;
        font-weight: bold;
        color: #003d69;
        text-transform: capitalize;
        margin: 0 0 20px;
        position: relative;
    }

        .our-team .title:before {
            content: "";
            width: 25px;
            height: 1px;
            background: #003d69;
            position: absolute;
            bottom: -10px;
            right: 50%;
            margin-right: 9px;
            transition-duration: 0.25s;
        }

        .our-team .title:after {
            content: "";
            width: 25px;
            height: 1px;
            background: #003d69;
            position: absolute;
            bottom: -10px;
            left: 50%;
            margin-left: 9px;
            transition-duration: 0.25s;
        }

    .our-team:hover .title:before,
    .our-team:hover .title:after {
        width: 50px;
    }
.socoiltextmonial {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0px;
}
.heighttop {
}

.our-team .post {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
}

        .our-team .post:before {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #ffc349;
            margin: 0 auto;
            position: relative;
            top: -13px;
        }

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.ouroffice {
    padding-top:20px;
    background-color: #fff;
    padding-bottom: 1px;
}

    .ouroffice img {
        width: 100%;
        border-radius: 10px;
    }

    

    .ouroffice h1 {
        text-align: left;
        font-size: 3.5rem;
    }

    .ouroffice .card1 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #003d69;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0.25rem;
    }

        .ouroffice .card1 svg {
            font-size: 2.562225475841874vw;
            color: #ffc349;
            text-align: right;
        }

        .ouroffice .card1 h4 {
            font-weight: bold;
            padding-top: 15px;
            color: White;
        }

        .ouroffice .card1 p {
            text-align: justify;
            color: White;
        }

        .ouroffice .card1 h5 {
            text-align: justify;
            color: White;
        }

        .ouroffice .card1 h6 {
            text-align: left;
            color: White;
        }
/*.ouroffice .card1:hover
{
     transition-property: width;
  transition-duration: 5s;
    background-color:white;

}

.ouroffice .card1:hover h4 {color:#1f3042 }

.ouroffice .card1:hover svg {color:#fd8a23}
.ouroffice .card1:hover p {color:gray} */
    .googlecomment {
   background-color: #f0f8ff;
       padding-bottom: 50px;
    padding-top: 40px;
}

    .googlecomment h5 {
        text-align: left;
        color: #003d69;
        font-size:25px;
    }

#testimonial-slider {
    padding-top: 40px;
}

.googlecomment h1 {
    text-align: left;
    font-size: 4.099560761346998vw;
}

.googlecomment .btncontact {
    color: white;
    background-color: #fd8a23;
    border-color: #fd8a23;
    padding: 10px;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
}

    .googlecomment .btncontact:hover {
        font-size: 17px;
        color: #1f3042;
        background-color: #f8f8f8;
        border: 2px solid #fd8a23;
    }


.testimonial {
    margin: 0 20px 40px;
}

    .testimonial .testimonial-content {
        padding: 1.8301610541727673vw 1.8301610541727673vw 2.1961932650073206vw 3.6603221083455346vw;
        margin-bottom: 35px;
        background: #fff;
        border: 1px solid #f0f0f0;
        position: relative;
    }
        .testimonial .testimonial-content:hover {
            padding: 25px 25px 30px 50px;
            margin-bottom: 35px;
            background: #fff;
            border: 1px solid #f0f0f0;
            position: relative;
            color: #8a8a8a;
        }

        .testimonial .testimonial-content:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #fff;
            position: absolute;
            bottom: -10px;
            left: 22px;
            transform: rotate(45deg);
        }

.testimonial-content .testimonial-icon {
    width: 3.6603221083455346vw;
    height: 3.294289897510981vw;
    background: #ffc349;
    text-align: center;
    font-size: 1.610541727672035vw;
    color: #fff;
    line-height: 3.074670571010249vw;
    position: absolute;
    top: 2.7086383601756956vw;
    left: -1.390922401171303vw;
}

    .testimonial-content .testimonial-icon:before {
        content: "";
        border-bottom: 1.171303074670571vw solid #ffc349;
        border-left: 1.3177159590043923vw solid transparent;
        position: absolute;
        top: -1.171303074670571vw;
        left: 1px;
    }

.testimonial .description {
    font-size: 1.0980966325036603vw;
    font-style: italic;
    color: #8a8a8a;
    line-height: 1.6837481698389458vw;
    margin: 0;
}
    .testimonial .description:hover {
        font-size: 1.0980966325036603vw;
        font-style: italic;
        color: #8a8a8a;
        line-height: 1.6837481698389458vw;
        margin: 0;
    }

.testimonial .title {
    display: block;
    font-size: 1.3177159590043923vw;
    font-weight: 700;
    color: #1f3042;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.testimonial .post {
    display: block;
    font-size: 1.0248901903367496vw;
    color: #003d69;
}

.owl-theme .owl-controls {
    margin-top: 1.4641288433382138vw;
}

    .owl-theme .owl-controls .owl-page span {
        background: #ccc;
        opacity: 1;
        transition: all 0.4s ease 0s;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        background: #ff4242;
    }

.scrollbar {
    background-color: #fd8a23;
    padding: 50px;
}

    .scrollbar h1 {
        color: #fff;
    }

    .scrollbar svg {
        color: #fff;
    }

#caption1 {
    font-family: Amita;
    font-weight: bold;
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 12vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
    padding-left: 4vw;
}

#caption2 {
   
    font-family: Amita;
    font-weight: bold;
    font-size: 20px;
    padding-top: 0vw;
    padding-bottom: 0vw;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
    padding-left: 78vw;
}


#caption3 {
    font-family: Amita;
    font-weight: bold;
    font-size: 20px;
    padding-top: 1px;
    padding-bottom: 237px;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
    padding-left: 595px;
}

#caption4 {
    font-family: Amita;
    font-weight: bold;
    font-size: 20px;
    padding-top: 1px;
    padding-bottom: 220px;
    color: White;
    text-align: left;
    left: 0px;
    right: 0px;
    padding-left: 556px;
}

.carousel3h2 {
    padding-left: 64px;
    font-size: 60px;
}

.carousel4h3 {
    font-size: 45px;
    padding-left: 50px;
}

.carousel4h2 {
    padding-left: 0px;
    font-size: 60px;
}

.carouselh3 {
    font-size: 45px;
}

.banner .carousel-caption h3 {
    font-size: 3.75rem;
    padding-left: 30px;
}

.banner .carousel-caption p {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 1rem;
}


.carouselh2 {
    padding-left: 80px;
    font-size: 60px;
}

.carousel2h2 {
    padding-left: 167px;
    font-size: 60px;
}

.carousel2h3 {
    font-size: 45px;
}

.banner .btncontact {
    color: white;
    background-color: #1f3042;
    border-color: #1f3042;
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
    margin-left: 120px;
}

    .banner .btncontact:hover {
        font-size: 18px;
        color: white;
        background-color: #1f3042;
        border: 1px solid #fd8a23;
    }

.banner .btncontact111 {
    color: white;
    background-color: #fd8a23;
    border-color: #fd8a23;
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
    margin-left: 430px;
}

    .banner .btncontact111:hover {
        font-size: 17px;
        color: white;
        background-color: rgba(0,0,0,0.3);
        border: 1px solid #fd8a23;
    }

.banner .btncontact11 {
    color: white;
    background-color: #fd8a23;
    border-color: #fd8a23;
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
    margin-left: 250px
}

    .banner .btncontact11:hover {
        font-size: 17px;
        color: white;
        background-color: rgba(0,0,0,0.3);
        border: 1px solid #fd8a23;
    }

.banner .btncontact1 {
    color: white;
    background-color: #1f3042;
    border-color: #1f3042;
    padding: 10px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}

    .banner .btncontact1:hover {
        font-size: 18px;
        color: white;
        background-color: #1f3042;
        border: 1px solid #fd8a23;
    }

.whychooseus p {
    text-align: justify;
}


.footer {
    padding-top: 4.724409448818897vh;
    padding-bottom: 4.724409448818897vh;
    background-color: #1f3042;
}

    .footer .logofooter img {
        width: 55%;
    }

    .footer p {
        color: #d0d3d6;
    }

    .footer .socialul li {
        display: inline-block;
        font-size: 1.3177159590043923vw;
        color: #050547;
        margin-right: 0.9516837481698389vw;
    }
    .footer .socialul {
        text-align: center;
        margin-bottom: 1.2598425196850394vh;
    }
        .footer .socialul svg {
           font-size: 1.7569546120058566vw;
        }
    .footer svg {
        color: #ffc349;
    }

    .footer ul li a svg:hover {
        color: white;
    }

    .footer .contact ul li {
        list-style-type: none;
    }


.footerdiv2 h4 {
    border-bottom: 2px solid white;
    margin-right: 13.177159590043924vw;
    padding-bottom: 1.2598425196850394vh;
    color: White;
    padding-top: 4.724409448818897vh;
}

.footerdiv3 h4 {
    padding-top: 4.724409448818897vh;
    border-bottom: 2px solid white;
    margin-right: 8.418740849194728vw;
    padding-bottom: 1.2598425196850394vh;
    color: White;
}

.table tr td a {
    font-size: 1.3177159590043923vw;
    padding-left: 1.0980966325036603vw;
    text-decoration: none;
    color: #d0d3d6;
}

.footer .table tr td a:hover {
    color: white;
}

.footer .table tr td {
    color: #d0d3d6;
    font-size: 1.3177159590043923vw;
}
.footer .footeraddress {
    font-size:1.2vw;
}
.footer .table tr td svg {
    color: #ffc349;
}

        .footer .table tr td svg:hover {
            color: white;
        }


    .footer .table tr td:hover {
        color: white;
    }

.footer .table td, .table th {
    padding: 0.25rem;
    vertical-align: top;
    border-top: none;
}

.footer .table td, .table th {
    padding: 0em;
    vertical-align: top;
    border-top: none;
    padding-top: 1.889763779527559vh;
}

.barday {
    width: 100%;
}

.footer h4 {
    color: White;
    padding-bottom: 0px;
    margin-top: 3.622047244094488vh;
}

.develop {
    padding-top: 2.204724409448819vh;
    background-color: #172137;
}
.navdemo{
    text-align:right;
}

.develop p {
    color: White;
}

        .develop  a {
            font-family: "Open Sans";
            color: White !Important;
            text-decoration: none;
        }

            .develop a:hover {
                color: #ffc349 !Important;
            }

.footer svg:hover {
    color: #050547;
}

.barday svg {
    font-size: 1.7569546120058566vw;
    color: #3a8c84;
}

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

.footer .card1 h5 {
    font-size: 1.4641288433382138vw;
    color: #d0d3d6;
    margin: 0;
}

.footer .card1 h6 {
    font-size: 1.171303074670571vw;
    color: #d0d3d6;
}

.footer .card1 h5:hover {
    font-size: 1.4641288433382138vw;
    color: white;
}

.footer .card1 h6:hover {
    font-size: 1.171303074670571vw;
    color: white;
}

.footer .card1 svg {
    font-size: 2.9282576866764276vw;
    color: #ffc349;
}

    .footer .card1 svg:hover {
        font-size: 2.9282576866764276vw;
        color: white;
    }

.footer .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}

.develop {
    padding-top: 14px;
    background-color: #172137;
}

    .develop p {
        color: White;
    }

        .develop p a {
            font-family: "Open Sans";
            color: White !Important;
            text-decoration: none;
        }

            .develop p a:hover {
                color: #ffc349 !Important;
            }

.ouroffice iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.appointment {
    padding-top: 19px;
    padding-bottom: 15px;
    background-color: #2497d4;
}

    .appointment .col-md-12 {
        box-shadow: 6px 6px 29px -3px #aaa !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .appointment h2 {
        font-size: 28px;
        font-weight: bold;
        color: #003d69;
        text-align: center;
        padding-top: 14px;
    }

    .appointment .form-control {
        margin-bottom: 10px;
        margin-top:10px;
        border: 1px solid #003d69;
        border-radius: 0;
    }

.Demod{
    padding-top:30px;
    padding-bottom:30px;
}
.Demod h5 {
    text-align: center;
    color: #003d69;
    font-size: 25px;
}
.Demod h1 {
    text-align: center;
}
.Demod p{
    text-align:center;
}
.appointmentdemo {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: white;
}

    .appointmentdemo .col-md-12 {
        box-shadow: 6px 6px 29px -3px #aaa !important;
        padding-top: 2.1961932650073206vw;
        padding-bottom: 2.1961932650073206vw;
    }

    .appointmentdemo h2 {
        font-size: 2.049780380673499vw;
        font-weight: bold;
        color: #003d69;
        text-align: center;
        padding-top: 1.0248901903367496vw;
    }

    .appointmentdemo .form-control {
        margin-bottom: 0.7320644216691069vw;
        margin-top: 0.7320644216691069vw;
        border: 1px solid #003d69;
        border-radius: 0;
    }
.Demod .img-sec {
    background-image: url(../Images/photos/demo.jpg);
    background-size: cover;
    background-position: center center;
}
.appointmentdemo .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0px;
    font-size: 1.2445095168374818vw;
    font-weight: bold;
}
.appointmentdemo svg {
    font-size: 3.294289897510981vw;
    text-align: center;
    color: #003d69;
}
.appointmentdemo .btncontact:hover {
    font-size: 1.2445095168374818vw;
    padding: 0px;
    color: white;
    background-color: #003d69;
    border: 1px solid #003d69;
}
.ourservices svg {
    font-size: 1.3177159590043923vw;
}
#arrow {
    transition: all .5s ease-in-out;
    
}
#arrow1 {
    transition: all .5s ease-in-out;
}
#arrow2 {
    transition: all .5s ease-in-out;
}
#arrow3 {
    transition: all .5s ease-in-out;
}
#arrow4 {
    transition: all .5s ease-in-out;
}
#arrow5 {
    transition: all .5s ease-in-out;
}
#arrow6 {
    transition: all .5s ease-in-out;
}
#arrow7 {
    transition: all .5s ease-in-out;
}
#arrow8 {
    transition: all .5s ease-in-out;
}
#arrow9 {
    transition: all .5s ease-in-out;
}
#arrow10 {
    transition: all .5s ease-in-out;
}
#arrow11 {
    transition: all .5s ease-in-out;
}
#arrow12 {
    transition: all .5s ease-in-out;
}
#arrow13 {
    transition: all .5s ease-in-out;
}
#arrow14 {
    transition: all .5s ease-in-out;
}
#arrow15 {
    transition: all .5s ease-in-out;
}
#arrow16 {
    transition: all .5s ease-in-out;
}
#arrow17 {
    transition: all .5s ease-in-out;
}
#arrow18 {
    transition: all .5s ease-in-out;
}
#arrow19 {
    transition: all .5s ease-in-out;
}
#arrow20 {
    transition: all .5s ease-in-out;
}
#arrow21 {
    transition: all .5s ease-in-out;
}
#arrow22 {
    transition: all .5s ease-in-out;
}
#arrow23 {
    transition: all .5s ease-in-out;
}
#arrow124 {
    transition: all .5s ease-in-out;
 
}
#arrow25 {
    transition: all .5s ease-in-out;
}
#arrow26 {
    transition: all .5s ease-in-out;
}
#arrow27 {
    transition: all .5s ease-in-out;
}
#arrow28 {
    transition: all .5s ease-in-out;
}
#arrow29 {
    transition: all .5s ease-in-out;
}
#arrow30 {
    transition: all .5s ease-in-out;
}
#arrow31 {
    transition: all .5s ease-in-out;
}
#arrow32 {
    transition: all .5s ease-in-out;
}
#arrow33 {
    transition: all .5s ease-in-out;
}
#arrow34 {
    transition: all .5s ease-in-out;
}
#arrow35 {
    transition: all .5s ease-in-out;
}
.rotate {
    transform: rotate(180deg);
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1.171303074670571vw;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ServicesBanner {
    background-image: url(../Images/Banner/Driveraa-Head-Banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}
.ServicesBanner {
    padding-top: 0.3vw;
    
}
        .ServicesBanner img {
            width: 10%;
            opacity: 1;
            transform: scaleX(-1);
        }
    .ServicesBanner h1 {
        font-size: 2.5vw;
        color: #003d69;
        padding: 0;
        font-weight: 600 !important;
    }
    .ServicesBanner .demoh1 {
        font-size: 2.27vw;
        color: #003d69;
        padding: 0;
    }
/*Container width="100%"*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85vw;
}

/*Container all wrapper
.wrapper {
    width: 1349px;
    margin: auto;
}*/
.wrapfeatures p{
    text-align:justify;
    font-size:1.3vw;
}
.wrapfeatures .end {
    box-shadow: 1px 2px 3px 4px #80808047;
}
.h5header {
    color: #003d69;
    font-size: 2.56vw !important;
    text-align: center;
    text-transform: uppercase;
}
.section1 {
    padding-top: 2.1961932650073206vw;
}
.section2 {
    padding-top: 20px;
}
.wrapfeatures .btncontact {
    color: white;
    background-color: #003d69;
    border-color: #003d69;
    padding: 0.7320644216691069vw;
    font-size: 1.3177159590043923vw;
    margin-top: 1.0980966325036603vw;
    font-weight: bold;
}

.wrapfeatures h3 {
    text-transform: capitalize;
    color: #003d69;
    font-size: 2.049vw;
}
.wrapfeatures .btncontact:hover {
    font-size: 1.3177159590043923vw;
    color: #003d69;
    /*font-weight: bold;*/
    background-color: white;
    border: 1px solid #fd8a23;
}

.wrapfeatures .btncontact1 {
    color: #1f3042;
    background-color: white;
    border: 1px solid #fd8a23;
    padding: 0.7320644216691069vw;
    font-size: 1.3177159590043923vw;
    margin-top: 1.0980966325036603vw;
   
    font-weight: bold;
}
    .wrapfeatures .btncontact1:hover {
        font-size: 1.3177159590043923vw;
        color: white;
        background-color: #003d69;
        border-color: #003d69;
    }

    .advtbar {
        padding: 0;
        text-align: center;
        background: #003d69;
    }
.advtbar li {
    display: inline-block;
    margin-right:5px;
    
}
.advtbar li a{
    text-transform:uppercase;
    color:White;
    font-size:1.4vw;
}
.advtbar li a:hover{
    text-decoration:none;
}
.advtbar li a:after {
    content: " | ";
}
.section3{
    padding-top:0px;
    padding-bottom:0px;
    margin-bottom:5px;
}
.section3 p{
    font-size:1.4vw;
    text-align:justify;
}
.section3 center {
    
    border-radius: 5%;
   /* border: 1px solid #003d69;*/
    padding: 5px;
}
    .section3 .card1 {
        background: aliceblue;
        border: 1px solid #003d69;
    }
.section3 .rowpd{
    padding-top:20px;
}
    .section3 h4 {
        color: #003d69;
        font-size: 1.75vw;
    }
.sectionbent{
    padding-top:35px!important;
    padding-bottom:10px!important;
}
.wrapfeatures ul li {
    list-style-type: none;
    font-size: 1.3vw;
    line-height: 1.8;
}
.wrapfeatures ul {
    padding: 0;
}
    .wrapfeatures ul svg {
        color: #003d69;
        font-size: 1.5vw;
        margin-right: 5px;
    }
.wrapfeatures ol {
    padding: 0;
    margin-left: 20px;
}
    .wrapfeatures ol li {
        
        font-size: 1.3vw;
        line-height: 1.8;
    }
        .wrapfeatures ol li::marker {
            color: #003d69;
            font-weight:bold;
        }
.scandocp{
    font-size:1.3vw!important;
}
.advtbar li a {
    -webkit-animation: colorchange 05s infinite alternate;
}
.section3 h5 {
    color: #003d69;
    font-size: 1.46vw;
}
.rowpd {
    padding-top: 1.09vw;
}
.resth4 h4 {
    color: #003d69;
}
.menusec h5 {
    color: #003d69;
    Font-size:1.8301610541727673vw;
}
.mnavlogo{
    padding-left:1.1vw;
}
.barday svg {
    font-size: 1.4641288433382138vw!important;
}
@-webkit-keyframes colorchange {
    0% {
        color: white;
    }

    10% {
        color: #ffc349;
    }

    20% {
        color:white; 
    }

    30% {
        color: #ffc349;
    }

    40% {
        color:white; 
    }

    50% {
        color: #ffc349;
    }

    60% {
        color:white;
    }

    70% {
        color: #ffc349;
    }

    80% {
        color: white;
    }

    90% {
        color: #ffc349;
    }

    100% {
        color:white; 
    }
}
.cnetertxt{
    text-align:center!important;
}
.bent {
    color: #003d69;
    font-size: 1.8301610541727673vw;
}

#Flobanercaption {
    position: absolute;
    right: 15%;
    bottom: 1.4641288433382138vw;
    left: 28%;
    z-index: 10;
    padding-top: 1.4641288433382138vw;
    padding-bottom: 7.979502196193265vw;
    color: #003d69;
    text-align: center;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1.0980966325036603vw !important;
    padding-left: 1.0980966325036603vw !important;
}