@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-color: #252424;
    --secondary-color: #FF8C4B;
    --black-color: #000000;
    --gray-color: #3E3E3E;
    --light-gray-color: #A8A8A8;
    --white-color: #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(--secondary-color); font-size: 18px; padding: 12px 16px; display: inline-block; border: 0px; cursor: pointer; transition: all 0.3s ease-in-out; border-radius: 6px;}
.btn-primary:hover{ background: var(--gray-color); 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-color);  border-color: var(--secondary-color);}
.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:#fff url("../images/arrow/left-arrow.svg") center 20px no-repeat; background-size: 50%; border: 1px solid #C6C6C6; border-radius: 50%;}
.slick-next.slick-arrow{ color: transparent; width: 55px; height: 55px; position: absolute; right: 0; top: 0; background: url("../images/arrow/right-arrow.svg") center 20px no-repeat; background-size: 50%; border: 1px solid #C6C6C6; border-radius: 50%;}
.slick-prev.slick-arrow:hover, .slick-next.slick-arrow:hover{ background-color: rgb(255 141 77 / 25%); border-color: rgb(255 141 77 / 25%);}


/* Header */
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 99; padding: 5px 0; background: #fff;}
header.fixed{  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.10); background: #fff; padding:00;  animation: slideDown 0.35s ease-out;}
header .navbar-brand img{ width: 125px; height: auto;}
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-top: 20px;}*/
header .navbar-expand-lg .navbar-nav .nav-link{ color: var(--black-color); font-size: 16px; margin-left: 12px; margin-right: 12px; font-weight: 600;}
header .navbar-expand-lg .navbar-nav .nav-link img{ width: 17px; height: auto; margin-right: 5px; border-radius: 3px;}
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-color);}
.top-header{ position: absolute; top: -17px; right: 0;}
.top-header li { float: left; vertical-align: top;}
.top-header li a{ color: var(--black-color); 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{ margin-top: 8px;}
header .signin a{ color: #000; font-weight: 600;}

/* HEROAREA START CSS */
.bannerarea{ width: 100%; position: relative; padding: 70px 0 30px; background: url("../images/herobg.png") right top no-repeat; background-size: cover; margin-top: 70px;}
.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-color); line-height: 130%; font-weight: 700; margin:25px 0 40px;}
.bannerarea p{ color: var(--white-color); font-size: 18px; padding-top: 35%;}

/*.formtabs{ border-radius: 15px;}*/
.formtabs .nav-tabs .nav-link{ background: none; text-align: center; border: 0px; padding: 14px 20px 30px; color: var(--white-color); font-weight: 600; font-size: 17px; border-radius:  0; margin-left: 20px; position: relative;}
.formtabs .nav-tabs .nav-item.show .nav-link, .formtabs .nav-tabs .nav-link.active { color: var(--secondary-color); background: none; }
.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: #fff;}
.formtabs .nav-tabs .nav-item{ height: auto;}
.formtabs .tab-content>.tab-pane{ padding:20px;}
.formtabs .form-group{ background: #F9F9F9; border-radius: 0; padding: 10px 10px 10px 40px; position: relative; margin-bottom: 10px;}
.formtabs .form-group label{ font-weight: 600; font-size: 16px; width: 100%;}
.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: 70px; float: left;}
.formtabs .form-group .form-icon{ position: absolute; left: 12px; top: 10px;}
.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 55px;}
.reliability h2{ font-size: 52px; font-weight: 600; color: var(--black-color); margin-bottom: 20px;}
/*.reliability h3{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:15px 0 10px;}*/
.reliability p{ line-height: 36px; margin-bottom: 25px; font-size: 22px;}
.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%);}


/* Make Your Trip Your Way With Us */
.yourTrip{ width: 100%; padding: 75px 0 60px; text-align: center; background: url("../images/triproad.png") right top no-repeat; background-size: cover;}
.yourTrip h2{ font-size: 36px; font-weight: 600; color: var(--black-color); margin-bottom: 60px;}
.yourTrip h3{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:15px 0 10px;}
.yourTrip p{ line-height: 26px; margin-bottom: 25px;}

/* Our Services */
.our__services{ padding: 75px 0 55px; width: 100%; background: var(--black-color);}
.our__services h2{ font-size: 36px; font-weight: 600; color: var(--white-color); margin-bottom: 40px;}
.powering__card { position: relative; overflow: hidden; padding:0; height: 420px;}
.overlay { position: absolute; left: 0; right: 0; z-index: 9; top: 0; bottom: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 10%); transition: all 0.3s ease-in-out; padding:100% 15px 10px;}
.overlay h3 { color: var(--white-color); text-shadow: 0px 3.603px 6.305px rgba(0, 0, 0, 0.25);    font-size: 24px; font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: 15px;}
.overlay p { font-size: 16px; font-weight: 400; font-style: normal; line-height: 22px; color: var(--white-color); display: none; margin-bottom: 12px; opacity: 0.8;}
.overlay a{ display: none;} 
.powering__card:hover .overlay{ padding-top: 65%; background: rgb(0 0 0 / 40%);}
.powering__card:hover p{ display: block;}
.powering__card:hover a{ display: block;}
.our__services .more-btn{ color: var(--white-color); font-size: 18px; display: inline-block;}
.our__services .more-btn svg{ vertical-align: middle; margin-left: 5px;}
.our__services .more-btn svg path{ fill: var(--white-color);}
.our__services .more-btn:hover{ color: var(--secondary-color); font-size: 18px; display: inline-block;}
.our__services .more-btn:hover svg path{ fill: var(--secondary-color);}
.our__services .slick-slide{ padding: 0 15px;}
.our__services .slick-slider{ margin-bottom: 55px;}
.our__services .slick-prev.slick-arrow{ left: auto; right: 125px; top: -87px; background-color: black;}
.our__services .slick-prev.slick-arrow:hover{ background-color: rgb(255 141 77 / 25%); border-color: rgb(255 141 77 / 25%)}
.our__services .slick-next.slick-arrow{ right: 40px; top: -87px;}

/* Maximum comfort and safety */
.homesafetytrip{ width: 100%; padding: 70px 0;}
.homesafetytrip h2{ font-size: 42px; font-weight: 600; color: var(--primary-color); margin-bottom: 40px;}
.fleetView h3{ font-size: 22px; font-weight: 600; color: var(--black-color); margin:10px 0 10px;}
.homesafetytrip h5{ font-size: 16px; color: var(--gray-color);}
.fleetView p{ color: var(--gray-color); font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.homesafetytrip .slick-slide{ padding: 15px;}
.fleetView{ border-radius: 15px; box-sizing: border-box; border: 1px solid rgba(217, 217, 217, 0.38); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); background: #fff; padding: 20px 20px 25px;transition: all 0.3s ease-in-out; }
.fleetView a{ 	
    color: #fff;
    background: var(--secondary-color);
    font-size: 18px;
    padding: 12px 16px;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
}
.fleetView a:hover{
    background: var(--gray-color);
    color: #fff;
}
.fleetView li{ width: 50%; position: relative; padding: 6px 0 6px 40px; color: var(--black-color); font-size: 16px; 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{ padding: 5px 0 50px; height: 180px; }
.fleetView:hover{ background: rgba(244, 244, 244, 0.25); border: 1px solid rgba(217, 217, 217, 0.38); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s ease-in-out; }
.fleetView:hover li span{ background: #fff;}

.homesafetytrip .slick-prev.slick-arrow{ left: auto; right: 85px; top: -87px;}
.homesafetytrip .slick-next.slick-arrow{ right: 10px; top: -87px;}


/* HOW IT WORK */
.howitwork{ width: 100%; padding: 70px 0; background: #FFFBF8 url(../images/howitworkbg.png) left top no-repeat; background-size: cover;}
.howitwork h2{ font-size: 24px; font-weight: 600; color: var(--secondary-color); margin-bottom: 45px; text-align: center;}
.howitwork h3{ font-size: 20px; font-weight: 600; color: var(--primary-color); margin-bottom: 10px;}
.howitwork p{ color: var(--gray-color); font-size: 16px; line-height: 24px;}
.count{ width: 60px; height: 60px; border-radius: 50%; background: var(--secondary-color); text-align: center; color: var(--white-color); font-weight: 500; line-height: 60px; margin-bottom: 30px; font-size: 26px;}
.howitwork ul{ display: grid; grid-template-columns: auto auto auto;}
.howitwork ul li{ padding: 0 15px; position: relative;}
.howitwork ul li:after{ width: 73%; left: 25%; top: 28px; background: rgb(255 80 66 / 30%); content: ''; height: 1px; position: absolute; z-index: 0;}
.checkmark{ width: 42px; position: absolute; top: 0; right: 0; z-index: 9; background: var(--white-color)}

/* Airports transfer */
.airports__transfer{ width: 100%; padding: 75px 0 15px;}
.airports__transfer h2{  color: var(--primary-color); font-size: 42px; font-weight: 600; margin-bottom: 40px; margin-top: 25px;}
.airports__transfer h2 a{ float: right; border: 1px solid var(--secondary-color); display: inline-block; color: var(--secondary-color); font-size: 16px; border-radius: 6px; padding: 12px 20px; margin-top: 12px;}
.airports__transfer h2 a:hover{ color: var(--white-color); background: var(--secondary-color);}
.airports__transfer .card{ border: 0px; border-radius: 0; position: relative;}
.airports__transfer .card-thumb{ padding-top: 130%; border-radius: 0; margin-bottom: 10px;}
.airports__transfer .overlay{ position: absolute; left: 0; right: 0; z-index: 99; top: 0; bottom: 0; width: 100%; height: 98%; background: rgb(0 0 0 / 10%); padding: 65% 0 10%; text-align: center; transition: all 0.3s ease-in-out;}
.airports__transfer h3{ width: 100%; text-align: center;  color: var(--white-color); font-size: 26px; font-weight: 600; margin-bottom: 35px;}
.airports__transfer a{ display: none;}
.airports__transfer .card:hover .overlay{  background: rgb(0 0 0 / 40%); padding: 55% 0 10%; cursor: pointer;}
.airports__transfer .card:hover .overlay a{ display: block;}
.airports__transfer .slick-prev.slick-arrow{ left: auto; right: 85px; top: -97px;}
.airports__transfer .slick-next.slick-arrow{ right: 10px; top: -97px;}
.airports__transfer .slick-slide{ padding: 0 15px;}
.airports__transfer .slick-slider{ margin-bottom: 35px;}

.airports__transfer .more-btn{ color: var(--black-color); font-size: 18px; display: inline-block;}
.airports__transfer .more-btn svg{ vertical-align: middle; margin-left: 5px;}
.airports__transfer .more-btn svg path{ fill: var(--black-color);}
.airports__transfer .more-btn:hover{ color: var(--secondary-color); font-size: 18px; display: inline-block;}
.airports__transfer .more-btn:hover svg path{ fill: var(--secondary-color);}

/* Diverse Fleet */
.diverse__fleet{ width: 100%; padding: 105px 0 125px; background: url("../images/road-unclok-bg.png") center top no-repeat; background-size: cover; color: var(--white-color); }
.diverse__fleet h2{  font-size: 42px; font-weight: 600; margin-bottom: 30px; margin-top: 25px;}
.diverse__fleet p{ position: relative; padding: 0 0 0 75px; font-size: 20px; line-height: 32px;}
.diverse__fleet p span{ display: block; font-weight: 600; font-size: 26px;}
.diverse__fleet p img{ position: absolute; left: 0; top: 8px; width: 55px; height: auto;}


/* 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: 70px 0; background: #FBFBFB;}
.faqs h2{ color: var(--primary-color); font-size: 32px; text-align: center; font-weight: 600; margin-bottom: 55px;}
.faqs .accordion .card-header{ background: none ; border: 0; padding: 18px 15px; cursor: pointer; font-weight: 500; color: #6A6A6A;}
.faqs .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right;}
.faqs .accordion .card-header.collapsed:after { content: "\f067";}
.faqs .card{ background: #fff; border-radius: 5px; border: 1px solid #D9D9D9; margin-bottom: 15px;}
.faqs .card-header:first-child { border-radius: 0;}
.faqs .card-body { padding: 15px; font-size: 16px; line-height: 26px; color: #636363; border-top: 1px solid #D9D9D9;}

/* Get in Touch */
.getintouch{ background: #192733; padding: 45px 0 35px; width: 100%; border-bottom: 1px solid rgb(255 255 255 / 20%);}
.getintouch h2{ color: var(--secondary-color); font-size: 24px; font-weight: 600; margin-bottom: 15px; margin-top: 25px;}
.getintouch .form-control{ border: 1px solid #A0A0A0; border-radius: 6px; height: 50px; font-weight: 500;}
.getintouch .btn-primary{ width: 100%;}

/* Footer Start */
footer{ width: 100%; background: #192733; padding: 20px 0 0;}
footer h2{ color: var(--secondary-color); font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 25px;}
footer p{ color: #C6C6C6; line-height: 26px; margin-bottom: 15px; font-size: 14px;}
footer ul{ margin-left: 20px;}
footer li { list-style: disc; color: #C6C6C6;}
footer li a{ color: #C6C6C6; font-size: 16px; line-height: 22px; padding:6px 0; display: inline-block;}
footer li a:hover{ color: var(--secondary-color);}
.footerBottom{ width: 100%; padding: 40px 0 30px;  color:#FFF; font-size: 15px;}
.footerBottom a{ color: #fff;}
.socialMedia{ position: relative; text-align: center; margin-top: 45px;}
.socialMedia:after{ width: 37%; height: 1px; position: absolute; right: 0; top: 15px; content: ''; background: rgb(255 255 255 / 20%);}
.socialMedia:before{ width: 37%; height: 1px; position: absolute; left: 0; top: 15px; content: ''; background: rgb(255 255 255 / 20%);}
.socialMedia a{ display: inline-block; margin: 0 20px;}
.socialMedia a img{ width: 28px; height: 28px;}

/* Inner pages start */
.inner__banner{ width: 100%; padding: 110px 0; overflow: hidden; position: relative; margin-top: 72px;}
.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-color); 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;}

.loginwrap{ width: 100%; padding: 50px 0;}
.loginwrap h1{ font-size: 32px; font-weight: 600; color: var(--secondary-color); margin-bottom: 20px;}
.loginwrap p{ font-size: 20px; color: var(--primary-color); margin-bottom: 35px; }
.signgmail{ margin: 0 0 35px;}
.signgmail a{ display: block; border: 1px solid var(--light-gray-color); color: var(--primary-color); font-size: 18px; background: var(--white-color); 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-color); 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-color); font-size: 16px; margin-bottom: 35px;;}
.accountsign a{ color: var(--secondary-color);}

.worldmoves{ background: #FFF8F2; padding: 50px 0;}
.worldmoves h2{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 20px;}
.worldmoves p{ font-size: 18px; color: var(--gray-color); margin-bottom: 20px; line-height: 26px;}
.worldmoves li{ font-size: 16px; color: var(--gray-color); margin-bottom: 10px; line-height: 26px; list-style: disc;}
.showcase{ width: 100%; padding: 65px 0;}
.showcase h2{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 40px; text-align: center;}
.numbershow{ position: relative; padding: 8px 0 8px 90px;}
.numbershow img{ position: absolute; left: 0; top: 6px;}
.numbershow h3{ font-size: 36px; font-weight: 800; color: var(--black-color); margin-bottom: 5px;}
.numbershow p{ font-size: 18px; font-weight: 500; color: var(--gray-color);}
.makeyourtrip{ width: 100%; padding: 65px 0; background: var(--black-color);}
.makeyourtrip h2{ font-size: 32px; color: var(--white-color); font-weight: 700; margin-bottom: 25px;}
.makeyourtrip li{ position: relative; padding: 26px 0 26px 110px;}
.makeyourtrip li img{ position: absolute; left: 0; top: 28px;}
.makeyourtrip h3{ font-size: 24px; color: var(--white-color); font-weight: 600; margin-bottom: 10px;}
.makeyourtrip p{ font-size: 18px; color: var(--light-gray-color); margin-bottom: 10px; line-height: 26px;}

/* CONTACT US PAGE */
.contactpage{ width: 100%; padding: 55px 0 75px; background: #F9F9F9; position: relative;}
.contactpage h3{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 40px; text-align: center;}
.contactpage .form-control.message{ height: 120px;}
.contactpage .btn-primary{ width: 100%; padding: 15px 10px; height: 50px; text-transform: uppercase; font-weight: 600; font-size: 16px;}
.contact-address{ position: relative; top: -100px;}
.contact-address .card{ border: 0px; border-radius: 0px; text-align: center; padding: 35px;}
.contact-address .card h2{ font-size: 26px; color: var(--black-color); font-weight: 600; margin:15px 0 20px; }
.contact-address .card p{ font-size: 18px; color: var(--gray-color); line-height: 26px; margin-bottom: 25px;}


/* Blog page */
.blogpage{width: 100%; padding: 35px 0 55px; background: #F9F9F9; position: relative;}
.blogpage h2{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 40px; text-align: center;}
.blogpage .formtabs .nav-tabs .nav-link{ color: var(--black-color);}
.blogpage .formtabs .nav-tabs .nav-item.show .nav-link, .blogpage .formtabs .nav-tabs .nav-link.active {
color: var(--secondary-color);}
.blog__post{ margin-bottom: 30px; position: relative; background: #fff; padding: 15px;}
.blog__post h3 a{ display: inline-block; color: var(--secondary-color); font-size: 26px; font-weight: 600; margin-bottom: 15px;}
.blog__post p{ font-size: 17px; line-height: 28px;}
.post-header{ position: relative; height: 420px; margin-bottom: 20px;}
.post-header:after{ position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; top: 0; content: ''; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0.7876400560224089) 100%);}
.post-header .blog-type{ position: absolute; left: 15px; bottom: 15px; color: var(--white-color); font-size: 14px; z-index: 9; text-transform: uppercase;}
.post-header .blog-date{ position: absolute; right: 15px; bottom: 15px; color: var(--white-color); font-size: 14px; z-index: 9; text-transform: uppercase;}
.pagination { display: inline-flex;}
.pagination .page-link { background: none; border: 0px; border-radius: 0px; color: var(--black-color); font-weight: 500; font-size: 16px;}
.pagination .page-link:focus { box-shadow: inherit;}
.pagination .page-link:hover { color: var(--secondary-color);}

.blogdetail {width: 100%; padding: 35px 0 55px; background: #F9F9F9; position: relative;}
.blog_content h2{ font-size: 28px; color: var(--black-color); font-weight: 600; margin-bottom: 10px;}
.blog_content h3{ font-size: 26px; color: var(--black-color); font-weight: 600; margin-bottom: 10px;}
.blog_content h4{ font-size: 24px; color: var(--black-color); font-weight: 600; margin-bottom: 10px;}
.blog_content p{ font-size: 16px; color: var(--gray-color); line-height: 28px; margin-bottom: 20px;}
.blog_content ul{ margin-left: 20px; margin-bottom: 25px;}
.blog_content li{ font-size: 16px; color: var(--gray-color); line-height: 26px; list-style: disc; margin-bottom: 8px;}
.blogdetail .formtabs .nav-tabs .nav-link{ color: var(--black-color);}
.blogdetail .formtabs .nav-tabs .nav-item.show .nav-link, .blogdetail .formtabs .nav-tabs .nav-link.active {
color: var(--secondary-color);}
.relateblog{ width: 100%; background: #fff; padding: 55px 0 25px;}
.relateblog h2{font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 30px;}
.relateblog .blog__post{ padding: 0px;}

/* Services */
.servicepage{width: 100%; padding: 60px 0 35px; background: #F9F9F9; position: relative;}
.servicepage .powering__card { height: 460px; margin-bottom: 25px;}

/* Destination */
.destinationpage{ width: 100%; padding: 60px 0 35px; background: #F9F9F9; position: relative;}
.destinationpage h2{font-size: 24px; color: var(--black-color); font-weight: 600; margin-bottom: 10px;}
.destinationpage ul{ margin-left: 5px; margin-bottom: 45px;}
.destinationpage  li a{ font-size: 18px; padding: 15px 0 15px 25px; color: var(--gray-color); display: inline-block; background: url(../images/check-tick.svg) left 15px no-repeat;}

/* Airpot Transfer */
.transfer_banner{ width: 100%; background: #FFE7DF; padding: 15px 0 30px; margin-top: 65px;}
.transfer_banner h1{ color: var(--black-color); font-size: 42px; font-weight: 600; margin-top: 35px;}
.transfer_banner p{ color: var(--gray-color); font-size: 17px; margin-top: 20px; line-height: 30px;}
.transfer_banner ul{ margin-top: 20px; margin-left: 20px;}
.transfer_banner li{ position: relative; color: var(--gray-color); font-size: 17px; line-height: 28px; list-style: disc; padding-bottom: 10px;}
.transfer_banner .formtabs .nav-tabs .nav-item{ list-style: none; padding: 0px;}
.transfer_banner .formtabs .nav-tabs .nav-link { color: var(--black-color);}
.transfer_banner .formtabs .nav-tabs .nav-item.show .nav-link, .transfer_banner .formtabs .nav-tabs .nav-link.active { color: var(--secondary-color); background: none;}
.airportwrap{ width: 100%; padding: 40px 0; background: #F9F9F9;}
.airportwrap h2{ font-size: 36px; color: var(--black-color); font-weight: 600; margin-bottom: 20px;}
.airportwrap p{ color: var(--gray-color); font-size: 18px; line-height: 30px; text-align: justify;}
.airport-thumb{ width: 100%;}

/* Our Fleets */
.fleetpage{width: 100%; padding: 60px 0; background: #F9F9F9; position: relative;}
.fleetpage .fleetView{ margin-bottom: 30px;}
.fleetindent{ border-top: 1px solid #C6C6C6; padding: 15px 0 0; width: 100%; float: left; margin-top: 20px;}
.fleetb{ position: relative; padding: 9px 0 9px 35px; font-size: 16px; color: var(--black-color); font-weight: 700;}
.fleetb span{ display: block; font-weight: 400; font-size: 15px; color: var(--gray-color); margin-top:5px; line-height: 22px;}
.fleetb img{ position: absolute; left: 0; top: 10px;}

.fleetindent li { width: 100%;
    padding: 7px 0 7px;
    color: var(--black-color);
    font-size: 14px;
    float: left;
    list-style: circle;
	margin-left: 15px;
}



.fleetdetail{width: 100%; padding: 35px 0 55px; background: #F9F9F9; position: relative;}
.fleetdetail h2{ font-size: 32px; color: var(--black-color); font-weight: 600; margin-bottom: 40px; text-align: center;}
.fleetdetail .formtabs .nav-tabs .nav-link{ color: var(--black-color);}
.fleetdetail .formtabs .nav-tabs .nav-item.show .nav-link, .fleetdetail .formtabs .nav-tabs .nav-link.active {color: var(--secondary-color);}
.AdditionalInformation{ width: 100%; margin: 20px 0 0; background: #fff; padding: 10px;}
.AdditionalInformation h3{ font-size: 24px; font-weight: 600; color: var(--black-color); border-bottom: 1px solid #D9D9D9; padding: 5px 0 15px 5px;}
.AdditionalInformation ul{ margin-left: 10px;}
.AdditionalInformation li{ font-size: 16px; color: var(--gray-color); line-height: 24px; margin-top: 20px; padding-left: 25px; background: url(../images/tick3.svg) left 8px no-repeat; background-size: 12px;}
.cardhire{ margin: 20px 0;}
.cardhire p{ font-size:16px; line-height: 24px; margin-top: 15px; }
.fleet__card{ padding:25px; background: #fff; margin-bottom: 20px;}
.facility{ margin: 0 0 35px; text-align: center;}
.facility p{ font-weight: 500; font-size: 17px; color: var(--black-color); margin: 15px; line-height: 22px;}
.fleet-facility{ padding:25px; background: #fff; margin-bottom: 20px;}
.fleet-facility h4{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:20px 0 12px;}
.fleet-facility p{ font-size: 15.5px; color: var(--black-color); margin-bottom: 15px; line-height: 26px;}
.fleet-facility .btn-primary{ border-radius: 3px; font-size: 16px; width: 100%; margin-bottom: 35px;}
.fleetwrap { padding:25px; background: #fff; margin-bottom: 20px;}
.fleetwrap h3{ font-size: 20px; font-weight: 600; color: var(--black-color); margin:0 0 10px;}
.fleetwrap p{ font-size: 15.5px; color: var(--black-color); margin-bottom: 25px; line-height: 26px;}
.fleetwrap ul{ margin-top: 20px; margin-left: 10px;}
.fleetwrap li{ font-size: 15.5px; color: var(--black-color); margin-bottom: 15px; line-height: 24px; width: 50%; float: left; background: url(../images/tick3.svg) left 8px no-repeat; background-size: 12px; padding-left: 25px;}

/* Book Ride */
.book__ride{ width: 100%; padding: 50px 0; background: #F4F4F4;}
.stepwrap{ margin-bottom: 45px; padding-top: 35px;}
.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: 16px; position: relative; padding: 15px 0 15px 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; background: var(--black-color); 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;}
.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: 54px;

}

.m-login{ display: none;}

.Contactinformation.myrides { padding: 50px 0;}
.Contactinformation.myrides h2{ font-size: 26px; color: var(--black-color); font-weight: 600; margin: 15px 0 20px;}
.Contactinformation.myrides h2 a{ margin: 0px; padding: 9px 15px; font-size: 16px; font-weight:500;}
.Contactinformation.myrides table{ border: 1px solid #eee;}
.Contactinformation.myrides table thead tr{ background: #FF8C4B;}
.Contactinformation.myrides table thead tr th{ color: #fff; padding:10px 15px; text-transform: uppercase; font-size: 14px; font-weight: 600;}
.Contactinformation.myrides table tbody tr td{ color: #666; padding:14px 15px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #eee;}
.Contactinformation.myrides table tbody tr:nth-child{ background: rgb(255 140 75 / 35%);}


.book__ride  h3{ font-size: 18px; margin-bottom: 15px;}
.childseat .form-control {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.paymentTotal span { display: inline-block; float: right; color: #ff5824; }
.paymentTotal {
    margin-bottom: 16px;
    margin-top: 16px;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 15px;
    font-size: 20px;
    color: #19232d;
    line-height: 22px;
}

.Contactinformation.myRidePage {
    padding: 50px 0;
}
.Contactinformation.myRidePage h2 {
    font-size: 26px;
    margin-bottom: 25px;
}
.Contactinformation.myRidePage h2 a {
    background: var(--secondary-color);
    color: #fff;
    font-size: 16px;
    padding: 11px 22px;
    border-radius: 5px;
    display: inline-block;
}
.Contactinformation.myRidePage .myridestable table {
    border: 1px solid #ccc;
}
.Contactinformation.myRidePage .myridestable thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background: rgb(255 88 36 / 17%);
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.Contactinformation.myRidePage .myridestable tbody tr {
    background: #fff;
}
.Contactinformation.myRidePage .myridestable tbody tr td {
    border: 1px solid #ddd;
    padding: 10px 10px;
    font-size: 15px;
    color: #333;
    vertical-align: middle;
}
.myridestable .btn-primary {
    font-size: 12px !important;
    padding: 6px 10px !important;
}


.Contactinformation.myRidePage .myridestable tbody tr:nth-child(even) {
    background: rgb(0 0 0 / 2%);
}
.loginwrap.ridedetailwrap{ padding:110px 0 50px; }
.loginwrap.ridedetailwrap h2 {
    font-size: 26px;
    margin-bottom: 25px;
}
.loginwrap.ridedetailwrap h2 a {
    background: var(--secondary-color);
    color: #fff;
    font-size: 16px;
    padding: 11px 22px;
    border-radius: 5px;
    display: inline-block;
	float: right;
}
.loginwrap.ridedetailwrap table tbody tr {
    background: #fff;
}
.loginwrap.ridedetailwrap table tbody tr td {
    border: 1px solid #ddd;
    padding: 10px 10px;
    font-size: 15px;
    color: #333;
    vertical-align: middle;
}
.loginwrap.ridedetailwrap table tbody tr:nth-child(even) {
    background: rgb(0 0 0 / 2%);
}

.custom-blinking-stripe {
  display: inline-block;
  padding: 15px 20px;
  background: linear-gradient(90deg, #ff5f5f, #000000); /* Dark teal to orange gradient */ border-radius: 5px;
  color: #fff; /* White text for better contrast */ font-weight: bold;
  text-decoration: none;
  animation: custom-move 5s linear infinite;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.custom-icon {
  margin-right: 10px;
  font-size: 20px;
  width: 20px; /* Adjust size to match the icon */ height: 20px;
}
.custom-text {
  color: #ffffff; /* Light orange color for "Recommended Read" */ font-weight: 500;
  margin-right: 7px;
  line-height: 1.3;
}
.custom-title-link {
  color: #ffffff; /* White color for blog title */ font-weight: 600;
  line-height: 1.3;
  text-decoration: none; /* Ensure the title doesn't inherit underline */
}
.custom-title-link:hover {
  color: #ff5722; /* Change this to your desired hover color */ text-decoration: underline; /* Optional: Add underline on hover */
}

