@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root {
    --primary: #00212A;
    --secondary: #C0AC90;
    --black: #000000;
    --orange: #000000;
    --gray: #3E3E3E;
    --light-gray: #A8A8A8;
    --white: #ffffff;
}
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block}
body { font-family: 'DM Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 100%;  -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse;  border-spacing: 0}
fieldset, img { border: 0}
ol, ul { list-style: none}
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline}
sup { top: -0.5em}
sub { bottom: -0.25em}
* { outline: none !important;}
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none;}
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0}
.clearfix:after { clear: both}
.clear { clear: both}
.btn { outline: 0px;}
.container{ max-width: 1280px; position: relative;}
.lists {  list-style: none; margin: 0px; padding: 0px;}
.btn-primary{ color: #fff; background: var(--primary); font-size: 18px; padding: 12px 16px; display: inline-block; border: 0px; cursor: pointer; transition: all 0.3s ease-in-out; border-radius: 5px;}
.btn-primary:hover{ background: var(--gray); color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: var(--secondary);  border-color: var(--secondary);}

.btn-primary svg, .btn-primary img{ vertical-align: -4px; margin-left: 5px;}

.btn-defult{ background: var(--secondary); font-size: 18px; padding: 12px 16px; display: inline-block; border: 0px; cursor: pointer; transition: all 0.3s ease-in-out; border-radius: 5px; color: var(--primary); font-weight: 600;}
.btn-defult:hover{ background: var(--gray); color: #fff;}
.btn-defult:not(:disabled):not(.disabled).active, .btn-defult:not(:disabled):not(.disabled):active, .show>.btn-defult.dropdown-toggle { color: #fff; background-color: var(--secondary);  border-color: var(--secondary);}
.btn-defult svg, .btn-defult img{ vertical-align: -4px; margin-left: 5px;}


.m-hide { display: block !important; }
.d-hide { display: none !important; }
.form-control, select.form-control:not([size]):not([multiple]) {  height: 50px; box-shadow:inherit;}

.slick-prev.slick-arrow{ color: transparent; width: 55px; height: 55px; position: absolute; left: 0; top: 0; background: url("../images/left-arrow.svg") center top no-repeat; background-size: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); top: 45%;}
.slick-next.slick-arrow{ color: transparent; width: 55px; height: 55px; position: absolute; right: 0; top: 0; background: url("../images/right-arrow.svg") center top no-repeat; background-size: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); top: 45%;}


/* Header */
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 99; padding: 12px 0; background: var(--primary);}
header .navbar-brand img{ width: auto; height: 14px; }
header .navbar{ padding: 0px;}
/*header.fixed .navbar-brand img{ width: 125px; height: auto;}*/
/*header.fixed .top-header{ display: none;}*/
/*header.fixed  .navbar-expand-lg .navbar-nav { margin-top: -10px;}*/
header .navbar-expand-lg .navbar-nav{ margin-left: 5%;}
header .navbar-expand-lg .navbar-nav .nav-link{ color: var(--white); font-size: 16px; margin-left: 10px; margin-right: 10px; font-weight: 500;}
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link, header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ color: var(--secondary);}
.top-header{ position: absolute; top: -17px; right: 0;}
.top-header li { float: left; vertical-align: top;}
.top-header li a{ color: var(--white); font-size: 18px; font-weight: 600; padding: 1px 20px;}
header .top-header .dropdown-item { display: block; padding: 10px 10px; clear: both; font-weight: 400;   color: #666; text-align: inherit; white-space: normal; background-color: transparent; border: 0;  border-bottom: 1px solid #eee; font-size: 14px;}
header .top-header .dropdown-menu{ left: 15px;}
header .dropdown-item img { float: right; width: 20px; vertical-align: -2px;}
header .top-header .dropdown-item:focus, header .top-header .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa;}
header .signin{ background: var(--secondary); padding: 10px 15px 7px; border-radius: 5px;}
header .signin a{ color: var(--primary); font-weight: 600;}

/* HEROAREA START CSS */
.bannerarea{ width: 100%; position: relative; padding: 50px 0 40px; background: url("../images/limousinetransferhire_bg.jpg") right top no-repeat; background-size: cover; margin-top: 60px;}
.bannerarea:before{ width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; content: ''; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.3086484593837535) 0%, rgba(0,0,0,0.7876400560224089) 100%);}
.bannerarea .container{ position: relative; z-index: 90;}
.bannerarea h1{ font-size: 60px; color: var(--white); line-height: 130%; font-weight: 700; margin:25px 0 20px;}
.bannerarea h2{ font-size: 28px; color: var(--white); line-height: 160%; font-weight: 500; margin:0 0 25px;}
.bannerarea p{ color: var(--white); font-size: 18px; padding-top:20%;}

/*.formtabs{ border-radius: 15px;}*/
.formtabs .nav-tabs .nav-link{ background: none; text-align: center; border: 0px; padding: 17px 30px; color: var(--white); font-weight: 600; font-size: 17px; border-radius:  0;  position: relative;}
.formtabs .nav-tabs .nav-item.show .nav-link, .formtabs .nav-tabs .nav-link.active { color: var(--primary); background: var(--secondary); border-radius: 5px 5px 0 0 }
.formtabs .nav-tabs .nav-link.active:after{ border-left:  13px solid transparent;  border-right:   13px solid transparent; position: absolute; left: 0; right:0; bottom: 1px; content: ''; border-bottom: 15px solid var(--secondary-color); width: 15px; height: 15px; margin: 0 auto;}
/*.formtabs li.nav-item .nav-link{  overflow: hidden;}*/
/*.formtabs .nav-tabs .nav-link{ border-radius: 0 10px 0 0;}*/
.formtabs .nav-tabs{ border: 0px;}
.formtabs .tab-content {background: var(--secondary); border-radius: 0 5px 5px 5px;}
.formtabs .nav-tabs .nav-item{ height: auto;}
.formtabs .tab-content>.tab-pane{ padding:20px;}
.formtabs .form-group{ background: #F9F9F9; border-radius: 5px; padding: 10px 10px 10px 40px; position: relative; margin-bottom: 10px;}
.formtabs .form-group label{ font-weight: 600; font-size: 16px; width: 100%; margin-left: -28px;}
.formtabs .form-group .form-control{ border: 0px; box-shadow:inherit; padding:0px; background: none; height: 35px; line-height: 35px; font-weight: 500;}
.formtabs .form-group .form-control.hour-select{ width: 123px; float: left; margin-right: 20px;}
.formtabs .form-group .form-icon{ position: absolute; left: 12px; top: 38px;}
.formtabs .form-group select.form-control:not([size]):not([multiple]) { height: 30px;}
.formtabs .btn-primary{ width: 100%; padding: 14px 10px;}

 /* Reliability, worldwide */
.reliability{ width: 100%; padding: 75px 0;}
.reliability h2{ font-size: 38px; font-weight: 600; color: var(--primary); margin-bottom: 20px; line-height: 130%}
.reliability p{ line-height: 150%; margin-bottom: 25px; font-size: 16px;}
.list-ticks li { font-size: 18px; line-height: 50px; font-weight: 500; color: #181A1F; padding: 0px 0px 0px 40px;  position: relative;}
.list-ticks li::before { content: ""; height: 25px; width: 25px; background-color: #FDEEEC; border-radius: 50%; background-image: url(../images/tick.svg); background-position: center; background-repeat: no-repeat;    position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}

/* Your professional chauffeur service */
.homeService{ padding: 75px 0; background: var(--primary);}
.homeService .bg-dark{ background: rgba(192, 172, 144, 0.1);border-radius: 10px; }
.homeService h3{ font-size: 36px; color: var(--secondary); font-weight: 600;}
.homeService h2{ font-size: 36px; color: var(--secondary); font-weight: 600;}
.homeService p{ font-size: 17px; color: var(--white); margin-bottom: 25px; line-height: 160%;}

/* Booking Process */
.BookingProcess{ width: 100%; padding: 75px 0;}
.BookingProcess h2{ color: var(--primary); font-size: 42px; font-weight: 600; margin-bottom: 55px;}
.BookingProcess h3{ color: var(--primary); font-size: 20px; font-weight: 600; margin:45px 0 15px;}
.BookingProcess p{ color: var(--gray); font-size: 16px; line-height: 28px;}
.BookingProcess ul{ display: flex; justify-content: space-around; text-align: center;}
.BookingProcess ul li{ display: inline-block; text-align: center; padding: 0 35px; position: relative;}
.BookingProcess .count{ background: var(--white); z-index: 3; width: 70px; height: 70px; border-radius: 50%; border: 1px solid var(--primary); font-size: 24px; font-weight: 500; margin: 0 auto; line-height: 68px; position: relative;;}
.BookingProcess ul li:before{ position: absolute; z-index: 0; height: 1px; background: #E5E5E5; top: 35px; left: auto; right:0; width: 50%;}
.BookingProcess ul li:after{ position: absolute; z-index: 0; height: 1px; background: #E5E5E5; top: 35px; left: 0; right:auto; width: 50%;}
.BookingProcess ul li:last-child:before, .BookingProcess ul li:first-child:after{ display: none;}

/* Our Services */
.OurServices{ width: 100%; position: relative; overflow: hidden; padding: 75px 0;}
.OurServices:before{ height: 420px; width: 100%; background: var(--secondary); position: absolute; left: 0; top: 0; right: 0; z-index: 0;}
.OurServices h2{ color: var(--white); font-size: 42px; font-weight: 600; margin-bottom: 10px;}
.OurServices h2 a{ float: right;}
.serviceBox h3 { font-size: 18px;}
.serviceBox h3 a{ color: var(--primary); font-size: 18px; font-weight: 600;}
.serviceBox h3 a:hover{ color: var(--secondary);}
.serviceBox{ background: var(--white);  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); border-radius: 6px;}
.service-thumb{ height: 300px; width: 100%; border-radius: 6px 6px 0 0;}
.OurServices .slick-initialized .slick-slide{ padding: 35px;}

/* Customer Say */
.customerSay {  width: 100%; padding: 0 0 105px;}
.customerSay h2{ color: var(--primary); font-size: 42px; font-weight: 600; margin-bottom: 40px;}
.customerSay p{ font-size: 20px; color: var(--gray); line-height: 170%;}
.customerBox{ width: 75%; margin: 0 auto; padding:10px 0 20px 170px; position: relative; min-height: 150px;}
.test-user{ position: absolute; top: 12px; left: 0;}
.test-user::after{ position: absolute; right: -6px; bottom: 10px; z-index: 9; width: 30px; height: 30px; content: '';}
.customerSay .slick-prev.slick-arrow{ color: transparent; width: 40px; height: 40px; position: absolute; left: 46%; top: 0; background: url("../images/arrow-left.svg") center top no-repeat; background-size: 100%; top: auto; bottom: -25px;box-shadow: inherit;}
.customerSay .slick-next.slick-arrow{ color: transparent; width: 40px; height: 40px; position: absolute; right: 46%; top: 0; background: url("../images/arrow-right.svg") center top no-repeat; background-size: 100%; top: auto; box-shadow: inherit; bottom: -25px;}

/* Our Fleet */
.HomeFleet{ width: 100%; background-color: #F6F6F6; padding: 75px 0;}
.HomeFleet h2{ color: var(--primary); font-size: 42px; font-weight: 600; margin-bottom: 40px;}
.HomeFleet h3{ color: var(--secondary); font-size: 28px; font-weight: 600; margin:50px 0 20px;}
.HomeFleet h4{ color: var(--primary); font-size: 20px; font-weight: 600; margin:15px 0 10px;}
.HomeFleet p{ font-size: 18px; color: var(--gray); margin-bottom: 35px;}
.HomeFleet .slider-nav p{ font-size: 15px; color: rgba(60, 60, 60, 0.5);}
.HomeFleet li{ display: inline-block; vertical-align: top; width: 32%; height: 45px; margin-bottom: 15px; font-size: 16px; color: var(--gray); position: relative; padding-left: 50px; line-height: 36px;}
.HomeFleet li span{ border-radius: 50%; background: rgba(60, 60, 60, 0.1); line-height: 40px; width: 40px; height: 40px; position: absolute; left: 0; top: 0; display: block; padding: 12px;}

.HomeFleet .slick-slide.slick-current.slick-active.slick-center { border-bottom: 2px solid var(--primary);}
.HomeFleet .slick-slide.slick-current.slick-active.slick-center h4{ color: var(--secondary);}
.HomeFleet .slider-nav .slick-slide.slick-current.slick-active.slick-center p{ font-size: 15px; color: var(--primary);}
.HomeFleet .slick-prev.slick-arrow{ color: transparent; width: 40px; height: 40px; position: absolute; left: 0; top: 20px; background: url("../images/arrow-left.svg") center top no-repeat; background-size: 100%; top: 55px; box-shadow: inherit;}
.HomeFleet .slick-next.slick-arrow{ color: transparent; width: 40px; height: 40px; position: absolute; right: 0; top: 20px; background: url("../images/arrow-right.svg") center top no-repeat; background-size: 100%; top: 55px; box-shadow: inherit;}

/* Diverse Fleet */
.diverse__fleet{ width: 100%; padding: 85px 0; background: url("../images/limousinetransferhire-md_bg.jpg") center top no-repeat; background-size: cover; color: var(--white); }
.diverse__fleet h2{  font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.diverse__fleet h3{  font-size: 42px; font-weight: 600; margin-bottom: 20px;}
.diverse__fleet p{ position: relative; padding: 0; font-size: 18px; line-height: 28px; margin-bottom: 25px;}
.diverse__fleet .btn-border{ border-radius: 6px; border: 1px solid #fff; padding: 12px 25px; color: var(--white); display: inline-block;}
.diverse__fleet .btn-border svg{ vertical-align: -4.5px; margin-left: 5px;}

/* Customer Reivew */
.customerreivew{ width: 100%; padding: 70px 0;}
.customerreivew h2{ color: var(--primary-color); font-size: 32px; text-align: center; font-weight: 600; margin-bottom: 10px;}
.customerreivew h3{ color: var(--black-color); font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.customerreivew h6{ color: var(--primary-color); font-size: 16px; text-align: center; margin-bottom: 55px;}
.customerreivew p{ color: var(--gray-color); font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.customerreivew .card{ background: #FBFBFB; border-radius: 15px; padding:90px 25px 25px; position: relative; text-align: center; border: 0px;}
.customerreivew .card:before{ width: 95px; height: 95px; content: ''; position: absolute; left: 20px; top: 15px; background: url(../images/quotation-mark.svg) left top no-repeat; background-size: 100%; opacity: 0.5;}
.customerreivew .slick-slide{ margin: 0 25px;}
.customerreivew .slick-dots{ bottom: -55px;}
.customerreivew .slick-slider{ margin-bottom: 95px;}

/* FAQs */
.faqs{ width: 100%; padding: 75px 0; }
.faqs h2{ color: var(--secondary); font-size: 44px; text-align: center; font-weight: 600; margin-bottom:45px;}
.panel-group{ background: #FFFCFB; border: 1px solid #3C3C3C; border-radius: 10px; padding: 35px;}
.panel.panel-default{ margin-top: 30px; border-bottom: 1px solid var(--gray); padding-bottom: 30px;}
.no-bdr{ border: 0px !important;}
.panel-title>a, .panel-title>a:active{ display:block;  padding:0 15px 0 10px;  color: rgba(60, 60, 60, 0.5); font-size:18px;  text-decoration:none; border-left: 3px solid rgba(60, 60, 60, 0.5);}
.panel-heading  a:before { content: ''; float: right; transition: all 0.5s; background: url(../images/icon/down-arrow.svg) left top no-repeat; width: 12px; height: 12px;}
.panel-heading.active a:before { -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg); transform: rotate(180deg);} 
.panel-heading.active a{ color: var(--primary); border-color: var(--primary);}
.panel-body{ padding-top: 15px; font-size: 16px; line-height: 22px; color: var(--gray);}

/* Footer Start */
footer{ width: 100%; background: #192733; }
.footTop{border-bottom: 1px solid #3C3C3C; padding: 30px 0; margin-bottom: 40px;}
.social{ text-align: right; font-size: 16px; color: var(--white);}
.social a{ margin: 0 5px;}
footer h2{ color: var(--secondary); font-size: 18px; font-weight: 500; margin-bottom: 15px;}
footer p{ color: #C6C6C6; line-height: 26px; margin-bottom: 15px; font-size: 14px;}
footer li a{ color: var(--secondary); font-size: 15px; line-height: 22px; padding:6px 0; display: inline-block; opacity: 0.7;}
footer li a:hover{ text-decoration: underline; color: var(--secondary); opacity: 1;}
.copy{ text-align: center; padding: 30px 0; margin-top: 60px; color: var(--white); font-size: 15px; border-top: 1px solid #3C3C3C;}

/* innerHero */
.innerHero{ width: 100%; background: url(../images/inner-bg.jpeg) center top no-repeat; background-size: cover; padding: 55px 0; margin-top: 60px;}
.innerHero h1{ color: var(--white); font-size: 44px; font-weight: 600;}

/* contact us */
.contactwrap{ padding: 75px 0; width: 100%;}
.contactwrap h2{ font-size: 24px; color: var(--gray); margin-bottom: 10px;}
.contactwrap h3{ font-size: 36px; color: var(--primary); margin-bottom: 20px; font-weight: 600;}
.contactwrap p{ font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.contactwrap li{ font-size: 18px; line-height: 28px; margin-bottom: 30px; position: relative; padding: 5px 0 5px 55px;}
.contactwrap li svg{ position: absolute; left: 0; top: 0;}
.contactwrap .form-control{ background: #F6F6F6; border-radius: 6px; height: 55px; border: 0;}
.contactwrap .form-control.h-120{ height: 170px;}

/* Blogs */
.blogpage{ padding: 75px 0; width: 100%;}
.blogcard h6{ font-size: 18px; color: var(--gray); margin-bottom: 10px;}
.blogcard h2 a{ font-size: 32px; color: var(--primary); font-weight: 600;}
.blogcard h2 a:hover{ color: var(--secondary);}
.blogcard p{ font-size: 16px; margin-bottom: 15px; line-height: 26px;}

.blog-thumb{ position: relative; border-radius: 6px; height: 340px; width: 100%;}
.date-blog{ position: absolute; left: 15px; top: 15px; width: 80px; z-index: 9; font-size: 15px; color: var(--white); text-align: center; font-weight: 600;}
.date-blog span{ display: block; font-size: 42px; line-height: 45px;}
.blog-thumb:after{ background: rgba(0, 0, 0, 0.2); border-radius: 6px; width: 100%; height: 100%; content: ''; left: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 0;}
.pagination .page-link{ color: var(--primary);}
.pagination .page-link.active{ background: var(--secondary);}
.post-category{ border: 1px solid #E5E5E5; border-radius: 6px; padding: 25px; margin-bottom: 20px;}
.post-category h3{ margin-bottom: 15px; color: var(--primary); font-weight: 600; font-size: 22px;}
.post-category li a{ display: inline-block; font-size: 16px; color: var(--primary); padding: 9px 0;}
.post-category.tag a{ display: inline-block; font-size: 16px; color: var(--primary); padding: 9px 15px; margin: 5px; background: var(--secondary); border-radius: 6px;}

/* Blog Detail */
.blogdetail{ width: 100%; padding: 75px 0; position: relative; overflow: hidden;}
.blogdetail .formtabs { position: -webkit-sticky; position: sticky; top: 0;}
.blogdetail .formtabs .nav-tabs .nav-link{ color: var(--primary);}
.BlogPost h3{ font-size: 20px; color: var(--primary); font-weight: 600; margin-bottom: 10px;}
.BlogPost p{ font-size: 16px; color: var(--gray); margin-bottom: 15px; line-height: 26px;}
.relatedPost{ padding: 75px 0; width: 100%; background: #FFFCFB;}
.relatedPost .blogcard h2 a{ font-size: 24px;}

/* About Us */
.aboutpage{ padding: 75px 0;}
.aboutpage h2{ font-size: 24px; color: var(--secondary); font-weight: 500; margin-bottom: 20px; line-height: 34px;}
.aboutpage p{ font-size: 17px; color: var(--gray); line-height: 26px; margin-bottom: 20px;}
.aboutpage ul{ margin-left: 20px;}
.aboutpage li{ font-size: 17px; color: var(--gray); line-height: 26px; margin-bottom: 20px; list-style-type: disc;}
.FoutCol li{ background: #C0AC90; width: 25%; float: left; padding: 45px; position: relative;}
.FoutCol li span{ position: absolute; top: 25px; right: 25px; color: var(--primary); opacity: 0.2; font-size: 44px; line-height: 45px; display: inline; font-weight: 600;}
.FoutCol li p{ font-size: 16px; color: var(--primary); line-height: 26px; margin-top: 25px;}
.FoutCol li:nth-child(2){ background: rgba(192, 172, 144, 0.8);}
.FoutCol li:nth-child(3){ background: rgba(192, 172, 144, 0.6);}
.FoutCol li:nth-child(4){ background: rgba(192, 172, 144, 0.4);}
.howitwork{ width: 100%; padding: 75px 0;}
.howitwork h2{ color: var(--primary); font-size: 42px; font-weight: 600; margin-bottom: 40px;}
.howitwork h3{ color: var(--primary); font-size: 24px; font-weight: 600; margin: 20px 0;}
.howitwork p{ font-size: 16px; color: var(--gray); line-height: 26px;}
.maketrip{ width: 100%; background: #F6F6F6; position: relative;}
.maketrip h2{ color: var(--primary); font-size: 42px; font-weight: 600; margin-bottom: 30px;}
.maketrip li{ position: relative; padding: 15px 0 15px 75px;}
.maketrip li h3{ font-size: 18px; font-weight: 600; margin-bottom: 5px; color: var(--primary);}
.maketrip li img{ position: absolute; left: 0; top: 13px;}
.maketrip li p{ font-size: 16px; line-height: 26px; color: var(--gray);}

/* Our Fleet */
.OurFleet{ padding: 65px 0; width: 100%;}
.OurFleet h2{ color: var(--primary); font-size: 36px; font-weight: 600; margin-bottom: 10px;}
.OurFleet p{font-size: 16px; color: var(--gray); line-height: 26px; margin-bottom: 45px;}
.fleetView h3{ font-size: 22px; font-weight: 600; color: var(--black-color); margin:10px 0 10px;}
.homesafetytrip h5{ font-size: 1rem; color: var(--gray-color);}
.fleetView p{ color: var(--gray-color); font-size: 1rem; line-height: 26px; margin-bottom: 15px; }
.fleetView{ border-radius: 15px; border: 1px solid #E5E5E5; background: #fff; padding: 1.25rem 1.25rem 25px;transition: all 0.3s ease-in-out; }
.fleetView li{ width: 50%; position: relative; padding: 6px 0 6px 40px; color: var(--black-color); font-size: 1rem; float: left;}
.fleetView li span{ width: 30px; height: 30px; position: absolute; left: 0; top: 0; border-radius: 50px; display: inline-block; background: #F4F4F4; padding-top: 7px; transition: all 0.3s ease-in-out; }
.car-box img { height: 190px;width: 100%;object-fit: contain; }
.fleetView:hover{ background: rgba(244, 244, 244, 0.25); border: 1px solid rgba(217, 217, 217, 0.38); transition: all 0.3s ease-in-out; }
.fleetView:hover li span{ background: #fff;}
.fleetView .btn-defult{ padding: 8px 15px; font-size: 16px;}

.bookNow{ padding: 75px 0; width: 100%;}
.bookNow .formtabs .nav-tabs .nav-item { width: 50%;}
.bookNow .formtabs .nav-tabs .nav-link { color: var(--gray);}
.bookNow .formtabs .nav-tabs .nav-item.show .nav-link, .bookNow .formtabs .nav-tabs .nav-link.active { background: inherit; color: var(--secondary);}
.bookNow .formtabs .tab-content{ background: #f8f9fa!important;}
.bookNow .formtabs .form-group { background: var(--white);}
.bookNow .formtabs .nav-tabs .nav-link.active:after { bottom: -5px; border-bottom: 10px solid var(--secondary); width: 10px; height: 10px; transform: rotate(-180deg);}

.loginwrap{ width: 100%; padding: 50px 0;}
.loginwrap h1{ font-size: 32px; font-weight: 600; color: var(--secondary); margin-bottom: 20px;}
.loginwrap p{ font-size: 20px; color: var(--primary); margin-bottom: 35px; }
.signgmail{ margin: 0 0 35px;}
.signgmail a{ display: block; border: 1px solid var(--gray); color: var(--primary); font-size: 18px; background: var(--white); padding: 15px 5px; border-radius: 5px;;}
.signgmail a svg{ width: 22px; height: 22px; margin-right: 10px; vertical-align: -5px;}
.orview{ width: 100%; margin-bottom: 35px; text-align: center; position: relative;}
.orview span{ display: inline-block; background: var(--white-color); padding: 10px; color: var(--gray); border-radius: 50%; position: relative; z-index: 9;;;}
.orview:before{ position: absolute; left: 0; right: 0; top: 17px; background: #ccc; content: ''; width: 100%; height: 1px;;}
.loginwrap label{ text-align: left; width: 100%; padding-left: 3px;}
.loginwrap .form-control{ height: 48px; font-size: 18px; border-radius: 6px; background: rgb(242 242 242 / 25%);}
.loginwrap select.form-control:not([size]):not([multiple]){ height: 48px; font-size: 18px;;}
.loginwrap .custom-control-label{ padding-top: 4px;;}
.loginwrap .btn-primary{ width: 100%; height: 52px;}
.accountsign{ color: var(--gray); font-size: 16px; margin-bottom: 35px;;}
.accountsign a{ color: var(--secondary);}

.servicepage{ width: 100%; padding: 65px 0;}

.servicedetail{ width: 100%; padding: 45px 0;}
.servicedetail h2{ color: var(--primary)!important; font-size: 36px; font-weight: 600; margin-bottom: 10px;}
.servicedetail p{ font-size: 16px; color: var(--gray); line-height: 26px; margin-bottom: 25px;}
.list-tick li{font-size: 16px; color: var(--gray); line-height: 26px; margin-bottom: 15px; background: url(../images/icon/tick.svg) left 8px no-repeat; background-size: 26px; padding: 7px 0 7px 40px;}
.servicedetail .formtabs .nav-tabs .nav-link {  color: var(--primary);}

/* Destination */
.destinationpage{ width: 100%; padding: 75px 0;}
.destinationpage h2{  color: var(--primary); font-size: 22px; font-weight: 600; margin-bottom: 10px;}
.destinationpage ul{ margin-left: 5px; margin-bottom: 45px;}
.destinationpage  li a{ font-size: 16px; padding: 10px 0 10px 25px; color: var(--gray-color); display: inline-block; background: url(../images/check-tick.svg) left 15px no-repeat;}

/* Inner pages start */
.inner__banner{ width: 100%; padding: 110px 0; overflow: hidden; position: relative; margin-top: 50px;}
.inner__banner:before{ width: 100%; background: rgb(0 0 0 / 50%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; content: '';}
.inner__banner .container{ position: relative; z-index: 9; text-align: center;}
.inner__banner h1{ color: var(--white); font-size: 42px; font-weight: 600;}
.inner__banner p{ color: rgb(255 255 255 / 70%); font-size: 20px; margin-top: 30px; line-height: 32px;}
.inner__banner ul{ margin-top: 40px;}
.inner__banner li{ float: left; width: 25%; position: relative; padding-left: 65px; text-align: left;}
.inner__banner li h4{ color: #FFFFFF; font-size: 22px; font-weight: 600;}
.inner__banner li p{ color: #A3B2CF; font-size: 16px; margin: 0px;}
.inner__banner li img{ position: absolute; left: 0; top: 4px;}


/* Book Ride */
.book__ride{ width: 100%; padding: 50px 0; background: #F4F4F4;}
.stepwrap{ margin-bottom: 45px;}
.stepwrap li{ text-align: center; width: 25%; float: left; position: relative;}
.stepwrap li span{ font-size: 16px; font-weight: 600; color: #9B9B9B; text-transform: uppercase; display: inline-block;}
.stepwrap li .dot{ background: #D8D5D5; width: 13px; height: 13px; border-radius: 50%; margin: 0 auto 20px; position: relative; z-index: 9;}
.stepwrap li:before{ width: 100%; background: #D9D9D9; height: 2px; position: absolute; left: 0; top: 6px; z-index: 0; content: '';}
.stepwrap li:first-child:before{ width: 50%; left: auto; right: 0;}
.stepwrap li:last-child:before{ width: 50%; left: 0; right: auto;}
.stepwrap li.active .dot{ background: #FF8C4B;}
.stepwrap li.active span{ color: #FF8C4B;}
.stepwrap li.active:before{ background:#FF8C4B;}

.ride__map{ border-radius: 10px; border: 3px solid #fff; margin-bottom: 20px;}
.vehiclelist{ background: #fff; border-radius: 10px; margin-bottom: 20px;}
.vehicle__show{ text-align: center; padding: 20px 0 0;}
.vehicle__show p{ font-size: 12px; color: #919090; margin-bottom: 15px;}
.rating{ margin: 0 auto; width: 75px; border-radius: 30px; color: #F9B442; background: rgb(249 180 66 / 10%); padding: 10px 15px; font-size: 16px;}
.vechicle__data{ padding: 20px 0; position: relative;}
/*.vechicle__data:before{ width: 1px; height: 100%; position: absolute; left: -25px; top: 20px; background: rgb(155 155 155 / 15%);}*/
.vehicle__show h2{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 10px;}
.vechicle__data li{ float: left; width: 50%; font-size: 17px; position: relative; padding: 20px 0 20px 60px; text-align: left; color: var(--black-color); font-weight: 600;}
.vechicle__data li img{ position: absolute; left: 15px; top: 14px; width: 30px;}
.price__show{ width: 100%; text-align: center; padding:30px 20px; background: rgba(255, 231, 223, 0.55); min-height: 245px; border-radius: 0 10px 10px 0;}
.price__show h4{ font-size: 15px; color: #3C3C3B; margin-bottom: 20px;}
.price__tag{ font-size: 38px; color: var(--black-color); font-weight: 700; line-height: 42px; margin-bottom: 20px;}
.price__show ul{ margin:35px 0 50px;}
.price__show li{ width: 50%; float: left;}
.price__show li img{ margin-right: 10px; width: 28px; height: 28px;}
.price__show p{ margin-bottom: 20px; font-size: 16px; color: #000; line-height: 26px; font-weight: 500;}
.price__show .btn-primary{ width: 100%; padding: 13px 16px; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.price__show .btn-primary:hover{ background: var(--secondary-color);}
.right_card{ background: #fff; border-radius: 10px; padding:15px; margin-bottom: 20px;}
.right_card h3{ font-size: 22px; color: var(--black-color); font-weight: 600; padding-bottom: 12px; border-bottom: 1px solid rgb(198 198 198 / 40%);}
.right_card li{ position: relative; padding: 15px 0 15px 55px;}
.right_card li img{ position: absolute; left: 0; top: 18px; width: 35px; height: auto;}
.right_card li h4{ font-size: 18px; color: #2D4852; font-weight: 500; margin-bottom: 5px;}
.right_card li p{ font-size: 16px; color: #737474;}
.out2{ font-size: 18px; color: #2D4852; font-weight: 600; padding-left: 20px; margin-bottom: 20px;}
.out2:before{ width: 10px; height: 11px; content: ''; background: #2D4852; position: absolute; left: 0; top: 2px;}
.history_list{ width: 100%; margin-bottom: 20px; position: relative; padding-left: 35px;}
.history_list:before{ width: 8px; height: 8px; position: absolute; left: 10px; top: 5px; content: ''; background: #2D4852;}
.history_list:after{ width: 8px; height: 8px; position: absolute; left: 10px; top: 55px; content: ''; background: #F9B442;}
.history_list h6{ font-size: 14px; color: #2D4852; line-height: 18px; margin-bottom: 15px;}
.history_list h6 span{ color: rgb(45 72 82 / 45%); font-size: 13px; display: block;}
.transfer_view{ position: relative; font-size: 16px; color: #2D4852; font-weight: 500; margin-bottom: 20px; padding-left: 20px;}
.transfer_view img{ position: absolute; left: 0; top: 0;}
.mission_card{  background: #fff; border-radius: 10px; padding:15px; margin-bottom: 20px;}
.mission_card ul{ margin-bottom: 10px;}
.mission_card li{ font-size: 15px; color: #2D4852; padding: 7px 0 7px 25px; background: url(../images/check.svg) left 12px no-repeat; line-height: 24px;}

.Contactinformation {
    width: 100%;
    margin-top: 65px;
    padding: 40px 0px;
}
.Contactinformation h2 {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 800;
    color: rgb(25, 35, 45);
}

.Contactinformation .form-control.message {
  height: 150px
}
.Contactinformation .btn-orange {
  padding: 18px 5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  display: block
}
.Contactinformation .custom-control-label a {
  color: #000;
  text-decoration: underline
}
.vehicleblacktop {
  width: 100%;
  padding: 30px 0;
  background: #000;
  margin-top:60px
}
.vehicleblacktop h1 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px
}
.vehicleblacktop p {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 40px
}
.vehicleblacktop li {
  float: left;
  margin-right: 30px
}
.vehicleblacktop li a {
  border-radius: 35px;
  background: #4d5156;
  padding: 5px 6px;
  width: 240px;
  position: relative;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  height: 50px;
  color: #b0b1b3
}
.vehicleblacktop li a.active, .vehicleblacktop li a:hover {
   
background: var(--secondary);
  color: #fff
}
.vehicleblacktop li a span {
  background: #19232d;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 50%
}
.vehicleblacktop li a.active span, .vehicleblacktop li a:hover span {
  background: #a1835a;
  color: #fff
}
.vehiclelist {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #f0f2f7;
  border-radius: 10px
}
.listhead {
  padding: 15px;
  border-bottom: 1px solid #f0f2f7
}
.vehiclelist h2 {
  position: relative;
  padding-bottom: 7px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  color: #19232d
}
.vehiclelist li {
  font-size: 15px;
  color: #4d5156;
  line-height: 22px;
  padding: 4px 0 4px 25px;
  position: relative
}
.vehiclelist li img {
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: auto
}
.vehiclelist .user-data {
  font-size: 16px;
  color: #4d5156
}
.mapAddresss h4, .mapAddresss p {
  font-size: 16px;
  margin-bottom: 5px
}
.Contactinformation {
  padding: 40px 0;
  width: 100%;
  margin-top: 65px
}
.mapView {
  width: 100%;
  height: 320px;
  background: #f0f2f7
}
.mapAddresss {
  width: 100%;
  padding: 25px;
  background: #19232d
}
.mapAddresss h4 {
  color: rgb(240 242 247/55%)
}
.mapAddresss p {
  color: #fff;
  line-height: 26px
}
.SelectVehicle h2, .viewFleet h2 {
  margin-bottom: 20px;
  color: #19232d
}
.btn-edit {
  border-radius: 5px;
  border: 1px solid #b0b1b3;
  color: #fff;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 15px 5px
}
.btn-edit:hover {
  background: rgb(255,144,80);
background: linear-gradient(180deg, rgba(255,144,80,1) 0%, rgba(255,71,27,1) 100%);;
  color: #fff;
  border-color: #fa610b
}
.SelectVehicle {
  width: 100%;
  position: relative
}
.SelectVehicle h2 {
  font-size: 35px;
  font-weight: 600
}
.SelectVehicle .custom-control-label {
  margin-top: 3px
}
.paymentTotal {
  margin-bottom: 40px;
  background: #f0f2f7;
  border-radius: 5px;
  padding: 15px;
  font-size: 18px;
  color: #19232d;
  line-height: 22px
}
.paymentTotal span {
  float: right;
  display: inline-block;
  font-weight: 600
}
.childseat .form-control {
    width: 13%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.iti {
    position: relative;
    display: block !important;
}
.whatsappdesk{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}
.whatsappdesk a {
    height: 55px;
    width: 55px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: rgb(255,144,80);
    background: linear-gradient(0deg, #00B100, #09db09);
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,.5);*/
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    line-height:55px;
    overflow: hidden !important;
}