*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body{
    font-size: 14px;
    background-color: #fff;
}


/* Button Styles */
button{
    background: #13135b;
    
}

#quote-btn{
    padding: 15px 35px;
    border-radius: 35px;
    border: none;
    color: #fff;
    font-size: 15px;
    margin-top: -12%;

}

/* Header Styles */

.navbar{
    background: #fff;
    margin-bottom: 0;
    border: none;

}
.navbar-collapse .right{
    float: right;
}
.navbar-brand{
    float: left;
    padding: 18px 16px;
    font-size: 18px;
    line-height: 20px;
    height: 90px;
}


.navbar-brand img{
    width: 70%;
}

.navbar-brand:hover,
.navbar-brand:focus{
    text-decoration: none;
}
.navbar ul.nav > li > a{
    text-transform: none;
    font-weight: 540;
    font-size: 15px;
    color: #13135b;
}
.navbar ul.nav > li > a:hover{
    color: #37379be6;
}

.padding-nav .nav.navbar-nav.left li.active a {
    background: #13135b;
    color: #fff;
    border-radius: 35px;
}
.padding-nav{
    padding-top: 26px;
}


.btn-primary{
    color: rgb(255, 255, 255);
    background: #13135b;
    border: none;
}
.btn-primary:hover{
    color: rgb(255, 255, 255);
    background: #19196f;
    transition: 0.2s;
}
#search .navbar-form{
    float: right;
}
#search{
    clear: both;
    border-top: solid 1px #9adacd;
    text-align: right;
}
#search .navbar-form .input-group{
    display: table;
}
#search .navbar-form .input-group .form-control{
    width: 100%;
}


.item img{
    width: 100%;
    filter: brightness(45%);
}

#small-screen {
    display: none;
}

.slide-info{
    position: absolute;
    width: 100%;
    top: 48%;
    transform: translateY(-50%);
    padding: 20px;
    text-align: center;
}

.slide-info hr{
    width: 10%;
    margin: auto;
    margin-top: 30px;
    padding-bottom: 25px;

}

.slide-info h4{
    width: 60%;
    margin: auto;
    font-size: 22px;
    font-weight: 550;
    color: #ffffff;
    

}
.slide-info h1{
    width: 40%;
    margin: auto;
    font-size: 65px;
    font-weight: 800;
    color: #ffffff;
    padding-bottom: 25px;

}
.slide-info p{
    width: 50%;
    margin: auto;
    font-size: 22px;
    font-weight: 550;
    color: #ffffff;
    line-height: 40px;
}

@media (max-width: 315px) {
    .item img{
        width: 100%;
        height: 450px;
        filter: brightness(45%);
    }

    .sliders-home {
        height: auto;
    }
    .slide-info{
        position: absolute;
        width: 100%;
        margin: auto;
        top: 48%;
        transform: translateY(-50%);
        padding: 60px;
        text-align: center;
    }
    .slide-info h4 {
        width: 100%;
        font-size: 14px;
    }

    .slide-info h1 {
        width: 100%;
        font-size: 26px;
    }

    .slide-info p {
        display: none;
    }

}

@media (min-width: 315px) and (max-width: 420px) {
    
    
    .item img{
        width: 100%;
        height: 600px;
        filter: brightness(45%);
    }
    .sliders-home {
        height: auto;
    }
    .slide-info{
        position: absolute;
        width: 100%;
        margin: auto;
        top: 48%;
        transform: translateY(-50%);
        padding: 60px;
        text-align: center;
    }
    .slide-info h4 {
        width: 100%;
        font-size: 14px;
    }

    .slide-info h1 {
        width: 100%;
        font-size: 26px;
    }

    .slide-info p {
        width: 100%;
        font-size: 12px;
        line-height: 30px;
    }

}

@media (min-width: 420px) and (max-width: 1200px) {

    #large-screen {
        display: none;
    }

    #small-screen {
        display: block;
    }
    .item img{
        width: 100%;
        height: 600px;
        filter: brightness(45%);
    }
    .sliders-home {
        height: auto;
    }
    .slide-info{
        position: absolute;
        width: 100%;
        margin: auto;
        top: 48%;
        transform: translateY(-50%);
        padding: 70px;
        text-align: center;
    }
    .slide-info h4 {
        width: 100%;
        font-size: 15px;
    }

    .slide-info h1 {
        width: 100%;
        font-size: 30px;
    }

    .slide-info p {
        width: 100%;
        font-size: 14px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 1200px) {

    #large-screen {
        display: block;
    }

    #small-screen {
        display: none;
    }

}


/* expertise styles */

#expertise{
    text-align: center;
    background: -webkit-linear-gradient(105deg, #376498, #376498, #376498, #7092af, #7092af, #7092af);
}

#expertise .container{
    padding-bottom: 100px;
}

.expertise-heading{
    padding-top: 70px;
    padding-bottom: 70px;
}
.expertise-heading h1{
    color: #ffffff;
    font-weight: 600;
    padding-bottom: 20px;
}
.expertise-heading hr{
    width: 10%;
    margin: auto;
    padding: 1px;
    border: none;
    background-color: #fff;
}
.box{
    background: #ffffff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
    height: 360px;
}

@media (max-width: 765px) {
    .box{
        background: #ffffff;
        margin: 0 0 30px;
        border: solid 1px #e6e6e6;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
        height: 100%;
    }
    
}
@media (min-width: 765px) and (max-width: 992px) {
    .box{
        background: #ffffff;
        margin: 0 0 30px;
        border: solid 1px #e6e6e6;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
        height: 620px;
    }
}
#expertise .box .icon{
    position: absolute;
    font-size: 100px;
    width: 100%;
    text-align: center;
    top: -5px;
    left: 0px;
    height: 100%;
    float: left;
    color: #dadada;
    box-sizing: border-box;
    z-index: 2;
}
#expertise .box h3{
    position: relative;
    margin: 0 0 20px;
    font-weight: 300;
    text-transform: none;
    z-index: 2;
}
#expertise .box h3 a{
    color: #13135b;
    font-weight: 530;
    font-size: 20px;
}
#expertise .box h3 a:hover{
    text-decoration: none;
}
#expertise .box p{
    position: relative;
    z-index: 2;
    color: #555555;
}


#content {
    padding: 0px;
    width: 100%;
    z-index: 1;
}

#content::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(admin_area/background_images/city-14.jpg);
    background-size: cover;
    filter: brightness(50%); 
    z-index: -1;
    background-attachment: fixed;
    background-clip: content-box;
}

#content .info-1 hr{
    width: 15%;
    padding: 1.7px;
    border: none;
    background-color: #2596be;
}

#content .info-1{
    width: 50%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;

}

#content .info-1 h3{
    color: #f7f7f7;
    font-size: 16px;
    line-height: 30px;
    font-weight: 540;
}

@media (max-width: 767px) {
    #content::before {
        background: url(admin_area/background_images/city-14-small.jpg);
        background-position: center;
        filter: brightness(76%);
    }
    
    #content .info-1{
        width: 80%;
        margin: auto;
        margin-top: 10%;
        margin-bottom: 10%;
    
    }
    
    #content .info-1 h3{
        color: #f7f7f7;
        font-size: 15px;
        line-height: 30px;
        font-weight: 540;
    }

}


#reliability{
    text-align: center;
    background: none;
    width: 100%;
    background-size: cover;
}

.reliability-heading{
    padding-top: 70px;
    padding-bottom: 70px;
}
.reliability-heading h1{
    color: #fff;
    font-weight: 600;
    padding-bottom: 20px;
}
.reliability-heading hr{
    width: 10%;
    margin: auto;
    padding: 1px;
    border: none;
    background-color: #fff;
}
.box-2{
    margin: 0 0 30px;
    padding: 20px;

}

#reliability .box-2 h3{
    position: relative;
    margin: 0 0 20px;
    font-weight: 300;
    text-transform: none;
    z-index: 2;
    color: #fff;
    font-weight: 530;
    font-size: 18px;
    line-height: 26px;
}

#reliability .box-2 h3:hover{
    text-decoration: none;
}
#reliability .box-2 p{
    position: relative;
    z-index: 2;
    color: #eeeeee;
    font-size: 15px;
    line-height: 26px;
}

@media (max-width: 10590px) {
    .box-2{
        height: 100%;
    }
}



.home-quote {
    width: 100%;
    background-color: #f0f0f0;
    background-size: cover;
}

.home-quote-info {
    padding: 50px;
    margin: auto;
    text-align: center;
}
.home-quote-info h1{
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
}
.home-quote-info h4{
    font-size: 23px;
    font-weight: 510;
    padding-bottom: 10px;
}
.home-quote-info button {
    padding: 15px 30px;
}
@media (max-width: 767px) {
    .home-quote-info h1{
        font-size: 22px;
        font-weight: bold;
        padding-bottom: 20px;
        line-height: 30px;
    }
    .home-quote-info p {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .home-quote-info h4{
        font-size: 14px;
        font-weight: 510;
        padding-bottom: 10px;
    }
}

#info-2{
    text-align: left;
    background: #ffffff;
    width: 100%;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}



#info-2 h3{
    font-weight: 300;
    color: #13135b;
    font-weight: 530;
    font-size: 35px;
    padding-bottom: 20px;
    line-height: 45px;
}

#info-2 p{
    color: #25292f;
    font-size: 22px;
    font-weight: 450;
    line-height: 36px;

}

#info-2 p #p-1{
    background-color: rgb(226, 67, 67);
    color: #f7f7f7;
} 
#info-2 p #p-2{
    background-color: #5151e7;
    color: #f7f7f7;
}
#info-2 p #p-3{
    background-color: rgb(146, 46, 146);
    color: #f7f7f7;
}
#info-2 p #p-4{
    background-color: #f08080;
    color: #f7f7f7;
}

@media (max-width: 767px) {
    #info-2 h3{
        font-weight: 300;
        color: #13135b;
        font-weight: 530;
        font-size: 30px;
        padding-bottom: 20px;
        line-height: 45px;
    }
    
    #info-2 p{
        color: #25292f;
        font-size: 18px;
        font-weight: 450;
        line-height: 36px;
    
    }
}



/* Breadcrumb styles */
.breadcrumb{
    padding: 8px 15px;
    margin-bottom: 20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
}
.breadcrumb> li + li::before{
    content: ">\00a0";
    color: #cccccc;
}
@media(max-width: 991px){
    .breadcrumb{
        padding: 8px 0px;
        text-align: center;
    }
}

/* Products Categories & Categories styles */
#content .panel.sidebar-menu{
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
}
#content .panel.sidebar-menu ul.nav.category-menu{
    margin-bottom: 20px;
}
#content .panel.sidebar-menu ul.nav.category-menu li a{
    text-transform: uppercase;
    font-weight: 600;
}
#content .panel.sidebar-menu h3{
    padding: 5px 0px;
    margin: 0px;
}





.box .box-footer{
    background-color: #f7f7f7;
    margin: 30px -20px 20px;
    padding: 20px;
    border: 1px solid #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after{
    content: "";
    display: table;
}
.box .box-footer:after{
    clear: both;
}
.box .box-header{
    background-color: #f7f7f7;
    margin: -20px -20px 20px;
    padding: 20px;
    border: 1px solid #eeeeee;
}

#content #order-summary table{
    margin-top: 20px;
}
#content #order-summary table td{
    color: #999999;
}
#content #order-summary table tr.total td,
#content #order-summary table tr.total th{
    font-size: 18px;
    color: #555555;
    font-weight: 700;
}


/* For Firefox Only */
@-moz-document url-prefix(){
    .form-height-custom{
        height: auto;
    }
}




/* Footer Styles */
#footer{
    background: #303b46;
    padding: 30px 0;
}
#footer h4{
    color: #fff;
}
#footer a{
    color: #999999;
    padding: 0;
    text-decoration: none;
}
#footer a:hover{
    color: #666666;
}
#footer ul{
    list-style: none;
    padding-left: 0px;
}

#footer p{
    color: #999999;
    padding: 0;
    text-decoration: none;

}

#footer .social{
    text-align: left;
}
#footer .social a{
    margin: 0px 10px 0px 0px;
    display: inline-block;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    vertical-align: bottom;
    background: #555555;
    text-decoration: none;
}
#footer .social a:hover{
    color: #dedede;
    background: #777777;
}

/* Copyright styles */
#copyright{
    background: #333333;
    color: #cccccc;
    padding: 20px 0;
    font-size: 12px;
}
#copyright p{
    margin: 0px;
}


.nav.category-menu{
    margin-top: -27px;
}  

.scroll-menu{
    height: 260px;
    overflow-y: scroll;
}

.checkbox span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox span::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
    background: #fff;
}

.checkbox span::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555;
}

.checkbox input[type='checkbox']{
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.checkbox input[type='checkbox']:focus + span::before{
    outline: thin dotted;
    outline: 5px auto;
    outline-offset: -2px;
}

.checkbox input[type='checkbox']:checked + span::after{
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox-primary input[type='checkbox']:checked + span::before{
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type='checkbox']:checked + span::after{
    color: #fff;
}



/* slide area styling */

.our-services-header{
    padding-top: 40px;
    padding-bottom: 20px;
}
.our-services-header h1 {
    font-weight: bold;
    font-size: 44px;
    text-align: center;
    color: #15153f;
}

@media (max-width: 315px) {
    .our-services-header h1 {
        display: none;
    }
    .our-services-header{
        padding-top: 0px;
        padding-bottom: 20px;
    }

}

#slide-area {
  position: relative;
  width: 100%;
  height: 580px;
  background: rgb(128, 143, 156);
}

.slide-area .slide-item {
  width: 165px;
  height: 450px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 20px;
  background-position: 50% 50%;
  background-size: cover;
  display: inline-block;
  transition: 0.6s;

}

#slide-item-1{
    background-image: url(admin_area/background_images/chrysler-grey-bg.png); 
    background-size:contain; 
    background-repeat:no-repeat;

}
#slide-item-2{
    background-image: url(admin_area/background_images/sedan-grey-bg.png); 
    background-size:contain; 
    background-repeat:no-repeat;
}
#slide-item-3{
    background-image: url(admin_area/background_images/wchairs-grey.png); 
    background-size:contain; 
    background-repeat:no-repeat;

}

#slide-item-4{
    background-image: url(admin_area/background_images/suv-grey-bg.png); 
    background-size:contain; 
    background-repeat:no-repeat;

}


#services-quote {
    margin-top: 10px;
}

.book {
    color: #0f0f47;
}



.slide-area .slide-item:nth-child(1),
.slide-area .slide-item:nth-child(2) {
  top: 0;
  transform: translate(0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.slide-area .slide-item:nth-child(3) {
  left: calc(50%); 
}

.slide-area .slide-item:nth-child(4) {
  left: calc(50% + 200.5px);
}


.slide-item .slide-content{
    position: absolute;
    top: 50%;
    left: 100px;
    width: 300px;
    text-align: left;
    color: #eee;
    transform: translate(0, -50%);
    font-family: system-ui;
    display: none;
}

.slide-area .slide-item:nth-child(2) .slide-content{
    display: block;
}

.slide-content .name{
    font-size: 40px;
    color: #15153f;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0;
    animation: animate 1s ease-in-out 1 forwards;
}
.slide-content .des{
    color: #0f0f47;
    margin-top: 10px;
    margin-bottom: 20px;
    opacity: 0;
    line-height: 30px;
    animation: animate 1s ease-in-out 0.3s 1 forwards;
}

.slide-content button{
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    opacity: 0;
    animation: animate 1s ease-in-out 0.6s 1 forwards;
}

@keyframes animate{
    from{
        opacity: 0;
        transform: translate(0, 100px);
        filter: blur(33px);
    }

    to{
        opacity: 1;
        transform: translate(0);
        filter: blur(0);
    }
}

.slide-button {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}

.slide-button button {
    width: 40px;
    height: 35px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    transition: 0.3s;
    color: #fff;
}

.slide-button button:hover {
    background: #ababab;
    color: #fff;
}

@media screen and (max-width: 768px) {

    .slide-area .slide-item {
        width: 100%; 
        height: 300px;
    }

    .slide-item .slide-content {
        text-align: center;
        top: 55%;
        left: 20px; 
        width: calc(100% - 40px);
    }
    .slide-area .slide-item:nth-child(3),
    .slide-area .slide-item:nth-child(4) {
        z-index: -1;
        display: none;
    }

    .slide-content .name{
        font-size: 30px;
    }
    .slide-content .des{
        font-weight: 550;
       
    }

    .book {
        color: #fffcfc;
    }
    #slide-item-1{
        background-image: url(admin_area/background_images/chrysler-grey-bg.png); 
        background-position-y: bottom;
    
    }
    #slide-item-2{
        background-image: url(admin_area/background_images/sedan-grey-bg.png); 
        background-position-y: bottom;
    }
    #slide-item-3{
        background-image: url(admin_area/background_images/wchairs-grey.png); 
        background-position-y: bottom;
    
    }
    
    #slide-item-4{
        background-image: url(admin_area/background_images/suv-grey-bg.png); 
        background-position-y: bottom;
    
    }

    
}


/* services styling */
.services-wrapper {
    background: url(admin_area/background_images/city-12.jpg);
    background-size: cover;
    position: relative;
    border: none; 
    min-height: 80vh;
}

.services-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5); 
    mix-blend-mode: multiply; 
}


.services-wrapper::before {
    filter: brightness(10%); 
}

.custom-shape-divider-bottom-1708259142 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1708259142 svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 126px;
}

.custom-shape-divider-bottom-1708259142 .shape-fill {
    fill: #FFFFFF;
}

@media (max-width: 767px) {
    .custom-shape-divider-bottom-1708259142 svg {
        width: calc(144% + 1.3px);
        height: 68px;
    }
}
.services {
    width: 100%;
}

.services .heading-info{
    position: absolute;
    width: 100%;
    top: 25%;
    padding: 20px;
    text-align: left;
}

.services .heading-info h1{
    font-size: 60px;
    color: #fff;
    padding-bottom: 16px;
}
.services .heading-info p{
    color: #fff;
    font-size: 20px;
}

@media (max-width: 767px) {
    .services .heading-info{
        position: absolute;
        width: 100%;
        top: 10%;
        padding: 20px;
        text-align: left;
    }
    
    .services .heading-info h1{
        font-size: 40px;
        color: #fff;
        padding-bottom: 16px;
    }
    .services .heading-info p{
        color: #fff;
        font-size: 17px;
    }

    
    
}

#nemt {
    background-color: #ffffff;
}

#nemt .row{
    padding-top: 50px;
    padding-bottom: 50px;
}


#nemt-meaning h1{
    font-size: 40px;
    font-weight: 550;
}
#nemt-meaning p {
    line-height: 28px;
}
.nemt img {
    width: 100%;
}

.our-services{
    width: 100%;
    min-height: 100vh;
    text-align: center;
}

.services-contact {
    width: 100%;
    background-color: #f0f0f0;
    background-size: cover;
}

.services-contact-info {
    padding: 50px;
    margin: auto;
    text-align: center;
}
.services-contact-info h1{
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 10px;
}
.services-contact-info p {
    font-size: 20px;
    padding-bottom: 10px;
}
.services-contact-info h4{
    font-size: 23px;
    font-weight: 510;
    padding-bottom: 10px;
}
.services-contact-info button {
    padding: 15px 30px;
}

@media (max-width: 767px) {
    .services-contact-info h1{
        font-size: 26px;
        font-weight: bold;
        padding-bottom: 10px;
    }
    .services-contact-info p {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .services-contact-info h4{
        font-size: 18px;
        font-weight: 510;
        padding-bottom: 10px;
    }
}


/* about us stylings */

.about-wrapper {
    background: url(admin_area/background_images/city-1.jpg);
    background-size: cover;
    position: relative;
    border: none; 
    min-height: 80vh;
}

.about-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5); 
    mix-blend-mode: multiply; 
}

.about-wrapper::before {
    filter: brightness(10%); 
}

.custom-shape-divider-bottom-1708261222 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1708261222 svg {
    position: relative;
    display: block;
    width: calc(105% + 1.3px);
    height: 139px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1708261222 .shape-fill {
    fill: #13135b;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1708261222 svg {
        width: calc(115% + 1.3px);
        height: 67px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1708261222 svg {
        width: calc(144% + 1.3px);
        height: 100px;
    }
}

.about-us {
    width: 100%;
}

.heading-info{
    position: absolute;
    width: 100%;
    top: 40%;
    padding: 20px;
    text-align: left;
}

.heading-info h1{
    font-size: 60px;
    color: #fff;
    padding-bottom: 16px;
}
.heading-info p{
    color: #fff;
    font-size: 20px;
}

@media (max-width: 767px) {
    .heading-info{
        position: absolute;
        width: 100%;
        top: 30%;
        padding: 20px;
        text-align: left;
    }
    
    .heading-info h1{
        font-size: 40px;
        color: #fff;
        padding-bottom: 16px;
    }
    .heading-info p{
        color: #fff;
        font-size: 17px;
    }

}

.about-sec {
    width: 100%;
    background: -webkit-linear-gradient(75deg, #1b3d5b, #1b3d5b, #295b87, #295b87,  #13135b, #13135b, #13135b);

}

/** For mobile devices **/
@media (max-width: 807px) {
    .about-sec {
        background: -webkit-linear-gradient(75deg, #1b3d5b, #1b3d5b,  #13135b, #13135b, #13135b, #295b87, #295b87, #13135b, #13135b);
    }
}

#about-info {
    background-color: none;
}

#about-info .row{
    padding-top: 50px;
    padding-bottom: 50px;
}

#about-info-text{
    padding-top: 50px;
}
#about-info-text h1{
    font-size: 40px;
    font-weight: 550;
    color: #ede8e8;
}
#about-info-text p {
    line-height: 28px;
    color: #ede8e8;
    font-weight: 530;
}
.about-info img {
    width: 100%; 
    border-radius: 20px;
}


/* our goals styling */

.our-goals {
    position: relative;
    width: 100%;
    min-height: 80vh;
}

.our-goals::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(admin_area/background_images/city-2.jpg);
    background-size: cover; 
    filter: brightness(55%);
}

.our-goals-info {
    padding-top: 40px;
    padding-bottom: 40px;
}

.our-goals-info h2 {
    color: #f2eded;
}
.our-goals-info hr {
    width: 17%;
    padding: 1.7px;
    border: none;
    background-color: #f2eded;
}

.our-goals-info p {
    line-height: 34px;
    color: #f2eded;
}

/* our goals styling */

.our-mission {
    width: 100%;
}


#our-mission-info {
    padding-top: 40px;
    padding-bottom: 40px;

}

.our-mission-info h2 {
    color: #15153f;
}
.our-mission-info hr {
    width: 17%;
    padding: 1.7px;
    border: none;
    background-color: #15153f;
}

.our-mission-info p {
    line-height: 34px;
    color: #15153f;
}

#our-mission-info img{
    border-radius: 20px;
}


/* contact page stylings */

.contact-wrapper {
    background: url(admin_area/background_images/city-16.jpg);
    background-size: cover;
    position: relative;
    border: none; 
    min-height: 80vh;
}

.contact-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5); 
    mix-blend-mode: multiply; 
}

.contact-wrapper::before {
    filter: brightness(10%); 
}


.contact-us {
    width: 100%;
    background: url(admin_area/background_images/city-17.jpg);
    background-size: cover;   
}

.form-area {
    padding-top: 100px;
    padding-bottom: 100px;  
    
}

#quote-form {
    width: 62%;
    margin: auto;
    border : none;
    border-radius : 10px;
    box-shadow : 0 9px 40px rgba(42, 42, 42);
    border-image-source : linear-gradient(to left, #0C728E, #F1FCFF, #0C728E);
    background: -webkit-linear-gradient(75deg, #216998, #216998, #217dbb, #217dbb, #ecf0f1, #ffffff, #ffffff);
}

.input-area {
    padding: 50px;
}

.c-form-logo {
    display: block;
    margin: 0 auto; 
}

#quote-form h2 {
    text-align: center;
    color: #15153f;
    font-weight: 550;
    padding-top: 5px;

}
#quote-form p {
    text-align: center;
    color: #15153f;
    font-size: 15px;
    line-height: 26px;
}

#quote-form h3 {
    background: -webkit-linear-gradient(75deg, #9fd3e4, #9fd3e4, #9fd3e4, #9fd3e4, #70a8b6, #70a8b6, #70a8b6);
    padding: 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 550;
    color: #1b3d5b;
    margin-top: 35px;
    margin-bottom: 25px;
}

#quote-form hr {
    padding: 0.5px;
    border: none;
    background-color: #9fd3e4;
}

#quote-form label {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color:#000000;
}

#quote-form strong{
    color: red;
}
#name-mail label {
    padding-top: 0;

}
#name-mail input{
    border: solid 1px #9fd3e4; 
    width: 100%;
}
#ln-input {
    margin-left: 4px;

}
#name-mail p {
    text-align: left;
}
#email-input {
    margin-left: 20px;
    width: 50%;
}
.input-area input {
    height: 40px;
}
.input-area select {
    height: 40px;
}

#confirmation input {
    height: 20px;
    width: 3%;
}
#confirmation label span {
    font-size: 15px;
}

#submit-btn {
    border-radius: 35px;
    padding: 15px 35px;
}

#submit-btn:hover {
    background-color: #13135b;

}

#submit-area {
    padding-bottom: 50px;
}




@media (max-width: 967px) {
    #quote-form {
        width: 95%;
        margin: auto;
        border : none;
        border-radius : 10px;
        padding: 0px;
        box-shadow : 0 9px 40px rgba(42, 42, 42);
        border-image-source : linear-gradient(to left, #0C728E, #F1FCFF, #0C728E);
        background: -webkit-linear-gradient(75deg, #216998, #216998, #217dbb, #217dbb, #ecf0f1, #ffffff, #ffffff);
    }

    .input-area {
        padding: 13px;
    }

    #quote-form h2 {
        font-size: 20px;   
    }
    #quote-form p {
        font-size: 14px;
    
    }

    #name-mail {
       flex-wrap: wrap;
    }

    #email-input {
        margin-left: 0;
        width: 100%;
    }
    .c-form-logo {
        width: 60%; 
    }
}

.success-area {
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}
.quote-success {
    box-sizing: border-box;
    background: -webkit-linear-gradient(75deg, #216a9b, #216a9b, #216a9b, #4575a0, #4575a0, #e6ecf0, #e6ecf0, #e6ecf0);  
    width: 60%;
    border-radius: 10px;
    margin: auto;
    padding: 100px;
}
.quote-success img {
    width: 18%;
}
.quote-success h1 {
    color: #15153f;
    font-weight: 550;
    font-size: 45px;
}

.quote-success p {
    font-size: 16px;
}

@media (max-width: 967px) {
    .quote-success {
        box-sizing: border-box;
        background: -webkit-linear-gradient(75deg, #216a9b, #216a9b, #216a9b, #4575a0, #4575a0, #e6ecf0, #e6ecf0, #e6ecf0);  
        width: 95%;
        border-radius: 10px;
        margin: auto;
        padding: 100px;
    }

    .quote-success img {
        width: 35%;
    }

}




#message-area {
    width: 100%;
    background: -webkit-linear-gradient(75deg, #1b3d5b, #1b3d5b, #295b87, #295b87,  #295b87, #13135b, #13135b);   
}

.message-area {
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact-form h1 {
    color: #f9f3f3;
    font-weight: 700;
}

.contact-form textarea {
    padding: 10px;
    width: 100%;
    background-color: #fffcfc;
}

.contact-form input {
    background-color: #fffcfc;
}

#message-btn {
    border-radius: 35px;
    padding: 15px 35px;
}

.contact-info h1{
    color: #f9f3f3;
    font-weight: 700;
}
.contact-section {
    padding: 5px;
}
.contact-section h4 {
    font-weight: 550;
    color: #f2eded;
}
.contact-section p {
    color: #f2eded;

}
.contact-section .social{
    text-align: left;
}
.contact-section .social a{
    margin: 0px 10px 0px 0px;
    display: inline-block;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    vertical-align: bottom;
    background: #13135b;
    text-decoration: none;
}
.contact-section .social a:hover{
    color: #dedede;
    background: #337ab7;
}


.back-home{
    display: inline-flex;
    text-align: center;
    border-radius: 20px;
    padding: 8px;
}
.back-home a{
    text-decoration: none;
}

.back-home h5{
    font-size: 14px;
    font-weight: 380;
    color: #ffffff;
    
}
.back-home h5:hover{
    color: #13135b;
    font-weight: 550;
}
#main{
    color: #ffffff;   
}
.back-home .fas{
    font-size: 10px;
    font-weight: 550;
    margin-right: 10px;
    margin-left: 10px;
    color: #ffffff;   
}

html{
    scroll-behavior: smooth; 
}


/* our-fleet page stylings */

.our-fleet-wrapper {
    background: url(admin_area/background_images/wc-chrysler.png);
    background-position: center;
    background-size: cover;
    position: relative;
    border: none; 
    min-height: 80vh;
}

.our-fleet-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5); 
    mix-blend-mode: multiply; 
}

.our-fleet-wrapper::before {
    filter: brightness(10%); 
}

.our-nemt-fleet {
    padding-bottom: 60px;
    padding-top: 20px;
}


.our-fleet {
    width: 100%;
    background-size: cover;
    
}

#fleet-intro {
    text-align: center;
    padding: 30px;
    
}

#fleet-info hr {
    width: 8%;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 1px;
    border: none;
    background-color: #17174a;
}


.layer{
    background: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}
.layer:hover{
    background: rgba(36, 92, 142, 0.6);
}
.layer h3{
    width: 100%;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    opacity: 0;
    transition: 0.5s;

}
.layer:hover h3{
    bottom: 49%;
    opacity: 1;

}

#fleet-intro {
    background-color: #ffffff;
}

#fleet-rides {
    background-color: #ffffff;
    text-align: left;
    
}

#fleet-intro .row{
    padding-top: 50px;
    padding-bottom: 50px;
}

#fleet-rides .row{
    padding-top: 50px;
    padding-bottom: 50px;
}

#vehicle-details p {
    line-height: 26px;
}


.rides img {
    width: 100%;
}

.rides hr {
    width: 8%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 1px;
    border: none;
    background-color: #17174a;
}
#fleet-rides .fa {
    font-size: 36px;
    padding-bottom: 10px;
}
#fleet-rides .fas {
    font-size: 36px;
    padding-bottom: 10px;
}

#wc-vans-img {
    width: 90%;
}

@media (max-width: 767px) {
    #wc-vans-img {
        width: 100%;
    }
}



#sedans .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#background-sedans {
    width: 65%; /* Adjust the width of the background image container */
    height: 50vh;
    background: url(admin_area/background_images/sedan.png) fixed; /* Set background image to the right and make it static */
    background-size: 30%;
    background-position: center;
    filter: brightness(70%); /* Add brightness filter to the background image */
}

#background-sedans::before {
    content: ''; /* Create an empty pseudo-element to make sure the background is displayed */
    display: block;
    height: 100%;
    width: 100%;
    background: transparent; /* Set a transparent background to cover the content */
}

#background-sedans p {
    visibility: hidden; /* Hide any content inside the background image container */
}

@media (max-width: 967px) {
    #sedans .row {
        flex-direction: column; /* Change to column layout for smaller screens */
        align-items: center;
        justify-content: center;
    }

    #background-sedans {
        width: 100%;
        height: 50vh; /* Adjust the height for smaller screens */
        background: url(admin_area/background_images/sedan.png) fixed;
        background-size: cover;
        background-position: center;
        filter: brightness(70%);
    }

}

#vans .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#background-vans {
    width: 65%; /* Adjust the width of the background image container */
    height: 50vh;
    background: url(admin_area/background_images/minivan.png) fixed; /* Set background image to the right and make it static */
    background-size: 30%;
    background-position: center;
    filter: brightness(70%); /* Add brightness filter to the background image */
}

#background-vans::before {
    content: ''; /* Create an empty pseudo-element to make sure the background is displayed */
    display: block;
    height: 100%;
    width: 100%;
    background: transparent; /* Set a transparent background to cover the content */
}

#background-vans p {
    visibility: hidden; /* Hide any content inside the background image container */
}

@media (max-width: 967px) {
    #vans .row {
        flex-direction: column; /* Change to column layout for smaller screens */
        align-items: center;
        justify-content: center;
    }

    #background-vans {
        width: 100%;
        height: 50vh; /* Adjust the height for smaller screens */
        background: url(admin_area/background_images/minivan.png) fixed;
        background-size: cover;
        background-position: center;
        filter: brightness(70%);
    }

}




#suvs .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#background-suvs {
    width: 65%; /* Adjust the width of the background image container */
    height: 50vh;
    background: url(admin_area/background_images/suv-nemt-2.jpg) fixed; /* Set background image to the right and make it static */
    background-size: 30%;
    background-position: center;
    filter: brightness(70%); /* Add brightness filter to the background image */
}

#background-suvs::before {
    content: ''; /* Create an empty pseudo-element to make sure the background is displayed */
    display: block;
    height: 100%;
    width: 100%;
    background: transparent; /* Set a transparent background to cover the content */
}

#background-suvs p {
    visibility: hidden; /* Hide any content inside the background image container */
}

@media (max-width: 967px) {
    #suvs .row {
        flex-direction: column; /* Change to column layout for smaller screens */
        align-items: center;
        justify-content: center;
    }

    #background-suvs {
        width: 100%;
        height: 50vh; /* Adjust the height for smaller screens */
        background: url(admin_area/background_images/suv-nemt-2.jpg) fixed;
        background-size: cover;
        background-position: center;
        filter: brightness(70%);
    }

}




#wc-vans .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



#background-wcvans {
    width: 65%; /* Adjust the width of the background image container */
    height: 50vh;
    background: url(admin_area/background_images/chrysler-2.jpg) fixed; /* Set background image to the right and make it static */
    background-size: 30%;
    background-position: center;
    filter: brightness(70%); /* Add brightness filter to the background image */
}

#background-wcvans::before {
    content: ''; /* Create an empty pseudo-element to make sure the background is displayed */
    display: block;
    height: 100%;
    width: 100%;
    background: transparent; /* Set a transparent background to cover the content */
}

#background-wcvans p {
    visibility: hidden; /* Hide any content inside the background image container */
}

#vehicle-details {
    width: 45%; /* Adjust the width of the vehicle details */
    padding: 20px; /* Add padding for better spacing */
}

#vehicle-details h4 {
    margin-top: 0; /* Remove default margin for better alignment */
}
.icons {
    text-align: center;
}

.wc-icons {
    text-align: center;
}

@media (max-width: 967px) {
    #vehicle-details {
        width: 100%; /* Take full width on smaller screens */
        margin-top: 20px; /* Add margin to separate the background image from the content */
    }

    .wc-icons {
        text-align: center;
        width: 100%; /* Make icons take full width on smaller screens */
    }
}


@media (max-width: 967px) {
    #wc-vans .row {
        flex-direction: column; /* Change to column layout for smaller screens */
        align-items: center;
        justify-content: center;
    }

    #background-wcvans {
        width: 100%;
        height: 50vh; /* Adjust the height for smaller screens */
        background: url(admin_area/background_images/wc-chrysler.png) fixed;
        background-size: cover;
        background-position: center;
        filter: brightness(70%);
    }

    

}


.to-top {
    background: rgb(216, 210, 210);
    position: fixed;
    bottom: 16px;
    right:32px;
    width:50px;
    height:50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:26px;
    color:#1f1f1f;
    text-decoration: none;
    opacity:0;
    pointer-events: none;
    transition: all .4s;
  }
  
  .to-top.active {
    bottom:32px;
    pointer-events: auto;
    opacity:1;
  }


/* reveal styling */
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease;
  }
  
  .reveal.active{
    transform: translateY(0px);
    opacity: 1;
    
  }

.reveal-home{
    position: relative;
    transform: translateY(120px);
    opacity: 0;
    transition: all 1s ease;
}
  
.reveal-home.active{
    transform: translateY(0px);
    opacity: 1;
    
}