/****************reset css Start********************/
* {
    font-family: 'Poppins';
}
html {
    -webkit-text-size-adjust: none;
    background-color: #f8f8f8;
}
.parallax-mirror {
    z-index: 1 !important;
}
#main-uber-page {
    min-height: 100%;
}
#wrapper {
    background-color: #fff;
    min-height: calc(100vh - 354px);
    min-height: -o-calc(100vh - 354px);
    min-height: -moz-calc(100vh - 354px);
    min-height: -webkit-calc(100vh - 354px);
}
.modal-backdrop, .modal-backdrop.fade.in {
    display: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
header {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
header.shadow {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.fullWidth {
    width: 100%;
}
ul.tab-row li span:after {
    content: attr(data-slogan);
    font-size: 10px;
    display: block;
    color: #757575;
    margin-top: 5px;
    line-height: 12px;
}

ul.stepper .step {
    position: relative;
}
ul.stepper.linear {
    padding: 0 20px;
    overflow: visible;
    height: calc(100vh - 390px);
    height: -o-calc(100vh - 390px);
    height: -ms-calc(100vh - 390px);
    height: -moz-calc(100vh - 390px);
    height: -webkit-calc(100vh - 390px);
    overflow-y: auto;
}
ul.stepper .step .section-block .general-form {
    margin-top: 0;
}
ul.stepper .step .step-title {
    margin: 0 -20px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding: 14px 30px 14px 0;
    margin: 0 0px 0px 0;
    border-bottom: 1px solid #e0e0e0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
ul.stepper .step .step-title:hover {
    background-color: transparent;
}
ul.stepper .step .step-content {
    margin: 0 ;
}
ul.stepper .step .step-title::after {
    display: none;
}
ul.stepper .step:not(:last-of-type)::after {
    display: none;
}
ul.stepper .step::before {
    display: none;
}
button.waves-effect {
    height: 52px;
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    font-family: 'poppins';
    min-width: 140px;
    margin-right: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
button.waves-effect:hover,
button.waves-effect:focus {
    background-color: transparent;
    color: #fff;
    outline: none;
}
ul.stepper .step.done::before {
    content: '\e904';
    font-family: 'icomoon';
    font-size: 8px;
}
ul.stepper .step .step-title {
    position: relative;
}
ul.stepper .step.active .step-title:before {
    content: '\44';
    position: absolute;
    right: 0;
    top: 20px;
    font-family: 'icomoon';
    font-size: 12px;
}
ul.stepper .step .step-content {
    padding-top: 18px;
}


.hidden-overflow{overflow: hidden;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
    font-family: 'Poppins';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
#errmsg,#success, #errmsgf,#successf {
    background-color: #ce2525;
    color: #fff;
    border-radius: 5px;
    padding: 7px 20px;
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    line-height: normal;
}
.msg_close {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.login-err {
    position: relative;
}
.form-err {
    position: relative;
    margin-bottom: 15px;
}
.has-error {
    position: relative;
}
.static-page-new .error{
    bottom: -18px!important;
    left: 8px!important;
}

.error,.captcha-column span.error,.Iserror,.help-block.error {
    position: absolute;
    bottom: -13px;
    font-size: 11px;
    color: #f00;
    margin: 0;
    display: block;
    white-space: nowrap;
    margin: 0;
    left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.input-group-addon {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
}
.notes {
    display: block;
    margin-top: 5px;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0;
    font-family: 'poppins';
}
.notes span {
    font-weight: bold;
}
.general-form .form-group .notes label {
    position: relative;
    display: block;
    transform: none;
    margin: 0;
    display: inline-block;
    font-weight: 600;
    margin: 0 3px 0 0;
    left: auto;
}

._MB0_ {
    margin-bottom: 0 !important;
}
.relation-parent {
    position: relative;
}
.mix-content {
    transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
ul.user-menu ul.navmenu-links {
    display: none !important;
}
select::-ms-expand {
    display: none;
}
.ui-widget-header .ui-icon {
    background-image: none !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    text-indent: 0px;
    font-size: 0;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background-color: #aaa;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev .ui-icon:after,
.ui-datepicker .ui-datepicker-next .ui-icon:after {
    content: '\6c';
    font-family: 'icomoon';
    font-size: 14px;
    position: absolute;
    top: 1px;
}
.ui-datepicker .ui-datepicker-next .ui-icon:after {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: inline-flex;
}
/* .ui-widget.ui-widget-content{ */
    /* top: 56%!important; */
    /* transform: translateY(50%)!important; */
    /* -webkit-transform: translateY(50%)!important; */
    /* -moz-transform: translateY(50%)!important; */
    /* -ms-transform: translateY(50%)!important; */
    /* -o-transform: translateY(50%)!important; */
/* } */
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
.inv-rating .rating_img {
    background-size: auto 26px;
    margin: 0 auto;
    transform-origin: center center;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    display: block;
}
.inv-rating .rating_img span {
    font-size: 26px;
}
.inv-rating .rating_img span {
    background-size: auto 26px;
    background-position-y: 12px;
}
/********************************/
.alert .close {
  float: right;
  font-size: 0;
  line-height: 18px;
  color: #fff;
  text-shadow: 0 1px 0 #ffffff;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.alert .close:after {
  content: '\2715';
  font-size: 12px;
}

.alert {
  padding: 7px 20px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  font-size: 13px;
  font-weight:400;
  line-height: 21px;
  font-family: 'poppins';
  box-sizing: border-box;
}
.alert-heading {
    color: inherit;
}
.alert .close {
    position: relative;
    top: 0;
    right: -21px;
    line-height: 18px;
    vertical-align: middle;
}
.alert-success {
    background-color: #14b368;
    border-color: #14b368;
    color: #ffffff;
}
.alert-danger,
.alert-error {
    background-color: #ce2525;
    border-color: #ce2525;
    color: #fff;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}
/********************************/
/*************reset css End*******************/
/*************banner css Start*******************/
.banner-section {
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
}
.banner-back {
    position: absolute;
    width: 100%;
    pointer-events: none;
    top: 0;
    bottom: 0;
}
.banner-first-img {
    position: relative;
    width: 50%;
    pointer-events: none;
    top: 0;
    bottom: 0;
}
.home-sec-pg-banner{
    position: relative;
    margin-bottom: 40px;
}
.banner-image-first.first-overlay::before {

    content: "";
    background-color:#239707;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 0 0px 150px 5px;
    opacity: 0.5;

}
.home-sec-pg-banner .banner-section-inner .banner-image-first{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-size: cover;
    background-position: top center;
    width: 100%;
    background-repeat: no-repeat;
}
.home-sec-pg-banner .home-sec-pg-banner-backimg {
    position: absolute;
    bottom: -86px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.4));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.4));
}
.home-sec-pg-banner-backimg::after {position: absolute;
    width: 100%;
    height: 16%;
    left: 0;
    border-radius: 50%;
    z-index: -1;
    bottom: 2%;
    content: "";
    box-shadow: 0 55px 55px #000000;
    opacity: 0.2;
}
.banner-two-img{
    width: 50%;
    position: absolute;
}
.banner-image-sec{
    position: relative;
    left: 340px;
    top: 120px;
    height: 600px;
    background-repeat: no-repeat;

}
.banner-back .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
    /* background-size: cover; */
    display: none;

}
.banner-section-inner {
    width: 1310px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px 0px 15px;
    min-height: 585px;
    box-sizing: border-box;
}
.banner-section-inner:after {content: '';clear: both;display: block;}

.home-sec-pg-banner .banner-both-img {
    width: 100%;
    position: absolute;
    height: 665px;
    left: 0;
    top: -90px;
}
.home-sec-pg-banner form.gen-from .form-group input {
    border: 1px solid #fff;
    background-color: #f6f6f6;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 14px 16px 15px 48px;
    box-sizing: border-box;
    width: 100%;
}
.home-sec-pg-banner form.gen-from .form-group label {
    left: 42px;
}
.home-sec-pg-banner .categories-caption h2 {
    font-size: 46px;
    line-height: normal;
    overflow: hidden;
}


ul.tab-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 0 15px 0;
    background-color: rgba(255,255,255,0.85);
}
ul.tab-row li {
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 1;
    width: 110px;
    height:65px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
ul.tab-row.morerows {
    display: block;
    width: 100%;
    overflow-x: auto;
    font-size: 0;
    white-space: nowrap;
}
 ul.tab-row.morerows li {
    width: 14.28%;
    display: inline-block;
}

ul.tab-row.homepage li:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: lightgrey;
    border: 1px solid #000;
    border-radius: 50% 50% 0% 50%;
    opacity: 0.2;
}
ul.tab-row.homepage li.active:before {
    opacity: 0.6;
}
ul.tab-row.twobanner {
    max-width: 498px;
}
ul.tab-row li.tab.mob {
    display: none;
}
ul.tab-row li:hover {
    opacity: 1;
}
ul.tab-row li.tab.active {
    opacity: 1;
}
ul.tab-row li:after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 100%;
    height: 3px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
ul.tab-row li.tab.active:after {
    opacity: 1;
}
ul.tab-row li div.defaultimg-banner-icon {
    background-color: gray;
    height: 100%;
}
ul.tab-row li img, ul.tab-row li div.defaultimg-banner-icon {
    max-height: 25px;
    margin: 0 auto 15px auto;
    transform: translatex(0);
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
}
ul.tab-row li span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    width: 100%;
}
.home-sec-pg-banner .categories-block {
    position: relative;
    background-color: #fff;
    padding: 34px 35px 44px 35px;
    max-width: 577px;
    box-shadow: 0 0 106px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: -57px;
}
.home-sec-pg-banner .categories-block form.gen-from .form-group .error {
    left: 42px;
}
.home-sec-pg-banner .categories-block .button-block {
    margin-bottom: 0;
}
.categories-block {
    background-color: rgba(255,255,255,0.85);
    max-width: 577px;
    padding:60px 0px 0px 22px;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.categories-caption {
    display: none;
    min-height: 150px;
}
.home-sec-pg-banner .banner-section-inner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.categories-caption.active {
    display: block;
}
.categories-caption h2 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 10px;
}
.home-sec-pg-banner #_fare_estimate_form {margin-top: 10px;}
.categories-caption p {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 15px;
    text-align: justify;
    max-height: 192px;
    overflow: hidden;
}
.categories-caption h2 span {

    display: block;
    margin-top: 13px;
}
.categories-caption a.book-btn img {
    width: 20px;
    position: relative;
    right: -14px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.categories-caption a.book-btn:hover img {
    right: -20px;
}
.categories-caption a.book-btn {
    padding: 16px 56px 16px 23px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    white-space:nowrap;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border: none;
}
.categories-caption p a.book-btn {
    padding: 10px 56px 10px 23px;
}
.gen-btn,.button-block a.gen-btn,.modal .modal-footer .btn {
    padding: 12px 25px 12px 25px;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    white-space:nowrap;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: capitalize;
    font-family: 'poppins';
    margin: 0 0 0 10px;
}
.modal .modal-footer .btn i {
    display: none;
}
.gen-btn.small-btn {
    padding: 10px 16px;
    font-size: 14px;
}
.button-block a.gen-btn:after {
    display: none;
}
.gen-btn.cancel {
    background-color: #757575;
}
.categories-caption a.book-btn:hover,
.categories-caption a.book-btn:focus,
.gen-btn:hover,
.gen-btn:focus,
.button-block a.gen-btn:hover,
.button-block a.gen-btn:focus {
    background-color: transparent;
}

/*********** how-it-works section start *********/
.how-it-works-section-inner {
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.how-it-works-section h3 {
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 40px;
    margin-left: -3px;
    font-family: 'poppins';
    line-height: 55px;
}
.how-it-works-section {
    padding: 38px 0 0px 0;
    background-color: #f4f4f4;
    position: relative;
  }
.how-it-works-section.for-home-variant.title-center-ridecx::before {
    content: "";
    position: absolute;
    top: -89px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);
    background: -moz-linear-gradient(top,
rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(244,244,244,1) 99%,
    rgba(244,244,244,1) 100%);
    height: 90px;
    left: 0px;
    right: 0px;
}
.title-center-ridecx h3{
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 40px;
    margin-left: -3px;
    font-family: 'poppins';
    line-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
}
.how-it-works-left {
    padding-right: 160px;
}
.how-it-works-section ul li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 32px;
    padding-top: 12px;
}

[dir="rtl"] .how-it-works-section ul li {
    padding-left: 0px;
    padding-right: 67px;
}
.how-it-works-section ul li strong {
    font-size: 22px;
    font-weight: 500;
    display: block;
    margin-bottom: 12px;
}
.how-it-works-section ul li span {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 24px;
}
.how-it-works-section ul li:before {
    content: attr(data-number);
    width: 44px;
    height: 44px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    font-size: 23px;
    font-weight: bolder;
    box-shadow: 0 0 0 2px #757575 inset;
}
.how-it-works-section ul li:first-child:before {
    box-shadow: 0 0 0 2px #000 inset;
    color: #000;
}
[dir="rtl"] .how-it-works-section ul li:before {
    left: auto;
    right: 0;
}
.how-it-works-section ul li:last-child {
    margin-bottom: 0;
}

[dir="rtl"] .how-it-works-section ul:after {
    right: 22px;
    left: auto;
}
.how-it-works-section ul {
    position: relative;
    z-index: 0;
    margin-bottom: 60px;
}
.how-it-works-section ul li:after {
    content: '';
    position: absolute;
    width: 3px;
    left: 20px;
    background-color: #757575;
    top: 45px;
    bottom: -40px;
}
.how-it-works-section ul li:first-child:after {
    background-color: #000;
}
.how-it-works-section ul li:first-child:before {
    background-color: #000;
    color: #fff;
}
.how-it-works-section ul li:last-child:after {
    display: none;
}
[dir="rtl"] .how-it-works-section ul li:last-child:after {
    right: 22px;
    left: auto;
}
.how-it-works-right img {
    /* margin-top: -107px; */
    max-width: unset;
}
.how-it-works-right {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
/*********** how-it-works section end *********/
/*********** safety section start *********/
.safety-section {
    background-color: #fff;
}
.safety-section-inner {
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.safety-section-inner .sagetyRideRight{
    padding: 0 0px 0 60px;
}
.safety-section-right {
    width: 56.3%;
    padding: 0 0px 0 114px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    box-sizing: border-box;
}
.safety-section-left {
    width: 43.7%;
    height: 372px;
}
.safty-image-hold {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100%;
    border: 1px solid #aaa;
}
.page-section.reversafetysec .safety-section-inner .safetyImgHoldRide{
    width: 48vw;
    height: 476px;
}
.page-section.reversafetysec .safety-section-inner .saeftyRideRight {
    padding: 22px 51px 0 0px;
    width: 674px;
}
.safety-section h3 {
    font-size: 46px;
    font-weight: 500;
    color: #000;
    margin-bottom: 38px;
    line-height: 57.88px;
}
.safety-section p {
    color: #323232;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
}
/*********** safety section end *********/
.safety-section.homestyle img {
    max-width: 100%;
}
.callaction {
    font-size: 18px;
    color: #f09817;
    font-weight: 500;
    font-family: 'poppins';
    display: inline-block;
    margin-top: 48px;
}
/*********** Download app section Start *********/
.download-section {
    background-size: cover;
    padding: 65px 0 65px 0;
    background-color: transparent;
    min-height: 262px;
    background-attachment:fixed ;
}
.download-section-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    color: #fff;
}
.download-section-inner .download-links {
    display: flex;
    margin-top: 30px;
}
.download-section-inner .download-links a {
    margin: 0 10px;
}
.download-section h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 12px;
}
.download-section strong {
    font-size: 17px;
    font-weight: 500;
    display: block;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.download-section p {
    font-size: 17px;
    max-width: 810px;
    font-weight: 400;
    margin: 0 auto 3px;
    line-height: 28px;
}
.download-section p strong {
    display: inline;
    font-size: 22px;
    font-weight: 600;
}
.download-links a {
    display: block;
    padding: 0;
    margin: 0 0 16px 0;
    position: relative;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.download-links a:hover {
    top: -5px;
}
/*********** Download app section end *********/
/*********** call section Start *********/
.call-section {
    background-size: cover;
    padding:42px 0 60px 0;
    background-color: #fff;
}
.call-section.reversafetysec .call-section-inner{
    flex-direction: row-reverse;
}
.call-section-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.call-section h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    line-height: 57.88px;
    margin-bottom: 35px;
    margin-top: 0;
}
.call-section strong {
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom: 22px;
    color: #121212;
}
.call-section p {
    font-size: 21px;
    line-height: 36px;
    color: #404040;
    margin-bottom: 45px;
}
.call-section b {
    color: #393939;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

.call-section-left {
    width: 450px;
    padding-right: 15px;
}
.call-section.reversafetysec .callSectionLeftRide{
    width: 535px;
}
.call-section.reversafetysec .callSectionRide{
    width: calc(100% - 670px);
width: -o-calc(100% - 670px);
width: -ms-calc(100% - 670px);
width: -moz-calc(100% - 670px);
width: -webkit-calc(100% - 670px);
}
.call-section-right {
    width: calc(100% - 500px);
    width: -o-calc(100% - 500px);
    width: -ms-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    text-align: center;
}
.call-section-right img {
    max-width: 100%;
}
.call-section a {
    text-decoration: none;
    color: #000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.call-section a:hover {
    opacity: 0.5;
}
.call-section a.book-btn,
.safety-section a.book-btn {
    padding: 13px 24px 14px 24px;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: unset;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.3px;
    outline: none;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.call-section a.book-btn:hover,
.safety-section a.book-btn:hover {
    background-color: #757575;
    opacity: 1;
}
.call-section a.book-btn i {
    max-width: 25px;
    font-size: 25px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.call-section a.book-btn i {
    margin-right: 10px;
}

.call-section footer {
    margin-top: 0;
}
/*********** call section end *********/
/*********** signup section start *********/
.signup-row-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
}
.signup-block a {
    display: inline-flex;
    justify-content: space-between;
    text-decoration: none;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    padding-bottom: 5px;
    margin-bottom: 0;
    max-width: 565px;
    line-height: normal;
    flex-wrap: wrap;
}
.signup-block a:after {
    content: attr(data-name);
    font-size: 15px;
    display: block;
    width: 100%;
    color: #000;
    margin-top: -2px;
    margin-left: 2px;
    max-width: 320px;
}
/* .signup-block a::before {
    content: attr(data-name);
    position: absolute;
    height: 100%;
    color: #757575;
    top: 0;
    left: 0;
    width: 0%;
    transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    overflow: hidden;
} */
.signup-block a:hover {
    /*width: 100%;*/
   }
/* .signup-block a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #000;
    left: 0;
    bottom: 0px;
    pointer-events: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.signup-block a:hover:after {
    width: 100%;
} */
.signup-block a img {
    width: 32px;
    right: 0;
    margin-left: 0;
    right: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.signup-block a:hover img {
    /*filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);
    -webkit-filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);
    right: -20px;*/
}
.signup-block {
    width: 50%;
    min-height: 90px;
    position: relative;
    display: flex;
    align-items: center;
}
.signup-block.driver:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #fff;
    top: 0;
    bottom: 0;
}
.signup-block.rider {
    justify-content: flex-end;
}
.signup-row {
    background-color: #e0e0e0;
    overflow: hidden;
}
/*********** signup section end *********/

/*************icon shake animation start*************/
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  @keyframes hvr-icon-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  .hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  /* Icon Buzz Out */
  @-webkit-keyframes hvr-icon-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-icon-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  .hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
/*************icon shake animation end*************/
/*************************************************
==============home page css end=================--
*************************************************/

/*************************************************
==============login page css start=================--
*************************************************/
.login-main {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}
.login-inner {
    max-width: 1280px;
    padding: 50px 15px;
    margin: 0 auto;
    min-height: 654px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.login-block {
    width: 962px;
    min-height: 571px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.10);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.login-caption {
    margin-top: 46px;
    padding-left: 48px;
    display: none;
    /*min-height: 198px;*/
}
.login-caption.active {
    display: block;
}
.login-caption strong {
    font-size: 27px;
    font-weight: 600;
    color: #000;
    display: block;
    margin-bottom: 30px;
}
.login-caption ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}
.login-caption ul li:before {
    content: '';
    width: 16px;
    height: 13px;
    background-image: url(../../../img/apptype/RideCXv2/mark.svg);
    position: absolute;
    left: 0;
    top: 7px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
}
.login-left {
    width: 48%;
}
.login-left img {
    max-width: 380px;
}
.login-right {
    width: 52%;
}
ul.tab-switch li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    min-width: 110px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 0 10px;
}
.login-newblock { justify-content: center !important; padding: 0px!important;}
.loginlabel{margin: 20px 0 20px!important;}
.login-tabholder{width: 100%; justify-content: center!important; padding: 0px!important;}
.login-tabholder:before {
    content: '';
    border-bottom:none!important;
    }


.tabholder {
    height: 100px;
    display: flex;
    /* width: 370px; */
    max-width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    background-color: #dbdbdb;
    position: relative;
    z-index: 1;
}
.tabholder:before {
    content: '';
    border-bottom: 100px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 40px solid transparent;
    z-index: -1;
    padding-left: 40px;
    pointer-events: none;
}


.login-block-heading {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0px 0 30px;
    align-items: center;
    margin-bottom: 30px;
}
.login-block-heading label {
    font-size: 38px;
    font-weight: 500;
    color: #000;
    margin: 0;
}
.login-block-heading.forget_label {
    justify-content: center;
    padding: 0;
}
ul.tab-switch li.active a {
    background-color: #fff;
    color: #000;
}
ul.tab-switch {
    background-color: transparent;
    padding: 2px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
}
.login-right h1 {
    font-size: 35px;
    font-weight: 500;
    color: #000;
    padding-top: 7px;
    margin-bottom: 24px;
}
.login-right p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}
.login-right .form_hold {
    margin-top: 25px;
}
.login-right form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.login-right form .form-group input,
.login-right form .form-group select {
    width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
}
.login-right form .form-group select {
    outline: none;
    width: 100%;
    background-image: url(../../../img/apptype/RideCXv2/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
}
.login-right form .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}
.login-right form .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}
.login-right form .form-group input:focus {
    border: 1px solid #404040;
    outline: none;
}
.login-right form .form-group select:focus {
    border: 1px solid #404040;
}
.login-right form .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}
.login-right form .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}
.btn-hold input[type="submit"], .button-block-ride .book-now-btn {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 500;
    padding: 14px 54px 14px 22px;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: 'poppins';
}
.btn-hold input[type="submit"]:hover,
.btn-hold input[type="submit"]:focus, .button-block-ride .book-now-btn:hover, .button-block-ride .book-now-btn:focus {
    background-color: transparent;
}
.btn-hold input[type="submit"]:hover ~ img, .button-block-ride .book-now-btn:hover ~ img {
    /*right: 16px;*/
}
.btn-hold img {
    width: 20px;
    position: absolute;
    right: 22px;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.btn-hold {
    position: relative;
    display: inline-block;
}
.button-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}
.button-block.justify-center {
    justify-content: center;
}
.button-block.justify-center a {
    margin: 0 10px;
}
.button-block.end {
    justify-content: flex-end;
    width: 100%;
}
.login-data-inner {
    padding-right: 38px;
}
.button-block a {
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    position: relative;
}
.button-block a:hover,
.button-block a:focus {
    outline: none;
}
.button-block a:hover:after,
.button-block a:focus:after {
    width: 100%;
}
.button-block a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000;
    bottom: -5px;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    left: 0;
}
.member-txt {
    font-size: 16px;
    color: #404040;
    font-weight: 400;
    text-align: center;
}
.member-txt a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    padding-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: relative;
    display: inline-block;
}
.member-txt a:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 0%;
    height: 1px;
    background-color: #000;
    left: 0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.member-txt a:hover:after {
    width: 100%;
}
.member-txt a:hover,
.member-txt a:focus {
    opacity: 0.5;
    outline:none;
}
.aternate-login {
    height: 36px;
    display: block;
    position: relative;
    text-align: center;
    margin: 10px 0;
    z-index: 1;
}
.aternate-login:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #c8c8c8;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
}
.aternate-login:before {
    content: attr(data-name);
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
/* .soc-login-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    flex-direction: column;
    margin-top: 20px;
} */

.soc-login-row {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
.soc-login-row label {
    font-size: 16px;
    font-weight: 400;
    color: #404040;
    margin-bottom: 10px;
    display: block;
}
ul.social-list li a {
    text-decoration: none;
    outline: none !important;
}
ul.social-list li a i {
    font-size: 34px;
    color: #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
ul.social-list li a i.fa-facebook-square {
    color:#3b5999;
}
ul.social-list li a i.fa-linkedin-square {
    color:#0077B5;
}
ul.social-list li a i.fa-google-plus-square {
    color:#dd4b39;
}
ul.social-list li a i.fa-facebook-square:hover,
ul.social-list li a i.fa-facebook-square:focus,
ul.social-list li a i.fa-linkedin-square:hover,
ul.social-list li a i.fa-linkedin-square:focus,
ul.social-list li a i.fa-google-plus-square:hover,
ul.social-list li a i.fa-google-plus-square:focus {
    opacity: 0.5;
    outline: none;
}
ul.social-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
ul.social-list li {
    margin: 0 10px 10px 10px;
}
.login-block-footer {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    width: 100%;
}
.login-block-footer b {
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
    font-size: 17px;
}
.login-block-footer p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 18px;
}
.login-block-footer b i {
    margin-right: 5px;
}
.note-holder {
    display: none;
}
.note-holder.active {
    display: block;
}
.login-block-footer.for-registration .login-caption {
    margin-top: 0;
    padding: 20px 30px 20px 30px;
}
.login-block-footer.for-registration {
    margin-top: 30px;
    padding: 0;
}
/******************register page customizations*****************************/
.login-right.full-width form .form-group.onethird {
    width: calc(33.33% - 16px);
    width: -o-calc(33.33% - 16px);
    width: -ms-calc(33.33% - 16px);
    width: -moz-calc(33.33% - 16px);
    width: -webkit-calc(33.33% - 16px);
    margin: 0 8px 20px 8px;
}
.login-right.full-width form .form-group.half,
.contact-section form .form-group.half,
.general-form .form-group.half {
    width: calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: -ms-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    margin: 0 8px 20px 8px;
}
.general-form .half-column {
    width: calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: -ms-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    margin: 0 8px 0 8px;
}
.driver-add-vehicle-setting  .half-new{
    width: auto!important;
    margin: 0px!important;
}
.general-form .form-group.full {
    width: calc(100% - 16px);
    width: -o-calc(100% - 16px);
    width: -ms-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    margin: 0 8px 20px 8px;
}
.general-form .partation h1 {
    width: 100%;
    font-size: 20px;
    color: #666;
    padding-left: 8px;
    margin-bottom: 15px;
    font-weight: 500;
}
.dashboard .general-form .partation {
    margin-bottom: 10px;
}
.profile-image-hold {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px auto;
    border: 1px solid #c1c1c1;
}
.profile-image-hold img {
    max-width: 100%;
    max-height: 100%;
}
.partation {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    margin-bottom: 20px;
}
.contact-section form .partation {
    margin-bottom: 0;
}
.login-right.full-width form .form-group {
    width: 100%;
    margin:0 8px 20px 8px;
}
.captcha-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.login-right.full-width.full-width .login-data-inner {
    padding: 0 30px;
}
.login-right.full-width.full-width {
    width: 100%;
}
.login-right.full-width form .captcha-column .form-group {
    width: 130px;
}
.login-right.full-width .partation h1 {
    width: 100%;
    font-size: 25px;
    color: #666;
    padding-left: 8px;
}
.login-block-footer.for-registration .login-caption ul li {
    width: 100%;
    /*width: calc(50% - 50px);
    width: -o-calc(50% - 50px);
    width: -ms-calc(50% - 50px);
    width: -moz-calc(50% - 50px);
    width: -webkit-calc(50% - 50px);*/
    padding-right: 20px;
}
.login-block-footer.for-registration .login-caption ul {
    display: flex;
    flex-wrap: wrap;
}
.login-right.full-width .button-block {
    padding-left:8px;
}
.captcha-column a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    padding-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: relative;
    display: inline-block;
}
.captcha-column a:hover,
.captcha-column a:focus {
    opacity: 0.5;
    outline: none;
}
.gen-forms {
    display: none;
}
.gen-forms.active {
    display: block;
}
.login-right.full-width form .form-group.phone-column select {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
}
.login-right.full-width form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 108px);
    width: -o-calc(100% - 108px);
    width: -ms-calc(100% - 108px);
    width: -moz-calc(100% - 108px);
    width: -webkit-calc(100% - 108px);
}
.login-right.full-width form .form-group.phone-column .phonecode {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    box-sizing: border-box;
}
.login-right form .form-group.phone-column label {
    left: 90px;
}
.captcha-column img {
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.captcha-column span {
    margin: 8px 0;
    height: auto;
}
.login-block-footer.for-registration .login-caption {
    min-height: unset;
}
/************/
.radio-holding-row {
    margin-bottom: 20px;
    width: 100%;
    padding: 0 8px;
    margin-top: 10px;
}
.radio-holding-row strong {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}
.radio-holding-row > label {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}
/*****************Radio Start*****************/
.radio-holder {
    display: inline-block;
    width: auto;
    position: relative;
    vertical-align: middle;
    margin-right: 11px;
    cursor: pointer;
}
.radio-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #666;
    background-color: #dbdbdb;
    position: relative;
    pointer-events: none;
    border-radius: 50%;
    margin-left: 1px;
}
.radio-holder [type="radio"] {
    width: 18px;
    margin: 0;
    height: 18px;
    top: 0;
    position: absolute;
    left: 0;
    cursor: pointer;
    outline: none !important;
    opacity: 0;
}
.costing {
    color: #626262;
    font-size: 15px;
    font-weight: 500;
}
.radio-holder ~ label {
    vertical-align: middle;
    margin: 0;
    color: #626262;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}
.radio-holder [type="radio"]:checked ~ .radio-box {
    background-image: url(../../../img/apptype/RideCXv2/mark.png);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px #666;
}

/*****************Radio End*****************/
.flexible-row .label-data-hold {
    margin-right: 15px;
    display: inline-block;
}
.flexible-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.flexible-row label {
    margin-right: 21px;
    vertical-align: middle;
}
/*************************************************
==============login page css end=================--
*************************************************/
/*************************************************
==============about page css start=================--
*************************************************/
.heading-area {
    background-color: #f5f5f5;
}
.heading-area-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    height: 164px;
    display: flex;
    align-items: center;
}
.heading-area h1 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-top: 18px;
}
.about-caption-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}
.about-caption {
    padding: 42px 0 40px 0;
}
.about-caption h3 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
    line-height: 40px;
}
.about-caption p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 18px;
}
.article-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article-image {
    padding: 32px;
    background-color: #000;
    z-index: 1;
    position: relative;
}
article {
    margin-bottom: 70px;
}
.article-image-inner {
    width: 570px;
    height: 639px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.article-image:after {
    content: '';
    position: absolute;
    padding-right: 178px;
    border-top: 706px solid #fff;
    right: 0;
    top: 0;
    border-left: 216px solid transparent;
    z-index: -1;
}
.artical-right {
    width: calc(100% - 665px);
    width: -o-calc(100% - 665px);
    width: -ms-calc(100% - 665px);
    width: -moz-calc(100% - 665px);
    width: -webkit-calc(100% - 665px);
    padding-top: 34px;
}
.artical-right h4 {
    font-size: 35px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 28px;
}
.artical-right p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 28px;
}
.artical-links-row {
    display: flex;
    flex-wrap: wrap;
}
.artical-links-row a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    display: inline-block;
    margin-right: 65px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin-bottom: 15px;
}
.artical-links-row a:hover {
    opacity: 0.5;
}
.artical-links-row a:hover:after {
    right: -10px;
}
.artical-links-row a:after {
    width: auto;
    margin-left: 15px;
    content: '\61';
    font-family: 'icomoon';
    font-size: 12px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    right: 0;
    display: inline-block;
    font-size: 12px;
}
.artical-links-row a:hover img {
    right: -10px;
}
.artical-links-row a img {
    width: 14px;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    right: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
article.inverse .article-inner {
    flex-direction: row-reverse;
}
article.inverse .article-image:after {
    padding-right: 178px;
    border-top: 706px solid #fff;
    left: 0;
    right: auto;
    top: 0;
    border-right: 216px solid transparent;
    border-left: none;
}
/*******************contact page etylesheet start**********************/
.contact-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-section h1 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    padding-top: 0;
    margin-bottom: 19px;
}
.contact-section p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}
.contact-section .form_hold {
    margin-top: 25px;
}
.contact-section form .form-group,
.general-form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.contact-section form .form-group input,
.contact-section form .form-group select {
    width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    font-family: 'poppins';
}
.contact-section form .form-group select {
    outline: none;
    width: 100%;
    background-image: url(../../../img/apptype/RideCXv2/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
}
.contact-section form .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}
.contact-section form .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}
.contact-section form .form-group input:focus {
    border: 1px solid #c1c1c1;
    outline: none;
}
.contact-section form .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}
.contact-section form .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}
.contact-left {
    width: 47%;
}
.contact-section {
    padding:45px 0 50px 0;
}
.contact-left strong {
    font-size: 17px;
    color: #404040;
    font-weight: 500;
}
.contact-form {
    margin-top: 45px;
}
.contact-section form .form-group textarea {
    width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    height: 107px;
    outline: none;
    resize: vertical;
    font-family: 'poppins';
}
.contact-section form .form-group.textarea label {
    top: 24px;
}
.contact-section form .form-group.textarea.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}

.cont-det-block strong {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
}
.cont-det-block address {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 26px;
    padding-left: 32px;
    position: relative;
}
.contact-right {
    max-width: 384px;
    margin-right: 71px;
}
.cont-det-block {
    margin-bottom: 37px;
}
.cont-det-block address i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 30px;
}
.cont-det-block ul li {
    padding-left: 42px;
    position: relative;
    margin-bottom: 18px;
}
.cont-det-block ul li i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 23px;
}
.cont-det-block ul li i.fa.fa-envelope {
    font-size: 19px;
}
.cont-det-block ul li a {
    text-decoration: none;
    color: #404040;
    font-weight: 400;
    font-size: 18px;
}
.cont-det-block ul li a:hover,
.cont-det-block ul li a:focus {
    opacity: 0.5;
    outline: none
}
.contact-section form .captcha-column .form-group {
    width: 130px;
    margin-bottom: 0;
}
.contact-section .captcha-column {
    margin-bottom: 20px;
}
.contact-section form .form-group.phone-column select {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
}
.contact-section form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 108px);
    width: -o-calc(100% - 108px);
    width: -ms-calc(100% - 108px);
    width: -moz-calc(100% - 108px);
    width: -webkit-calc(100% - 108px);
}
.contact-section .form-group.phone-column label {
    left: 90px;
}
/***************************************************/
.login-block.for-forgot {
    min-height: 418px;
}
.login-block.for-forgot .member-txt {
    margin-bottom: 50px;
}
.login-block.for-forgot .aternate-login {
    margin-bottom: 30px;
}
/************************taxi app page css start****************************/
.banner-section.taxi-app .banner-back .banner-image {
    display: block !important;
    background-size: cover;
}
.banner-section.taxi-app .banner-section-inner {
    min-height: 487px;
    padding: 0 15px 50px 15px;
    box-sizing: border-box;
}
.banner-section.taxi-app .banner-section-inner:after {
    content: '';
    display: block;
    clear: both;
}
.banner-section.taxi-app ul.tab-row li a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    max-height: 57px;
    overflow: hidden;
    padding-bottom: 3px;
    line-height: 19px;
}
.banner-section.taxi-app ul.tab-row {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 15px 0 15px;
    background-color: rgba(255,255,255,0.905);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0);
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    height: 65px;
    align-items: center;
}
.banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    max-width: 100%;
    width: 1920px;
}
.banner-section.taxi-app .tab-row-holding {
    background-color: transparent;
    /* transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; */

}
.banner-section.taxi-app .tab-row-holding.sticky {
    height: 71px;
    z-index: 3;
    position: fixed;
    left: 0;
    right: 0;
}
.banner-section.taxi-app ul.tab-row li:after {
    bottom: 0px;
}
.banner-section.taxi-app .categories-block {
    padding: 54px 44px 52px 44px;
    float: right;
}
.banner-section.taxi-app .categories-caption {
    display: block;
}
/********************* how it works css start ****************************/
/********************* how it works css end ****************************/
.how-it-works-section.taxi-variant .how-it-works-section-inner {
    flex-wrap: wrap;
}
.how-it-works-section.taxi-variant .how-it-works-left {
    max-width: 588px;
    padding: 0;
}
.how-it-works-section.taxi-variant .how-it-works-right {
    width: calc(100% - 588px);
    width: -o-calc(100% - 588px);
    width: -ms-calc(100% - 588px);
    width: -moz-calc(100% - 588px);
    width: -webkit-calc(100% - 588px);
    align-items: center;
    justify-content: center;
}
.how-it-works-section.taxi-variant ul li:before,
.how-it-works-section.taxi-variant ul li:after {
    display: none;
}
.how-it-works-section.taxi-variant h3 {
    margin-bottom: 13px;
}
.how-it-works-section.taxi-variant .how-it-works-left strong {
    color: #404040;
    line-height: 29px;
    font-size: 18px;
    margin-bottom: 42px;
    display: block;
}
.how-it-works-section.taxi-variant .how-it-works-left li strong {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
}
.how-it-works-section.taxi-variant ul li {
    padding-top: 0;
    max-width: 420px;
}
.how-it-works-section.taxi-variant ul {
    margin-top: 0;
}
.how-it-works-section.taxi-variant ul li .proc_ico {
    width: 48px;
    position: absolute;
    left: 6px;
    top: 4px;
}
.how-it-works-section.taxi-variant .how-it-works-right img {
    margin: -60px 0 0 -33px;
    transform: translate3d(845px, 0px, 0px);
    -webkit-transform: translate3d(845px, 0px, 0px);
    -moz-transform: translate3d(845px, 0px, 0px);
    -ms-transform: translate3d(845px, 0px, 0px);
    -o-transform: translate3d(845px, 0px, 0px);
    animation: slideleft 1s normal forwards linear;
	width: 855px;
}
@keyframes slideleft {
    from {
        transform: translate3d(845px, 0px, 0px);
    }
    to {
        transform: translate3d(0px, 0px, 0px);
    }
}
/****************sefty section css start********************/
.safety-section.taxi-variant .safty-image-hold {
    width: 861px;
    height: 442px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.safety-section.taxi-variant.for-kiosk {
    background-color: #f6f6f6;
}
form.gen-from .form-group input, form.gen-from .form-group select {
    width: calc(100% - 34px);
    width: -o-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
}
.safety-section.taxi-variant.for-kiosk  .safty-image-hold {
    height: 491px;
}
form.gen-from .form-group input:focus {
    border: 1px solid #404040;
    outline: none;
}
form.gen-from .form-group select:focus {
    border: 1px solid #404040;
}
form.gen-from .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
}
form.gen-from .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}
form.gen-from .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.safety-section.taxi-variant h3 {
    max-width: unset;
    margin-bottom: 18px;
}
.safety-section.taxi-variant .safety-section-right {
    padding: 22px 0 0 51px;
    background-color: transparent;
    justify-content: flex-start;
    width: 736px;
}
.safety-section.taxi-variant {
    background-color: #f6f6f6;
}
.safety-section.reversafetysec{
    overflow: hidden;
}
.safety-section.homestyle.reversafetysec {
    padding-top: 0;
}
.safety-section.homestyle {
    padding: 50px 0;
}
.safety-section.reversafetysec img {
    max-width: 100%;
}
.safety-section.reversafetysec .safety-section-inner{
    flex-direction: row-reverse;
}
.safety-section.reversafetysec .safety-section-inner .safety-section-left{
    align-items: flex-start;
}
.safety-section.reversafetysec .safety-section-inner .safety-section-right{
    padding: 0 51px 0 0px;
}


.safety-section.taxi-variant p {
    line-height: 30px;
    font-size: 18px;
    color: #404040;
    margin-bottom: 46px;
}
.safety-section.taxi-variant .safety-section-left {
    width: calc(100% - 736px);
    width: -o-calc(100% - 736px);
    width: -ms-calc(100% - 736px);
    width: -moz-calc(100% - 736px);
    width: -webkit-calc(100% - 736px);
}
.safety-section.taxi-variant .safety-section-right form.gen-from {
    max-width: 649px;
    padding-left: 57px;
    box-sizing: border-box;
    padding-right: 15px;
}
.safety-section.taxi-variant .btn-hold input[type="submit"], .button-block-ride .book-now-btn {
    border-radius: 0;
}
form.gen-from .form-group.pickup-location:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 20px;
    top: 50%;
    border: 1px solid #000;
    border-radius: 50%;
    margin-top: -4px;
    background-color: #42ba96;
}
form.gen-from .form-group.drop-location:before {
    content: '';
    width: 1px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 24px;
    bottom: 31px;
    top: -41px;
}
form.gen-from .form-group.drop-location:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 20px;
    top: 50%;
    border: 1px solid #000;
    margin-top: -4px;
    background-color: #f00;
}
form.gen-from .form-group.error:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #ff0000;
    border-radius: 0 6px 6px 0;
}
form.gen-from .form-group.success:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 48px;
    right: 0;
    top: 0;
    background-color: #6cc700;
    border-radius: 0 6px 6px 0;
}
/************************** services page stylesheet ********************************/
.services {
    background-color: #f6f6f6;
    padding:34px 0 4px 0;
}
.services h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 15px;
}
.services-inner {
    margin: 0 auto;
    width: 1310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
    max-width: 100%;
    box-sizing: border-box;
}
.services strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.services ul {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -18px 0 -18px;
}
.services ul li {
    padding: 0 18px;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.services ul li .service-block {
    box-shadow: 0 0 0 1px #e3e3e3;
    background-color: #fff;
    text-align: center;
    padding: 30px 28px 53px 28px;
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    min-height: 100%;
    box-sizing: border-box;
}
.services ul li .service-block:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}
.services ul li .service-block:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 145px;
    background-color: #f2f2f2;
    z-index: -1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.services ul li .service-block:hover:before {
    opacity:0;
}
.services ul li .service-block strong {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    display: block;
    margin: 59px 0 15px 0;
}
.services ul li .service-block i {
    display: inline-block;
    height: 83px;
}
.services ul li .service-block p {
    /* font-size: 14px; */
    font-weight: 400;
    line-height: 22px;
    color: #777777;
}
.services ul li .service-block a img {
    width: 14px;
}
.services ul li .service-block a {
    width: 42px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    background-color: #000;
    border-radius: 50%;
    margin-left: 0px;
    position: absolute;
    bottom: -19px;
    left: 0;
    opacity: 0;
    z-index: 1;
    text-decoration: none;
    pointer-events: none;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.services ul li .service-block:hover a {
    left: 50%;
    opacity: 1;
    margin-left: -20px;
}
/*****************benefits section css start*******************/
.benefits {
    padding: 39px 0 0px 0;
}
.benefits-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.benefits h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 10px;
}
.benefits .benefits-inner > strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.benefits-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
    width: 100%;
}
.benefits-left {
    width: 34.78%;
    text-align:right;
}
.benefits-right {
    width: 34.78%;
}
.benefits-middle {
    width: 29.55%;
    text-align: center;
    margin-top: -26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefits-middle img {
    max-width: 271px;
}
.benefits-middle.fly-img img {
    max-width: 350px;
}
.benefits-middle.data-middle {
    width: 29.55%;
    text-align: center;
    margin-top: -80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefits ul li strong {
    font-size: 20px;
    color: #424242;
    font-weight: 500;
    display: block;
    margin-bottom: 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.benefits ul li p {
    /* font-size: 14px; */
    color: #777777;
    line-height: 22px;
    font-weight: 400;
}
.benefits ul li i {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items:center;
}
.benefits ul li i img {
    max-width: 42px;
}
.benefits ul li {
    position: relative;
}
.benefits-left ul li {
    padding: 4px 97px 0 0;
    margin-bottom: 100px;
}
.benefits-right ul li {
    padding: 4px 0 0 97px;
    margin-bottom: 100px;
}
.benefits .benefits-right  ul li i {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: auto;
    background-color: transparent;
    border-radius: 50%;
    top: 0;

}
.benefits ul li:hover strong {
    color: #000;
}
.benefits ul li:hover i {
    background-color: transparent;
}
.benefits .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 21px;
    width: 100%;
}
.benefits .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}
.benefits .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}
.benefits .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
}
/*****************benefits section css end********************/
/*****************delivery section css start********************/
.delivery {
    padding: 60px 0 0px 0;
}
.delivery .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 48px;
    width: 100%;
}
.delivery h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.delivery .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}
.delivery .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}
.delivery .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #000;
}
.delivery-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.delivery-left .delivery-image-block {
    height: 405px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.delivery-left {
    width: 47.657%;
}
.delivery-right {
    width: 43.2%;
}
.delivery-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 25px;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    width: 100%;
}
.delivery-block-caption {
    min-height: 468px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 38px 70px 0 0;
    box-sizing: border-box;
}
.delivery-block-caption h4 {
    font-size: 40px;
    font-weight: 500;
    color: #000;
    line-height: 57.88px;
    margin-bottom: 30px;
}
.delivery-block-caption p {
    font-size: 17px;
    color: #404040;
    line-height: 28px;
    margin-bottom: 26px;
}
.delivery-row:after {
    content: '';
    position: absolute;
    right: 0;
    left: 25%;
    height: 100%;
    background-color: #f3f3f3;
    z-index: -1;
    top: 0;
}
.delivery-row.invert {
    flex-direction: row-reverse;
    margin-bottom: 0;
}
.delivery-row.invert::after {
    right: 25%;
    left: 0;
}
.delivery-row.invert .delivery-block-caption {
    padding: 38px 0 0 70px;
}
.delivery-left button {
    outline: none;
    background-color: transparent;
    border: none;
    width: 63px;
    height: 63px;
    bottom: 0;
    left: 25%;
    position: absolute;
    margin-left: -63px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.delivery-left button:hover {
    background-color: #757575;
}

.delivery-left button img {
    width: 18px;
}
.delivery-row.invert .delivery-left button {
    left: auto;
    right: 25%;
    margin-left: auto;
    margin-right: -63px;
}
/*****************delivery section css end********************/
/*****************howitworks css end********************/
#how-it-works {
    padding: 45px 0 45px 0;
    background-color: #f3f3f3;
}
.howitworks .horizonatal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 21px;
    width: 100%;
}
.howitworks .horizonatal-title h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}
.howitworks-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.howitworks h3 {
    width: 326px;
    position: relative;
    margin: 0;
    min-height: 53px;
    padding: 5px 0 0 0;
}
.howitworks h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.howitworks .horizonatal-title strong {
    width: calc(100% - 364px);
    width: -o-calc(100% - 364px);
    width: -ms-calc(100% - 364px);
    width: -moz-calc(100% - 364px);
    width: -webkit-calc(100% - 364px);
    line-height: 32px;
    color: #404040;
    font-size: 18px;
}
.howitworks .horizonatal-title h3:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #000;
}
.howitworks ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-top: 60px;
}
.howitworks ul:before {
    height: 24px;
    position: absolute;
    content: '';
    left: 12%;
    right: 12%;
    top: 134px;
    background-image: url(../../../img/apptype/RideCXv2/way.png);
    background-repeat: repeat-x;
}
.howitworks ul li {
    max-width: 24.25%;
    text-align: center;
}
.howitworks ul li i {
    display: inline-flex;
    width: 105px;
    height: 105px;
    box-shadow: 0 0 0 1px #e7e7e7 inset, 0 0 5px 0 rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
}
.howitworks ul li i:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #000;
    bottom: -55px;
    left: 50%;
    margin-left: -14px;
    background-color: #fff;
    z-index: 1;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.howitworks ul li:hover i:after {
    background-color: #aaa;
}
.howitworks ul li:nth-child(even) i:after {
    top: -52px;
    bottom: auto;
}
.howitworks ul li i:before {
    content: '';
    width: 6px;
    position: absolute;
    height: 50px;
    background-color: #000;
    bottom: -50px;
    left: 50%;
    margin-left: -3px;
}
.howitworks ul li:nth-child(even) i:before {
    top: -50px;
    bottom: auto;
}
.howitworks ul li strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin: 84px 0 14px 0;
    white-space: nowrap;
}
.howitworks ul li i img {
    max-width: 100%;
    width: auto;
}
.howitworks ul li p {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 22px;
    display: block;
    height: 66px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.howitworks ul li:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.howitworks ul li:nth-child(even) strong {
    margin:0px 0 14px 0;
}
.howitworks ul li:nth-child(even) .works-caption {
    margin-bottom: 84px;
}
.howitworks ul li .works-caption {
    width: 100%;
}
/*****************howitworks css end********************/
/*****************cartype section css start********************/
.cartype h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.cartype {
    padding: 34px 0 55px 0;
    background-color: #f6f6f6;
}
.cartype.white-bg {
    background-color: #fff;
}
.cartype-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.cartype .cartype-inner > strong , .cartype .cartype-inner > p > strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.cartype ul {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    width: 100%;
    flex-wrap: wrap;
}
.cartype ul li {
    width: 25%;
    text-align: center;
}
.cartype ul li img {
    transform-origin: center center;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    max-width: 90%;
    max-height: 211px;
}
.cartype ul li strong {font-size: 18px;color: #222222;font-weight: 500;margin-top: 10px;display: block;}
.cartype ul li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/*****************cartype section css end********************/
/*****************fleet-section section css start********************/
.fleet h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
}
.fleet {
    padding:45px 0 50px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.fleet.delivery-variant {
    background-attachment: fixed;
    position: relative;
    z-index: 0;
}
.fleet:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.85);
    z-index: -1;
}
.fleet-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.fleet .fleet-inner > strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #ffffff;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.fleet ul {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    width: 100%;
    flex-wrap: wrap;
}
.fleet ul li {
    width: 16.66%;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
}
.fleet ul li i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 111px;
    height: 111px;
    border-radius: 50%;
    margin-bottom: 12px;
    transform: translatey(0);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.fleet.delivery-variant ul li i img {
    max-width: 77px;
    max-height: 47px;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
}
.fleet.delivery-variant ul li i {
    background-color: darkgray;
}
.fleet ul li:hover i {
    transform: translatey(-3px);
    -webkit-transform: translatey(-3px);
    -moz-transform: translatey(-3px);
    -ms-transform: translatey(-3px);
    -o-transform: translatey(-3px);
}
.fleet ul li strong {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    display: block;
}
.blue_color {
    background-color: #569ee7;
}
.carrot_color {
    background-color: #f65775;
}
.cyan_color {
    background-color: #2ed5a8;
}
.green_color {
    background-color: #62c052;
}
.purple_color {
    background-color: #d66ae0;
}
.yellow_color {
    background-color: #dcb61e;
}
/*****************fleet-section section css end********************/
/*============= get_app_area css =============*/
.get_app_area {
    padding: 43px 0 60px 0;
    position: relative;
  }

  .get_app_content {
    color: #fff;
    max-width: 636px;
  }

  .get_app_content .section_title {
    margin-bottom: 20px;
  }

  .get_app_content .section_title h5, .get_app_content .section_title h2 {
    color: #fff;
  }

  .get_app_content .section_title h2 {
    font-size: 45px;
    line-height: normal;
  }

  .get_app_content p {
    font-size: 18px;
    margin-bottom: 42px;
    line-height: 30px;
    font-weight: 400;
    padding-right: 10px;
  }

  .get_app_content ul {
    list-style: none;
    margin-bottom: 40px;
    padding-left: 0px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
  }

  .get_app_content ul li {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    position: relative;
    padding-left: 28px;
    width: calc(47% - 28px);
    width: -o-calc(47% - 28px);
    width: -ms-calc(47% - 28px);
    width: -moz-calc(47% - 28px);
    width: -webkit-calc(47% - 28px);
    margin-bottom: 17px;
  }

  .get_app_content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../../../img/apptype/RideCXv2/correct.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .get_app_content .slider_btn {
    font-size: 24px;
    border: 2px solid #fff;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-decoration: none;
    vertical-align: top;
  }

  .get_app_content .slider_btn img {
    vertical-align: bottom;
    margin-right: 12px;
  }

  .get_app_content .slider_btn.app_btn {
    color: #fff;
  }

  .get_app_content .slider_btn.app_btn img {
    -webkit-filter: brightness(1000);
    filter: brightness(1000);
  }

  .get_app_content .slider_btn.app_btn:hover {
    background: #fff;
    color: #020e27;
  }

  .get_app_content .slider_btn.app_btn:hover img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
  }

  .get_app_content .slider_btn.app_btn_two {
    color: #020e27;
    margin-left: 0px;
  }

  .get_app_content .slider_btn.app_btn_two:before {
    background: #fff;
  }

  .get_app_content .slider_btn.app_btn_two img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
  }

  .get_app_content .slider_btn.app_btn_two:hover,   .get_app_content .slider_btn.app_btn_two:focus {
    background: transparent;
    color: #fff;
  }

  .get_app_content .slider_btn.app_btn_two:hover img, .get_app_content .slider_btn.app_btn_two:focus img {
    -webkit-filter: brightness(1000);
    filter: brightness(1000);
  }

  .app_image {
    position: relative;
  }

  .app_image .shadow_bottom {
    content: '';
    position: absolute;
    width: 80%;
    height: 5px;
    border-radius: 50%/5px;
    left: 10%;
    bottom: 0px;
    -webkit-box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  }

  .app_image .image_two {
    position: absolute;
    right: 0;
    top: 0;
    width: 207px;
  }
  .app_image .image_two img {
      max-width: 100%;
  }

  .app_image .image_two img {
    -webkit-animation-name: jump;
    animation-name: jump;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3.8s;
    animation-duration: 3.8s;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  }

  .app_image .image_two .shadow_bottom {
    -webkit-animation: shadow 3.8s infinite linear;
    animation: shadow 3.8s infinite linear;
    bottom: 10px;
  }

  .app_image .image_first {
    position: absolute;
    left: 60px;
    top: 80px;
    width: 204px;
  }
  .app_image .image_first img {
      max-width: 100%;
  }
  .app_image .image_first img {
    -webkit-animation-name: jump;
    animation-name: jump;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  }

  .app_image .image_first .shadow_bottom {
    -webkit-animation: shadow 2.8s infinite linear;
    animation: shadow 2.8s infinite linear;
  }
  .get_app_area-left {
    width: 58.333333%;
  }
.get_app_area-right {
    width: 41.666667%;
}
.get_app_area-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.slider_btn {
    font: 500 18px/30px "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0px;
    border: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 15px;
  }

  .slider_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .slider_btn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 0;
  }

  .slider_btn:hover, .slider_btn:focus {
    color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .slider_btn:hover:before, .slider_btn:focus:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }

  .slider_btn:hover:after, .slider_btn:focus:after {
    left: 120%;
    -webkit-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .yellow_hover {
    background: #020e27;
  }

  .yellow_hover:before {
    background: #ffbb03;
  }

  .dark_hover {
    background: #ffbb03;
  }

  .dark_hover:before {
    background: #020e27;
  }

  @-webkit-keyframes jump {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
      -webkit-transition: -webkit-transform 1.4s 0.6s linear;
      transition: -webkit-transform 1.4s 0.6s linear;
      -o-transition: transform 1.4s 0.6s linear;
      transition: transform 1.4s 0.6s linear;
      transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;
    }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @keyframes jump {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
      -webkit-transition: -webkit-transform 1.4s 0.6s linear;
      transition: -webkit-transform 1.4s 0.6s linear;
      -o-transition: transform 1.4s 0.6s linear;
      transition: transform 1.4s 0.6s linear;
      transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;
    }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

  @-webkit-keyframes shadow {
    0% {
      -webkit-box-shadow: 0px 35px 33px 0 #000;
      box-shadow: 0px 35px 33px 0 #000;
    }
    50% {
      -webkit-box-shadow: 0px 35px 35px -2px #000;
      box-shadow: 0px 35px 35px -2px #000;
      width: 60%;
      left: 20%;
    }
    100% {
      -webkit-box-shadow: 0px 35px 33px 0 #000;
      box-shadow: 0px 35px 33px 0 #000;
    }
  }

  @keyframes shadow {
    0% {
      -webkit-box-shadow: 0px 35px 33px 0 #000;
      box-shadow: 0px 35px 33px 0 #000;
    }
    50% {
      -webkit-box-shadow: 0px 35px 35px -2px #000;
      box-shadow: 0px 35px 35px -2px #000;
      width: 60%;
      left: 20%;
    }
    100% {
      -webkit-box-shadow: 0px 35px 33px 0 #000;
      box-shadow: 0px 35px 33px 0 #000;
    }
  }

  /*============= get_app_area css =============*/
  /*============= get_app_area css =============*/
.article-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}
.article-mage {
    width: 100%;
    height: 493px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22);
}
.article-row.invert .article-mage {
    box-shadow: -1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22);
}
.article-right {
    width: 62.70%;
    min-height: 586px;
    box-shadow: 0 0 0 10px #e0e0e0 inset;
    padding: 30px 40px 30px 25.8%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.article-left {
    margin-right: -21.15%;
    position: relative;
    width: 58.3%;
}
article.blog-article {
    margin: 0;
    padding: 110px 0 70px 0;
}
.article-right h4 {
    font-size: 45px;
    font-weight: 500;
    line-height: 57.88px;
    margin-bottom: 30px;
}
.article-right p {
    color: #404040;
    font-size: 21px;
    line-height: 36px;
}
.article-row.invert {
    flex-direction: row-reverse;
    margin-bottom: 0;
}
.article-row.invert .article-left {
    margin: 0 0 0 -21.15%;
}
.article-row.invert .article-right {
    padding: 30px 25.8% 30px 40px;
}
  /*============= get_app_area css =============*/
  /*********** call section Start *********/
.call-section.taxi-variant .call-section-image {
    height: 412px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
}
.call-section.taxi-variant {
    background-size: cover;
    padding:25px 0 25px 0;
    background-color: #fff;
    position: relative;
}
.call-section.taxi-variant:before {
    content: '';
    position: absolute;
    width: 37%;
    height: auto;
    background-color: #e0e0e0;
    top: 0;
    bottom: 0;
}
.call-section-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    flex-wrap: wrap;
}
.delivery-use {
    padding-top: 180px;
}
.call-section.taxi-variant h3 {
    font-size: 45px;
    font-weight: 500;
    color: transparent;
    line-height: 57.88px;
    /*margin-bottom: 31px;*/
    margin-bottom: 13px;
    margin-top: 0;
}
.call-section.taxi-variant strong {
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom: 22px;
    color: #121212;
}
.call-section.taxi-variant p {
    font-size: 18px;
    line-height: 30px;
    color: #404040;
    margin-bottom: 45px;
    /*max-width: 500px;*/
}
.call-section.taxi-variant b,.call-section.taxi-variant p b {
    color: transparent;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 67px;
    margin-bottom: 47px;
    line-height: normal;
}
.call-section.taxi-variant b a, .call-section.taxi-variant p b a {
    font-size: unset;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    padding: 0;
}
.call-section.taxi-variant .call-section-left {
    width: calc(100% - 500px);
    width: -o-calc(100% - 500px);
    width: -ms-calc(100% - 500px);
    width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    padding-right: 15px;
    box-sizing: border-box;
    padding: 0 0 0 74px;
}
.call-section.taxi-variant .call-section-right {
    width: 500px;
    text-align: center;
}
.call-section.taxi-variant .call-section-right img {
    max-width: 100%;
}

.call-section.taxi-variant .call-section footer {
    margin-top: 0;
}
/*********** call section end *********/
/************************************
========fly page css =======
************************************/
.benefits.fly-variant {
    background-color: #f4f2f1;
}
/*********************************************/
.features {
    padding: 50px 0 0px 0;
    overflow: hidden;
    margin-top: 180px;
}
.features h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}
.features-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.features h3 ~ p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.features ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 0 0;
    justify-content: space-between;
}
.features ul li i {
    display: inline-block;
}
.features ul li strong {
    font-size: 18px;
    display: block;
    font-weight: 500;
    color: #000;
    margin: 15px 0 8px 0;
}
.features ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
}
.features ul li {
    margin-bottom: 79px;
    width: 234px;
}
.features-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 65px;
    width: 100%;
    position: relative;
    z-index: 0;
}
.features-main-image {
    width: auto;
    height: 735px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 5px 5px 38px 0 rgba(0,0,0,0.40);
}
.features-left {
    width: 40.24%;
    margin-right: -10%;
    position: relative;
    z-index: 1;
}
.features-right {
    width: calc(100% - 390px);
    width: -o-calc(100% - 390px);
    width: -ms-calc(100% - 390px);
    width: -moz-calc(100% - 390px);
    width: -webkit-calc(100% - 390px);
    box-sizing: border-box;
    background-color: #f4f2f1;
    position: relative;
    padding:74px 86px 0 232px;
}
.features-right:after {
    content: '';
    position: absolute;
    width: 500px;
    height: 100%;
    background-color: #f4f2f1;
    left: 100%;
    top: 0;
}
.destination {
    padding: 50px 0 4px 0;
}
.destination-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.destination h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.destination ul {
    display: flex;
    flex-wrap: wrap;
    margin: 28px 0 0 0;
    justify-content: space-between;
    width: calc(100% + 68px);
    width: -o-calc(100% + 68px);
    width: -ms-calc(100% + 68px);
    width: -moz-calc(100% + 68px);
    width: -webkit-calc(100% + 68px);
}
.destination ul li {
    width: calc(33.33% - 68px);
    width: -o-calc(33.33% - 68px);
    width: -ms-calc(33.33% - 68px);
    width: -moz-calc(33.33% - 68px);
    width: -webkit-calc(33.33% - 68px);
    text-align: center;
    box-sizing: content-box;
    margin-bottom: 50px;
    padding: 0 34px;
}
.destination ul li:hover .destination-caption {
    background-color: #000;
    color: #fff;
}
.destination ul li:hover .destination-caption span {
    color: #fff;
}
.destination-image {
    height: 299px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.33);
    position: relative;
}
.destination-caption strong {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    margin-bottom: 12px;
    line-height: 30px;
}
.destination-caption {
    background-color: #f4f2f1;
    color: #000;
    padding: 27px 18px 27px 18px;
}
.destination-caption {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.destination-caption span {
    text-align: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #777777;
    line-height: 22px;
}
/***************** favdest section css start *********************/
.favdest {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.favdest-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    min-height: 494px;
}
.favdest-caption {
    max-width: 700px;
}
.favdest h3 {
    font-size: 53px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    margin: 0 0 24px 0;
}
.favdest h3 strong {
    font-size: 32px;
    display: block;
    font-weight: 400;
    margin-bottom: 7px;
}
.favdest p {font-size: 16px;color: #fff;line-height: 26px;font-weight: 400;}
/********************* favdest section css end ***************************/
/********************* charters css start ***************************/
.charters {
    padding: 50px 0 4px 0;
}
.charters-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.charters h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.charters ul {
    display: flex;
    flex-wrap: wrap;
    margin: 28px 0 0 0;
    justify-content: space-between;
    width: calc(100% + 36px);
    width: -o-calc(100% + 36px);
    width: -ms-calc(100% + 36px);
    width: -moz-calc(100% + 36px);
    width: -webkit-calc(100% + 36px);
}
.charters ul li {
    width: calc(25% - 36px);
    width: -o-calc(25% - 36px);
    width: -ms-calc(25% - 36px);
    width: -moz-calc(25% - 36px);
    width: -webkit-calc(25% - 36px);
    text-align: center;
    box-sizing: content-box;
    margin-bottom: 50px;
    padding: 0 18px;
}
.charters ul li:hover .charters-caption {
    background-color: #000;
    color: #fff;
}
.charters ul li:hover .charters-caption span {
    color: #fff;
}
.charters-image {
    height: 294px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.33);
    position: relative;
}
.charters-caption strong {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    margin-bottom: 9px;
    line-height: 30px;
}
.charters-caption {
    background-color: #f4f2f1;
    color: #000;
    padding: 22px 18px 22px 18px;
}
.charters-caption {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.charters-caption span {
    text-align: left;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 26px;
}
/********************* charters css end ***************************/
/********************* solutions css start ***************************/
.solutions {
    padding: 44px 0 57px 0;
    background-color: #f4f2f1;
}
.solutions-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.solutions strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    max-width: 990px;
    text-align: center;
    margin: 0 auto 40px auto;
}
.solutions h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.solutions-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 25px;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    width: 100%;
}
.solutions-right {
    width: 56%;
}
.solution-image {
    height: 478px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 5px 5px 38px 0 rgba(0,0,0,0.40);
}
.solutions-left {
    width: 44%;
    box-sizing: border-box;
    padding-top: 67px;
    padding:67px 90px 146px 0;
}
.solutions-left h4 {
    font-size: 40px;
    color: #222;
    font-weight: 500;
    margin-bottom: 30px;
}
.solutions-left p {
    font-size: 21px;
    color: #3e3e3e;
    line-height: 36px;
    font-weight: 400;
}
.solutions-row.reverse {
    flex-direction: row-reverse;
    margin-top: -135px;
}
.solutions-row.reverse .solutions-left {
    padding: 146px 0 67px 90px;
}
/********************* solutions css end ***************/
/*******************************************************************
   =============corporate ride page css start============
*********************************************************************/
.benefits.corporate {
    padding: 39px 0 30px 0;
}
.benefits.corporate h3 {
    margin-bottom: 15px;
}
.benefits ul.listing-style li i {
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    display:inline-block;
    line-height: normal;
}

.booking-heading select{
    box-shadow: 0 0 0 1px #5c5c5c inset;
    /*opacity: .5;*/
}
.benefits.corporate ul li:hover i {
    background-color: transparent;
}
.benefits ul.listing-style li i img {
    height: 55px;
    max-width: 100%;
    vertical-align: top;
}
.benefits ul.listing-style li strong {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 32px 0 12px 0;

}
.benefits ul.listing-style li p {
    color: transparent;
    font-size: 16px;
    line-height: 26px;
}
.benefits ul.listing-style {
    width: -o-calc(100% + 63px);
    width: -ms-calc(100% + 63px);
    width: -moz-calc(100% + 63px);
    width: -webkit-calc(100% + 63px);
}
.benefits.corporate ul.listing-style {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    width: -o-calc(100% + 30px);
    width: -ms-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    margin-top: 20px;
}
.benefits.corporate ul.listing-style li {
    padding:15px;
}
.benefits ul.listing-style li {
    width: 25%;
    padding: 0 15px 35px 15px;
    text-align: center;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #e7e7e7;
    margin-bottom: 30px;
}
.benefits ul.listing-style li:last-child {
    /* border-width:0 0 0 0;  */
}
/**************** corporate features section css ***********************/
.features.corporate#how-it-works {
    margin: -30px 0 0 0;
    padding: 0 0 60px 0;
    position: relative;
    overflow: visible;
    background-color: #fff;
    z-index: 1;
}
.features.corporate#how-it-works.zisuue {
    z-index: 0;
}
.features.corporate#why-us {
    margin: -30px 0 0 0;
    padding: 0 0 60px 0;
    position: relative;
    overflow: visible;
    background-color: #fff;
}
.features.corporate .features-right {
    padding: 33px 0 0 52px;
    width: 64.8%;
    background-color: transparent;
}
.features.corporate .features-left {
    margin: -28px 0 0 0;
    width: 35.2%;
}
.features.corporate .features-row {
    align-items: flex-start;
    margin: 0;
}
.features.corporate .features-right:after {
    display: none;
}
.features.corporate h3 {
    text-align: unset;
}
.features.corporate ul {
    margin: 30px -32px 0 -32px;
}
.features.corporate ul li {
    width: calc(50% - 64px);
    width: -o-calc(50% - 64px);
    width: -ms-calc(50% - 64px);
    width: -moz-calc(50% - 64px);
    width: -webkit-calc(50% - 64px);
    padding: 0 0px 0 72px;
    position: relative;
    box-sizing: border-box;
    margin: 0 32px 58px 32px;
}
.features.corporate ul li i img {
    height: 41px;
}
.features.corporate ul li strong {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 8px 0;
}
.features.corporate ul li p {
    color: #404040;
    font-size: 15px;
}
.features.corporate h3 ~ p {
    text-align: unset;
    color: #404040;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.data-block-article p,
.features.corporate .features-right.earn-data p {
    text-align: unset;
    color: #404040;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
}
.features.corporate .features-main-image {
    height: 534px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
}
.features.corporate ul li i {
    position: absolute;
    left: 0;
    top: 0px;
}
.features.corporate .features-right.earn-data p {
    margin-bottom: 35px;

}
.data-block-article strong {
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
    color: #000000;
    margin-bottom: 6px;
    display: block;
}
/********************** profiletype section css ****************************/
.profiletype-image {
    height: 100%;
    width: 44.7%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}
.profiletype-inner {
    min-height: 488px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.profiletype {
    background-color: #f6f6f6;
    position: relative;
}
.profiletype-left {
    width: 58.6%;
}
.profiletype-left p {
    line-height: 36px;
    font-size: 21px;
    font-weight: 400;
    color: #404040;
    max-width: 460px;
    padding: 15px 15px 15px 0;
    text-align: left;
}
.profile-title {
    width: 527px;
    height: 320px;
    background-color: rgba(255,255,255,0.95);
    margin-left: -192px;
    box-shadow: 0 0 18px 0 rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-title h4 {
    font-size: 55px;
    font-weight: 500;
    padding: 0 70px;
    text-align: center;
    line-height: 70px;
}
/*******/
.profiletype.reverse .profiletype-inner {
    flex-direction: row-reverse;
}
.profiletype.reverse  .profiletype-image {
    left: 0;
    right: auto;
    justify-content: flex-end;
}
.profiletype.reverse .profile-title {
    margin: 0 -192px 0 0;
}
.profiletype.reverse .profiletype-left {
    direction: rtl;
}
.profiletype.reverse .profiletype-left p {
    padding: 15px 0 15px 15px;
}

/********************************************/
.booking-request-inner {
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    max-width: 1280px;
}
.booking-request {
    padding: 20px 0;
    background-color: #f8f8f8;
    position: relative;
}
.booking-block {
    width: 400px;
    background-color: #f4f2f1;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.booking-heading label {
    font-size: 20px;
    font-weight: 400;
}
.booking-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0;
    margin-bottom: 15px;
}
.booking-header {
    background-color: transparent;
    color: #fff;
    padding: 16px 18px 22px 18px;
}
.booking-heading select {
    font-family: 'poppins';
    font-size: 16px;
    font-weight: 400;
    min-width: 148px;
    height: 41px;
    background-color: transparent;
    outline: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.35) inset;
    color: #fff;
    box-sizing: border-box;
    padding: 0 28px 0 14px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../../../img/apptype/RideCXv2/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 12px center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.booking-heading select option {
    background-color:#000;
}
.pick-drop-location input {
    border-style: solid;
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: rgba(255,255,255,0.35);
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 5px 3px;
    outline:none;
    color:#fff;
    box-sizing: border-box;
    width: 100%;
    font-family: 'poppins';
    border-radius: 0px;
}
.pick-drop-location input::placeholder {
    color: rgba(255,255,255,0.5);
    opacity: 1; /* Firefox */
}
.pick-drop-location input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255,255,255,0.5);
    opacity: 1;
}
.pick-drop-location input::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(255,255,255,0.5);
    opacity: 1;
}
.pick-drop-location .form-group {
    margin: 0 0 20px 32px;
    position: relative;
}
.pick-drop-location.other-services-sel .form-group {
    margin: 0 0 20px 0px;
}
.pick-drop-location .form-group:last-child {
    margin-bottom: 0;
}
.pick-drop-location .form-group.pickup:before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: -30px;
}
.pick-drop-location .form-group.pickup:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 40px;
    background-image: url(../../../img/apptype/RideCXv2/ver-line.png);
    left: -23px;
    top: 11px;
    background-repeat: no-repeat;
    background-position: top center;
    top: 22px;
}
.pick-drop-location .form-group.dest:before {
    content: '\4c';
    position: absolute;
    top: 10px;
    width: 16px;
    height: 22px;
    border-radius: 50%;
    left: -28px;
    font-family: 'icomoon';
    font-size: 22px;
    color: #fff;
}
.pick-drop-location.other-services-sel .form-group.pickup:before,
.pick-drop-location.other-services-sel .form-group.pickup:after,
.pick-drop-location.other-services-sel .form-group.dest:before {
    display: none;
}
.section-block ul li:first-child {
    padding-top: 0;
}
.section-block  ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}
.section-block ul li .veh-left {
    width: calc(100% - 154px);
    width: -o-calc(100% - 154px);
    width: -ms-calc(100% - 154px);
    width: -moz-calc(100% - 154px);
    width: -webkit-calc(100% - 154px);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.section-block ul li span.vehicle-name {
    max-width: calc(100% - 100px);
    max-width: -o-calc(100% - 100px);
    max-width: -ms-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
}
.section-block ul li span.vehicle-name small {
    display: block;
    font-size: 12px;
    margin-top: 6px;
}
.section-block ul li i.vehicle-ico {
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    background-color: #5c5c5c;
    border-radius: 50%;
    margin: 0 15px;
    cursor: pointer;
}
.section-block ul li i.vehicle-ico img {
    max-width: 100%;
    max-height: 100%;
}
.price-caption {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.price-caption i img {
    width: 17px;
    vertical-align: top;
}
.price-caption i {
    cursor: pointer;
    font-size: 17px;
    color: #5B5B5B;
}
.price-caption strong {
    font-size: 16px;
    font-weight: 600;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
.section-block ul li span {
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    cursor: pointer;
}
.section-block > label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding: 14px 0;
    margin: 0 0px 18px 0px;
    border-bottom: 1px solid #e0e0e0;
}
.section-block {
    padding: 0;
    margin: 4px 20px 0 20px;
    margin: 4px 0 0 0;
    position: relative;
    z-index: 1;
}
.section-block.rider_hide {
    display: none;
}
.section-block ul {
    margin-bottom: 18px;
}
.radio-combo,
.check-combo {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 15px;
    box-sizing: border-box;
    min-width: 168px;
    margin-bottom: 18px;
}
.radio-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    cursor: pointer;
    width: calc(100% - 36px);
    width: -o-calc(100% - 36px);
    width: -ms-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
}
.check-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    width: calc(100% - 36px);
    width: -o-calc(100% - 36px);
    width: -ms-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
}
.check-combo label a {
    outline: none;
    color: #000;
    text-decoration: underline;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.check-combo label a:hover {
    opacity: 0.5;
}
.captcha-column ~ .check-combo {
    padding: 0 8px;
}
.section-block .radio-combo label,
.section-block .check-combo label {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    cursor: pointer;
    width: calc(100% - 36px);
    width: -o-calc(100% - 36px);
    width: -ms-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
}
.radio-combo .radio-main,
.check-combo .check-main {
    margin-right: 14px;
}

.discount-block input {
    border-style: solid;
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: #c0c0c0;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 45px 5px 0;
    outline: none;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.discount-block button {
    width: 38px;
    height: 38px;
    display: flex;
    border: none;
    outline: none;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 1px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
}
.discount-block button:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.booking-footer button,
.booking-footer .submitbtn {
    height: 52px;
    display: inline-block;
    border: none;
    outline: none;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: 'poppins';
}
.booking-footer {
    display: flex;
    padding: 20px;
    justify-content: center;
    background-color: #f9f9f9;
    box-shadow: 0 -3px 7px 0 rgba(0,0,0,0.13);
    position: relative;
    z-index: 2;
}
.discount-block button:hover,
.booking-footer button:hover,
.booking-footer .submitbtn:hover {
    background-color: #757575;
}
.discount-block {
    position: relative;
    margin-bottom: 18px;
}
.discount-block button img {
    width: 20px;
}
.booking-footer button:after,
.booking-footer .submitbtn:after {
    content: '\61';
    font-family: 'icomoon';
    font-size: 12px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
    right: 0;
    display: inline-block;
}
.booking-footer button:after,
.booking-footer .submitbtn:after {
    margin-left: 15px;
}
.booking-footer button:hover:after,
.booking-footer .submitbtn:hover:after {
    right: -10px;
}
/************** custom-radio start ******************/
.radio-main {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.radio-hold input {
    margin: 0;
    vertical-align: top;
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.radio-hold {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.radio-button {
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 1px #000 inset;
    display: inline-block;
    border-radius: 50%;
    pointer-events: none;
    vertical-align: top;
}
.radio-button:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}
.radio-hold input:checked ~ .radio-button:after {
    opacity: 1;
    visibility: visible;
}

/************** custom-radio end ******************/
/************** custom-check start ******************/
.check-main {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.check-hold input {
    margin: 0 !important;
    vertical-align: top;
    position: absolute;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    opacity: 0;
    cursor: pointer;
}
.check-hold {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.check-button {
    width: 22px;
    height: 22px;
    box-shadow: 0 0 0 1px #000 inset;
    display: block;
    pointer-events: none;
    border-radius: 2px;
}
.check-hold.small .check-button {
    width: 18px;
    height: 18px;
}
.check-hold.small {
    margin-top: 4px;
}
.check-button:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url(../../../img/apptype/RideCXv2/check-icn.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    border-radius: 2px;
}
.check-hold input:checked ~ .check-button:after {
    opacity: 1;
    visibility: visible;
}
.vehicle-details-popup {
    position: absolute;
    z-index: 2;
    background-color: #ececec;
    left: 0;
    top: 0;
    right: 0;
    bottom: 92px;
    display: none;
}
.vehicle-details-popup.active {
    display: block;
}

.vehicle-details-popup.bookingfare-display {
    bottom: 0;
}

.vehicle-details-popup.bookingfare-display .vehicle-data {
    padding: 31px 21px 60px 21px;
    max-height: calc(100% - 165px);
    max-height: -o-calc(100% - 165px);
    max-height: -moz-calc(100% - 165px);
    max-height: -webkit-calc(100% - 165px);
}
.vehicle-caption {
    padding: 34px 24px 16px 24px;
    border-bottom: 2px solid #d4d4d4;
    background-color: #fff;
}
.vehicle-caption i {
    display: block;
    text-align: center;
}
.car-identy {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-top: 28px;
}
.ride-info {
    font-size: 14px;
    color: #3e3e3e;
    margin-top: 10px;
}
.ride-info span {
    display: block;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}
ul.costlist li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 27px;
}
ul.costlist li strong {
    font-size: 16px;
    font-weight: 400;
    color: #1c1c1c;
    display: inline-block;
}
ul.costlist li span {
    font-size: 16px;
    font-weight: 400;
    color: #656565;
    display: inline-block;
}
ul.costlist.radio-list li .vehicle-name {
    width: calc(100% - 55px);
    width: -o-calc(100% - 55px);
    width: -ms-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    margin-left: 15px;
    vertical-align: middle;
}
.vehicle-data {
    padding: 31px 21px 60px 21px;
    max-height: calc(100% - 100px);
    max-height: -o-calc(100% - 100px);
    max-height: -ms-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    overflow-y: auto;
}
.vehicle-data p {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 26px;
}
.vehicle-details-popup .close-icon {
    position: absolute;
    left: 20px;
    top: 18px;
    display: inline-block;
    font-size: 25px;
    cursor: pointer;
}
#booking-map {
    background-image: url(../../../img/apptype/RideCXv2/map-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
/************** custom-check end ******************/
/*****************************************
========= profile page css start =============
******************************************/

.profile-section-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.profile-section {
    padding: 20px 0;
}
.profile-caption {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.profile-image {
    width: 104px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px transparent;
    height: 104px;
    position: relative;
    margin-right: 30px;
}
.profile-image img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}
.profile-image i {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 3px;
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.profile-block {
    width: calc(100% - 134px);
    width: -o-calc(100% - 134px);
    width: -ms-calc(100% - 134px);
    width: -moz-calc(100% - 134px);
    width: -webkit-calc(100% - 134px);
}
.profile-caption .page-heading{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
}
.profile-caption .page-heading h1 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.profile-block .profile-caption-header {
    margin-top: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    align-items: center;
}
.profile-block .profile-caption-header label {
    display: block;
    font-size: 19px;
    font-weight: 500;
    font-family: 'poppins';
}
.profile-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.profile-column {
    width: auto;
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    min-width: 260px;
}
.profile-column .data_info {
    width: calc(100% - 70px);
    width: -o-calc(100% - 70px);
    width: -ms-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
}
.profile-column i {
    font-size: 31px;
    color: #000;
    margin-right: 14px;
}
.profile-column strong {
    font-size: 15px;
    color: #000;
    font-family: 'poppins';
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}
.profile-column span,.profile-column span a {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    text-decoration: none;
    white-space: nowrap;
}
.profile-column span {
    /*word-break: break-all;*/
    display: block;
    white-space: normal;
}
.profile-column span a:hover {
    color: #000;
}
.profile-block .profile-caption-header button {
    background-color: #000;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'poppins';
    padding: 6px 12px;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.profile-block .profile-caption-header button:hover {
    background-color: #757575;
}
.profile-earning-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    min-height: 280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.profile-earning {
    padding: 30px 0;
    background-color: #eee;
}
.profile-earning ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: 100%;
}
.profile-earning ul li {
 width: 33.33%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 20px;
}
.profile-req-doc {
    width: 100%;
}
.driver-vehicles-page {
    width: 100%;
}
.earning-block {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 22px 20px;
    border-radius: 3px;
    position: relative;
    min-height: 149px;
    box-sizing: border-box;
}
.place-holder-icon {
    position: absolute;
    width: 100%;
    height: 145px;
    top: 0;
    text-align: center;
    color: #fff;
    opacity: 0.2;
    left: 0;
    pointer-events: none;
}
.place-holder-icon img {
    max-height: 100%;
}
.earning-block strong {
    font-size: 17px;
    font-weight: 500;
    display: block;
    color: #fff;
    margin-bottom: 3px;
}
.earning-block .count {
    color: #fff;
    display: block;
    font-size: 45px;
    font-weight: 500;
    word-break: break-all;
}
.general-form .form-group label {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    font-family: 'poppins';
}
.general-form .form-group label{
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.general-form .form-group.has-textarea label {
    top: 20px;

}
.general-form .form-group.floating label {
    top: 0px;
    background-color: #fff;
    z-index: 1;
    padding: 0 6px;
    transform: scale(0.8) translateX(-25px);
    -webkit-transform: scale(0.8) translateX(-25px);
    -moz-transform: scale(0.8) translateX(-25px);
    -ms-transform: scale(0.8) translateX(-25px);
    -o-transform: scale(0.8) translateX(-25px);
    color: #404040;
}
.general-form .form-group.floating label {

    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.general-form .form-group.floating label {

    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.general-form .form-group.phone-column select
.general-form .form-group.phone-column label {
    left: 90px;
}
.general-form .form-group select,
.general-form .form-group input,
.general-form .form-group textarea {
    width: 100%;
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    min-height: 54px;
    font-family: 'poppins';

}

/* [name="vImage"] {
    -webkit-appearance: button;
    -ms-appearance: button;
    appearance: button;
} */
.general-form .form-group .date input {
    border-radius: 4px  0 0 4px;
    -webkit-border-radius: 4px  0 0 4px;
    -moz-border-radius: 4px  0 0 4px;
    -ms-border-radius: 4px  0 0 4px;
    -o-border-radius: 4px  0 0 4px;
}
.general-form .form-group textarea {
    resize: vertical;
}
.general-form .form-group select:focus,
.general-form .form-group input:focus {
    border-color: #757575;
}
.general-form .form-group select {
    background-image: url(../../../img/apptype/RideCXv2/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
}
.general-form .form-group.phone-column input {
    margin-left: 74px;
    border-radius: 0 6px 6px 0;
    width: calc(100% - 74px);
    width: -o-calc(100% - 74px);
    width: -ms-calc(100% - 74px);
    width: -moz-calc(100% - 74px);
    width: -webkit-calc(100% - 74px);
    top: 0;
    height: min-content;
}
.general-form .form-group.phone-column select,
.general-form .form-group.phone-column input.phonecode {
    width: 75px;
    border-radius: 6px 0 0 6px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    box-sizing: border-box;
    margin: 0;
}
.general-form .form-group.phone-column label {
    left: 90px;
}
.general-form .button-block .btn-hold {
    margin-right: 15px;
}
.general-form .partation {
    margin-bottom: 0;
}
.general-form {
    margin-top: 20px;
    width: 100%;
}
.general-form .btn-hold input[type="submit"] {
    padding: 14px 22px 14px 22px;
}
.partation .slot-label {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px 0;
    margin: 0 8px 20px 8px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: 100%;
    line-height: normal;
}
.setting-page-map {
    width: 100%;
    min-height: calc(100% - 106px);
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}
.fileUploading {
    position: relative;;
    cursor: pointer;
}
.fileUploading:before {
    content: 'Choose file';
    min-width: 115px;
    position: absolute;
    height: 100%;
    padding: 10px 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #000;
    border-radius: 4px;
    pointer-events: none;
    color: #fff;
    transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.fileUploading:hover:before {
    background-color: #757575;
}
.form-group.eDefault:after, .form-group[class*="removeclass"]:after {content: '';clear: both;display: block;}
.general-form .half-column small {
    display: block;
    margin-top: -8px;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 28px;
    font-family: 'poppins';
}
.general-form .half-column small.notes {
    margin: 0;
}
.panel-body .icon-cancel {
    font-size: 25px;
    cursor: pointer;
}
.center-align {
    padding-top: 16px;
}
.panel-heading .icon-plus-button {
    font-size: 35px;
    vertical-align: middle;
    margin-top: 4px;
    display: inline-block;
    background-color: #000;
    color: #f5f5f5;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 0 0 2px #f5f5f5 inset;
}
.profile_edit {
    display: none;
}
.profile_edit .button-block {
    justify-content: flex-start;
}
.profile_edit.active {
    display: block;
}
.earning-block a.go-icon {
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.earning-block a.go-icon:hover {
    /*opacity: 0.7;
    right: 15px;*/
}
.inv-destination-data ul {
    margin: 0;
}
.inv-destination-data ul li {
    width: 100%;
    line-height: normal;
    margin-bottom: 25px;
    position: relative;
    padding: 0 0 0 28px;
    box-sizing: border-box;
}
.inv-destination-data ul li strong {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: 'poppins';
}
.inv-destination-data ul li p {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    font-family: 'poppins';
    margin-bottom: 0;
    line-height: 20px;
}
.inv-destination-data {
    background-color: #fff;
    padding: 12px 23px 0px 23px;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px;
    overflow: hidden;
}
.inv-destination-data.flex-start {
    justify-content: flex-start;
    padding-top: 23px;
}
.inv-destination-data ul li i {
    font-size: 22px;
    position: absolute;
    left: 0;
}
.inv-destination-data ul li i.fa.fa-calendar {
    font-size: 18px;
}
.inv-destination-data ul.no-icons li {
    padding: 0;
}
.vehicle-capt .vehicle-avatar {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.vehicle-capt {
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.car-det strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 10px;
    background-color: #ddd;
    color: #000;
    line-height: normal;
}
.car-det b {
    display: block;
    line-height: normal;
    padding: 6px 10px;
    background-color: #f8f8f8;
    font-size: 15px;
    color: #000;
}
.profile-data .profile-image {
    width: 70px;
    height: 70px;
    margin: 0 0 0 0;
}
.profile-data .value-listing {
    margin: 0 0 0 20px;
    width: calc(100% - 90px);
    box-sizing: border-box;
}
.profile-data {
    display: flex;
    flex-wrap: wrap;
}
.profile-data .value-listing li {
    margin: 0 0 5px 0 !important;
    padding: 0;
}
.profile-data .value-listing li span {
    text-transform: capitalize;
}
.profile-data .value-listing li:first-child span {
    color: #000;
}
.profile-data .value-listing li a {
    display: block;
    line-height: normal;
    height: 22px;
}
.extra-details h3 {
    padding: 10px 30px 10px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    cursor: pointer;
}
.extra-details h3:after {
    content: '\44';
    position: absolute;
    right: 0;
    left: auto;
    top: 14px;
    font-family: 'icomoon';
    font-size: 10px;
}
.extra-details h3.active:after {
    content: '\e90e';
    font-size: 16px;
    top: 10px;
}
.inv-destination-data ul.no-icons {
    display: none;
}
#invoice_map {
    /*height: 303px;*/
    height: auto;
    background-size: cover;
    background-position: center;
    border: 1px solid #e0e1e1;
    border-radius: 3px;
    margin-bottom: 30px;
}
.sub-block-title {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 28px;
}
.invoice-pay-type {
    padding: 20px 15px;
    background-color: transparent;
    margin: 0 -23px;
    color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 600;
}
.sign-block  b {
    font-size: 15px;
    font-weight: 600;
    font-family: 'poppins';
    display: block;
    color: #000;
    margin-bottom: 13px;
}
.sign-block {
    padding-top: 30px;
}
.sign-block b ~ img {
    width: 120px;
}
/*********************************/
ul.user-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    transition: all 0.5s;
    transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    z-index: 10;
    width: 280px;
    overflow-y: auto;
}
ul.user-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    display: flex;
    outline: none;
    padding: 5px 22px;
    height: 57px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
}
ul.user-menu li a img {
    max-height: 100%;
}
ul.user-menu li {
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    width: 280px;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}
/* ul.user-menu li.logo,
ul.user-menu li.logo:hover {
    background-color:#000;
} */
ul.user-menu li:hover,
ul.user-menu li.active {
    background-color: rgba(0,0,0,.3);
}
ul.user-menu li.logo {
    margin-bottom: 0px;
    border-bottom: none;
    height: 70px;
    display: flex;
    align-items: center;
}
body.side_menu ul.user-menu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
body.side_menu .mix-content {
    transform: translateX(280px);
    -webkit-transform: translateX(280px);
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
}

/*********************************/

/*******************************************
========= invoice detail page =========
*********************************************/
ul.overview-detail li {
    width: 25%;
}
ul.overview-detail li:nth-child(2){

}
ul.overview-detail {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

ul.overview-detail li:last-child .overview-data {
    border-right-width: 1px;
}
ul.overview-detail li .overview-data {
    padding: 28px 22px;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #d7d7d7;
}
ul.overview-detail li strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
    /* margin-bottom: 15px; */
    margin-bottom: 6px;
    color: #000;
}
ul.overview-detail li span,
ul.overview-detail li span a {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    display: block;
    text-decoration: none;
}
ul.overview-detail li .overview-data.subdata {
    border-right-width: 1px;
    padding: 15px 20px;
}
.invoice-data-holder .profile-image {
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.inv-data {
    width: 360px;
    display: inline-block;
    vertical-align: top;
    padding-top: 24px;
}
.inv-data.profile-image-blank {
    margin-left: 68px;
}
.invoice-data-holder {
    background-color: #fff;
    padding: 20px 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.invoice-data-holder h3{
    width: 100%;
    font-size: 20px;
    margin: 15px 0;
    color: #239707;
    font-weight: 600;
}
.invoice-right-bottom-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.invoice-right-bottom-img .beforeImgDiv{
    margin: 0 20px 0 0;
}
.invoice-right-bottom-img h4{
    font-size: 20px;
    padding: 5px 0 15px;
}
.inv-data strong {
    font-size: 15px;
    font-weight: 600;
    font-family: 'poppins';
    display: block;
    color: #000;
}
.profile-earning .inv-data ul li {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    padding: 6px 0;
}
.profile-earning .inv-data ul {
    margin: 18px 0 0 0;
}
.profile-earning .inv-data ul li span {
    color: #656565;
    display: inline-block;
    width: calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}
.profile-earning .inv-data ul li b {
    font-weight: 500;
    display: inline-block;
    color: #1c1c1c;
}
.profile-earning .inv-data ul li:last-child span,
.profile-earning .inv-data ul li:last-child b {
    font-weight: 600;
    color: #000;
}
.profile-earning .inv-data ul li:first-child {
    border-top: none;
}
.profile-earning .inv-data ul li:last-child {
    border-top: 2px solid #000;
}
.inv-rating {
    display: inline-block;
    margin-left: 25%;
}

.inv-rating-food {
    display: inline-block;
    margin-left: 5%;
	width:45%;
	border-left:1px solid #dfdfdf;
}
.profile-earning .inv-data ul li.no-border {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.inv-rating strong {
    font-size: 15px;
    font-weight: 600;
    font-family: 'poppins';
    display: block;
    color: #000;
    margin-bottom: 13px;
}
.left-right {
    width: 318px;
}
.left-block {
    width: calc(100% - 348px);
    -o-width: calc(100% - 348px);
    -ms-width: calc(100% - 348px);
    -moz-width: calc(100% - 348px);
    -webkit-width: calc(100% - 348px);
}
/*****************************************************/
.driverlists #driver_main_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-height: 277px;
    overflow-y: auto;
    margin-top: 10px;
}
.driverlists #driver_main_list li {
    width: 100%;
    position: relative;
    margin: 0 0;
    padding: 10px 0 10px 60px;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}
.driverlists #driver_main_list li .map-tab-img {
    width: 50px;
    position: absolute;
    margin: 0;
    left: 0;
    top: 10px;
}
.driverlists #driver_main_list li .map-tab-img img {
    max-width: 100%;
}
.driverlists #driver_main_list li .map-tab-img1 ~ img {
    width: 12px;
    position: absolute;
    right: -6px;
    bottom: 0;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
}
.driverlists #driver_main_list li [class*=driver_] b {
    display: block;
    line-height: normal;
    color: #000;
    font-weight: 600;
}
.driverlists #driver_main_list li [class*=driver_] {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 140px);
    display: inline-block;
    margin: 0;
}
.driverlists #driver_main_list li a {
    float: right;
}
.driverlists #driver_main_list li:after {
    content: '';
    position: relative;
    clear: both;
    display: block;
}
.autoassignbtn .check-main {
    margin-right: 14px;
}
.autoassignbtn label {
    padding: 0;
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.data-row.autoassignbtn {
    display: block;
    /*padding: 20px 20px;*/
    padding-top: 20px;
}

.driverlists input {
    width: 100%;
    padding: 14px 16px 15px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
}

.driverlists .add-booking1 {
    display: block;
}
.aternate-login._new:before {
    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #f4f2f1;
    background-color: #f4f2f1;
}
.aternate-login._new {
    margin-top: 20px;
}
.assigned_driver strong {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
.assigned_driver label {
    display: block;
    font-weight: 500;
}
.assigned_driver label b {
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    color: #757575;
}
.assigned_driver {
    margin-bottom: 20px;
}
ul.stepper .step .step-content .step-actions {
    padding-bottom: 20px;
}
/********************************
===== food page css start ========
*********************************/
#how-it-works.food-variant {
    background-color: #fff;
}
.how-it-works-section.food-variant h3 {
    margin-bottom: 35px;
}
.how-it-works-section.food-variant ul li .proc_ico {
    width: 94px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    background: #f2f2f2;
}
.how-it-works-section.food-variant ul li {
    padding-left: 135px;
    min-height: 106px;
}
.how-it-works-section.food-variant .how-it-works-left li strong {
    padding-top:10px;
}
.how-it-works-section.food-variant .how-it-works-right img {
    width: 536px;
    margin: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    animation: none;
    -webkit-animation: none;
    max-width: 100%;
}
.how-it-works-section.food-variant .how-it-works-right {
    width: 586px;
    align-items: center;
    justify-content: flex-end;
}
.how-it-works-section.food-variant .how-it-works-left {
    width: calc(100% - 586px);
    width: -o-calc(100% - 586px);
    width: -ms-calc(100% - 586px);
    width: -moz-calc(100% - 586px);
    width: -webkit-calc(100% - 586px);
}
.how-it-works-section.food-variant .food-image-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.how-it-works-section.food-variant .food-image-block a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 167px;
    height: 167px;
    z-index: 0;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    font-size: 27px;
    align-items: center;
    color: #000;
    text-decoration: none;
    outline: none;
    display: flex;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 29px;
    box-shadow: 0 0 0 2px #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.how-it-works-section.food-variant .food-image-block a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
}

/******************************************/
.fleet.food-variant {
    background-color: #f6f6f6;
}
.fleet.food-variant:after {
    display: none;
}

.fleet.food-variant .fleet-inner > strong {
    color: #3e3e3e;
    margin-bottom: 30px;
}
.fleet.food-variant ul li strong {
    color: #222222;
    font-weight: 500;
    font-size: 18px;
}
.fleet.food-variant ul {
    margin-top: 10px;
    justify-content: space-between;
}
.fleet.food-variant ul li {
    width: auto;
}
.fleet.food-variant ul li i {
    width: auto;
    height: auto;
    background-color:transparent !important;
    margin-bottom: 0;
}
/*****************************************/
.ordernow {
    background-color: #393939;
    color: #fff;
    padding: 37px 0 37px 0;
}
.ordernow-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.ordernow-caption strong {
    font-size: 33px;
    font-weight: 500;
    font-family: 'poppins';
    color: #ffffff;
    display: block;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 13px;
}
.ordernow-caption h4,
.ordernow-caption h4 a {
    font-size: 55px;
    color: #fff;
    font-family: 'poppins';
    font-weight: 500;
    margin-bottom: 52px;
    text-decoration: none;
}
.ordernow-left {
    width: 360px;
}
.ordernow-left img {
    width: auto;
    max-width: 100%;
}
.ordernow-right {
    width: calc(100% - 360px);
}

.ordernow .book-btn {
    padding: 18px 23px 18px 23px;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    color: #000;
    text-transform: unset;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.3px;
    outline: none;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    box-shadow: 0 0 0 1px #fff inset;
}
.ordernow .book-btn:hover {
    background-color: #333;
    color: #fff;
}
.ordernow .book-btn:after {
    content: '\61';
    font-family: 'icomoon';
    font-size: 14px;
    margin-left: 15px;
    position: relative;
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.ordernow .book-btn:hover:after {
    right: -5px;
}
/***************************************/
.benefits.food-variant.benefits .benefits-inner > strong {
    margin-bottom: 35px;
}
.benefits.food-variant ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.benefits.food-variant ul li i {
    right: auto;
    left: 0;
    width: 128px;
    height: auto;
    background-color: transparent;
    align-items: flex-start;
}
.benefits.food-variant ul li i img {
    max-width: 100%;
    max-height: 128px;
}
.benefits.food-variant ul li {
    min-height: initial;
    padding: 0 0 35px 178px;
    box-sizing: border-box;
    width: 47%;
    margin-bottom: 35px;
    border-bottom: 1px solid #e9e9e9;
}
.benefits.food-variant ul li:nth-last-child(-n+2) {
    border: none;
}
.benefits.food-variant {
    padding: 149px 0 0px 0;
}
/************************************************/
.contact-article {
    padding-top: 70px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contact-article-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    min-height: 485px;
    padding: 0 15px;
}
.contact-information {
    background-color: rgba(237, 237, 237, 0.80);
    max-width: 324px;
    min-height: 424px;
    box-sizing: border-box;
    padding: 32px;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.80) inset;
    text-align: center;
    margin-bottom: -8px;
}
.contact-inform-block strong {
    line-height: normal;
    display: block;
    text-transform: uppercase;
    font-size: 24px;
    color: #686868;
    font-weight: 500;
}
.contact-inform-block b span {
    font-size: 39px;
    font-weight: 500;
    display: block;
    line-height: normal;
    margin-top: -7px;
}
.contact-inform-block b .tell-info {
    font-size: 31px;
    font-weight: 600;
    color: #000;
    display: block;
    line-height: normal;
    text-decoration: none;
    outline: none;
    margin-top: -5px;
}
.contact-inform-block address {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'poppins';
    padding: 0 20px;
    line-height: 22px;
    margin-top: 8px;
}
.contact-inform-block {
    margin-bottom: 28px;
}
.contact-inform-block:last-child {
    margin-bottom: 0;
}
.contact-inform-block .mail-info {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'poppins';
    text-decoration: none;
    line-height: normal;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.contact-inform-block .mail-info:hover {
    opacity: 0.5;
}
/***************************************/
.restaurant {
    padding: 45px 0;
    background-color: #f6f6f6;
}
.restaurant-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    padding: 0 15px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.restaurant h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 48px;
}
.restaurant ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.restaurant ul li {
    width: 33.33%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}
.restaurant ul li:nth-child(even) {
    flex-direction: column-reverse;
}
.rest-caption strong {
    font-size: 28px;
    color: #121212;
    font-weight: 600;
    font-family: 'poppins';
    line-height: normal;
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.rest-caption p {
    font-size: 14px;
    color: #777777;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 0;
    width: 100%;
}
.rest-caption {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 357px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 30px;
    position: relative;
    overflow: hidden;
}
.rest-caption:first-child:hover:after {
    bottom: 0;
}
.rest-caption:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.rest-caption .box-content {
    color: #fff;
    text-align: left;
    width: 100%;
    padding: 0 30px;
    position: absolute;
    bottom: 15px;
    left: -100%;
    transition: all 0.3s ease 0.2s;
    box-sizing: border-box;
    z-index: 1;
}
.rest-caption .box-content strong,.rest-caption .box-content p {
    color: #fff;
}
.rest-caption:first-child:hover .box-content {
    left: 0;
}
/**************************************************
============== my trips page css start==============
****************************************************/
.profile-section.my-trips {
    padding-bottom: 0;
}
.filter-form select,.filter-form input {
    height: 36px;
    border: none;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border-radius: 3px;
    /*-webkit-appearance: textfield;*/
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}
.filter-form input {
    -webkit-appearance: initial;
}
.filter-form label {
    font-size: 12px;
    font-weight: 500;
    font-family: 'poppins';
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}
.filter-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.filter-form input[type="submit"],
.filter-form button,
.filter-form a.gen-btn {
    background-color: transparent;
    outline: none;
    border: none;
    font-size: 15.6px;
    box-shadow: none;
    color: #fff;
    font-weight: 400;
    width: auto;
    display: inline-block;
    min-width: 85px;
    margin: 0 10px 0 0;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-family: 'poppins';
    line-height: normal;
}
.filter-form a ,.gen-btn{

    background-color: transparent;

}

.filter-form a,.gen-btn:hover, button[disabled]{
    background-color: #000;
    /*background-color: transparent; commented bc edit form manual booking auto assign clicked already then button bg color not shown*/
}
.general-form input[type=text][readonly], .general-form input[type=email][readonly], .general-form select[disabled], .general-form select[readonly] {
    background-color: rgb(235,235,228);
}

.filter-form input[type="submit"]:hover,
.filter-form button:hover {
    background-color: transparent;
}
.filters-column {
    margin: 0 10px 20px 0;
    position: relative;
}
.filter-form select {
    min-width: 181px;
    padding: 10px 30px 10px 10px;
    position: relative;
    background-image: url(../../../img/apptype/RideCXv2/down-arrow_b.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}
.button-block.oppData {
    margin-bottom: 0;
}
.filter-form input {
    width: 130px;
    padding: 10px 32px 10px 10px;
}
.profile-section.my-trips .profile-caption {
    margin-bottom: 0;
}
.filters-column i {
    font-size: 19px;
    position: absolute;
    right: 5px;
    bottom: 9px;
    pointer-events: none;
}
.hasDatepicker {
    cursor: pointer !important;
}
/******************** dataTable overwrite ************************/
table.dataTable.custom-table {
    border-style: solid;
    border-color: #dedede;
    border-width: 0 1px;
    width: calc(100% - 2px) !important;
    width: -o-calc(100% - 2px) !important;
    width: -ms-calc(100% - 2px) !important;
    width: -moz-calc(100% - 2px) !important;
    width: -webkit-calc(100% - 2px) !important;
}
.table-holder {
    width: 100%;
    padding: 24px 20px;
    background-color: #fff;
    box-sizing: border-box;
}
.table-holder ~ .card-block {
    margin-top: 20px;
}
.table-holder ~ .button-block {
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.table-responsive {
    overflow-x: auto;
    width: 100%;
}
table.dataTable.custom-table tbody td {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    border-style: solid;
    padding: 17px 15px;
    border-width: 0 0 1px 0;
    border-color: #dedede;
    font-family: 'poppins';
    vertical-align: middle;
    line-height: normal;
}
table.dataTable.custom-table.no-footer-new tbody td{
    vertical-align: initial;
}
table.dataTable.custom-table tbody td.providerdocClass {
    vertical-align: inherit;
}
td.providerdocClass .rightBtn{
    width: 100%;
    height: 30px;
    display: block;
}
table.dataTable.custom-table tbody td .vehicle_name {
    width: 816px;
    display: inline-block;
    }
table.dataTable.custom-table tbody td .action-click {
    color: #000;
    text-decoration: none;
    font-size: 25px;
}
table.dataTable.custom-table tbody td .gen-btn i {
    color: #fff;
}
table.dataTable.custom-table tbody td .gen-btn {
    margin-top: 8px;
}
table.dataTable.custom-table tbody td .action-click:hover,
table.dataTable.custom-table tbody td i:hover {
    opacity: 0.5;
}
table.dataTable.custom-table tbody td i {
    font-size: 25px;
    color: #000;
    cursor: pointer;
}
.certi{font-size: 15px!important;}
table.dataTable.custom-table thead th {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #dedede;
    padding: 17px 15px;
    background-color: #f6f6f6;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    font-family: 'poppins';
    white-space: nowrap;
    vertical-align: middle;
}
table.dataTable.custom-table thead th .expanding {
    font-size: 25px;
}
.table-holder .dataTables_wrapper .dataTables_info {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 19px 0 0 0;
}
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #fff;
    box-shadow: none;
    outline: none;
    border: none;
    min-width: 28px;
    height: 26px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    font-family: 'poppins';
}
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #000;
    border: none;
}
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #000;
    border: none;
    color: #fff !important;
}
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: transparent;
}
.table-holder .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
}
.table-holder .dataTables_length label {
    font-weight: 600;
    font-size: 15px;
    display: block;
}
[data-text="init"],
[data-text="init"].td,
[data-text="init"].th {
    text-align: left !important;
}
.dataTables_wrapper .dataTables_length select {
    min-width: unset;
    padding: 10px 20px 10px 10px;
    position: relative;
    background-image: url(../../../img/apptype/RideCXv2/down-arrow_b.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border: none;
    outline: none;
    margin: 0 10px;
    width: 75px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 3px;
}
.table-holder .dataTables_wrapper .dataTables_filter input {
    height: 36px;
    border: none;
    box-shadow: 0 0 0 1px #e0e0e0 inset;
    border-radius: 3px;
    -webkit-appearance: initial;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    font-size: 15px;
    margin: 0;
}
.table-holder .dataTables_wrapper .dataTables_filter label {
    font-size: 0;
    display: inline-block;
    position: relative;
}
.table-holder .dataTables_wrapper .dataTables_filter label:after {
    width: 30px;
    height: 100%;
    content: "\f002";
    position: absolute;
    right: 0;
    top: 0;
    font-family:'FontAwesome';
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table-holder .dataTables_wrapper .dataTables_length,
.table-holder .dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    background-color: #F6F6F6;
    border-style: solid;
    border-color: #dedede;
    border-width: 0 0 1px 0;
    text-align: center;
}
.button-block.justify-left {
    justify-content: flex-start;
    align-items: initial;
}
.button-block.justify-left .gen-btn {
    margin: 0 15px 10px 0;
}
/******************************************************/
.profile-earning ul.value-listing,
ul.value-listing {
    padding: 0;
}
.profile-earning ul.value-listing li,
ul.value-listing li {
    width: 100%;
    margin-bottom: 10px;
}
.profile-earning ul.value-listing li b,
ul.value-listing li b {
    font-weight: 600;
    margin-right: 5px;
    color: #333;
}
[dir="rtl"] .profile-earning ul.value-listing li b,
[dir="rtl"] ul.value-listing li b {
    margin: 0 0 0 5px;
}
.profile-earning ul.value-listing li span,
ul.value-listing li span {
    font-weight: 500;
    color: #757575;
    display: inline-block;
}
/******************************************************/
.doc-image-block img {
    max-width: 90%;
    box-sizing: border-box;
    max-height: 90% !important;
}
.doc-image-block {
    width: auto;
    margin: 20px;
    padding: 0;
    box-sizing: border-box;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.doc-image-block > a {
    line-height: normal !important;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
}
table.dataTable.custom-table tbody td .filters-column i {
    font-size: 19px;
}
table.dataTable.custom-table tbody td .doc-image-block i {
    position: absolute;
    right: -14px;
    top: -14px;
    width: 28px;
    height: 28px;
    font-size: 11px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
}
table.dataTable.custom-table tbody td .upload-block.fileupload-exists i {
    display: flex;
}
.upload-block {
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.upload-block .filter-form {
    justify-content: center;
    padding:0 20px 0px 20px;
    margin-bottom: 0px;
}
.upload-block-inner {
    min-height: 280px;
}
.upload-block .button-block {
    padding: 0 20px;
    margin-bottom: 0;
}
.upload-doc-button .gen-btn {
    width: 100%;
    text-align: center;
    display: block;
}
.upload-block .button-block .gen-btn {
    width: 100%;
    justify-content: center;
}
.upload-block strong {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #000;
    display: block;
    padding: 17px 20px;
}
.upload-block [data-target="#uiModal"] {
    max-width: -o-calc(100% - 40px);
    max-width: -ms-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
    white-space: normal;
}
.upload-doc-button {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.upload-doc-button input[type="file"] {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}
.upload-doc-button input[type="file"]:hover ~ .gen-btn {
    background-color: #757575;
}
.profile-earning ul.doc-upload-listing li {
    width: 33.33%;
}
.fileupload-exists .fileupload-new {
    display: block;
}
.filters-column.exp-date {
    flex-direction: column;
    display: flex;
    margin: 0;
    width: 242px;
}
.filters-column.exp-date label {
    font-size: 12px;
    font-weight: 500;
    font-family: 'poppins';
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}
.modal .fileupload .thumbnail {
    margin-bottom: 10px;
    display: block;
}
.custom-modal .fileupload  {
    margin-top: 20px;
    margin-bottom: 20px;
}
.custom-modal .model-body .fileupload .thumbnail {
    margin-bottom: 10px;
    max-width: 240px;
    height: 164px;
    display: flex;
}
.fileupload .thumbnail img {
    max-width: 100%;
    max-height: 100%;
}
.fileupload {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fileupload .thumbnail {
    line-height: normal !important;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
}
.fileerror {
    width: 100%;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    color: #d23737;
}

/************new-box*******************/
.custom-modal-first-div.active {
    opacity: 1;
    visibility: visible;
}

.custom-modal-first-div {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    z-index: 1050;
}

.custom-modal-sec-div {
    width: 580px;
    max-width: calc(100% - 0px);
    max-width: -o-calc(100% - 0px);
    max-width: -ms-calc(100% - 0px);
    max-width: -moz-calc(100% - 0px);
    max-width: -webkit-calc(100% - 0px);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: -50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
h4.custom-modal-title  {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}
.custom-modal-first-div.active .custom-modal-sec-div {
    top: 0;
}
.custom-model-header {
    padding: 20px 25px;
    background-color: #239707;
    display: flex;
    justify-content: space-between;
    border-radius: 4px 4px 0 0;
}

.custom-modal-title h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}

.icon-close{color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;}

    .custom-model-body {
        padding: 20px 25px;
    }

    .custom-model-footer {
        padding: 0 25px;
        justify-content: flex-start;
        background-color: transparent;
        border: none;
    }
    .button-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        flex-wrap: wrap;
        box-sizing: border-box;
        width: 100%;
    }
    .custom-model-footer .button-block {
        justify-content: flex-start;
    }
    .custom-model-footer .button-block .gen-btn {
        margin:0 10px 0 0;
    }
    .button-block.btn-flex-start {
        justify-content: flex-start;
    }
    .button-block.btn-flex-start .btn {
        margin-right:10px;
    }

    .custom-modal-sucbtn,.custom-modal-negbtn,.custom-modal-genbtn {
        padding: 12px 25px 12px 25px;
        background-color:#000;
        display: inline-flex;
        align-items: center;
        color: #fff;
        text-transform: unset;
        text-decoration: none;
        white-space: nowrap;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 0.3px;
        outline: none;
        text-decoration: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        text-transform: capitalize;
        font-family: 'poppins';
    }
    .custom-modal-genbtn{
        background-color:#239707;
    }
/************new-box-end*******************/

/*******************************/
.custom-modal-main {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    z-index: 105000000;
}
.custom-modal-main.large-modal .model-body {
    overflow-y: auto;
    height: 500px;
}
.custom-modal-main.large-modal {
    align-items: flex-start;
    padding: 50px 0;
    overflow-y: auto;
}
.custom-modal-main.active {
    opacity: 1;
    visibility: visible;
}
.custom-modal,.modal-dialog {
    width: 580px;
    max-width: calc(100% - 0px);
    max-width: -o-calc(100% - 0px);
    max-width: -ms-calc(100% - 0px);
    max-width: -moz-calc(100% - 0px);
    max-width: -webkit-calc(100% - 0px);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: -50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#uiModal .model-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#service_detail{
    line-height: 35px;
}
.bootbox .modal-dialog {
    width: 100%;
    max-width: 100%
}
.custom-modal-main.active .custom-modal {
    top:0;
}
.custom-modal .model-header h4,
.modal .modal-header h4 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    line-height: normal;
}
.custom-modal .model-header i,
.custom-modal .modal-header [data-dismiss="modal"],
.modal .modal-header [data-dismiss="modal"],
table.dataTable.custom-table tbody td .custom-modal .model-header i {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-modal .model-header,
.custom-modal .modal-header,
.modal .modal-header {
    padding: 20px 25px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    border-radius: 4px 4px 0 0;
}
.modal .modal-header {
    flex-direction: row-reverse;
}
.custom-modal .model-body,
.modal .modal-body {
    padding: 20px 25px;
}
.custom-modal .model-body .fileupload-preview.thumbnail {
    height: 150px;
    width: 240px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.custom-modal .model-body .fileupload-preview.thumbnail img {
    max-width: 90%;
    max-height: 95%;
}
.custom-modal .model-footer,
.custom-modal .modal-footer,
.modal .modal-footer {
    padding: 0 25px;
    justify-content: flex-start;
    background-color: transparent;
    border: none;
}
.modal .modal-footer {
    margin-bottom: 20px;
}
.save11{
    padding: 13px 35px!important;
    margin-right: 0px!important;
}
.custom-modal .model-footer .button-block,
.custom-modal .modal-footer .button-block {
    justify-content: center;
}
.custom-modal .model-footer .button-block {
    margin-top: 20px;
}
.newrow{
    /* display: flex; */
    justify-content: center;
}
.static-page-new .newrow-new{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.intro-new-one{
    overflow: hidden;
}
.custom-modal .model-footer .gen-btn,
.custom-modal .modal-footer .gen-btn {
    margin: 0 5px 10px 5px;
}
.custom-modal .captcha-column .form-group {
    margin-bottom: 0;
}
.custom-modal .general-form {
    margin-top: 0;
}
/****************************************************/
table.dataTable.custom-table tbody td.accordian-data {
    display: none;
}
table.dataTable tbody tr.accordian-data {
    display: none;
}
table.dataTable tbody tr.accordian-data.active {
    display: table-row;
}
.icon-arrow-down-avigate.active-menu:before {
    content: "\e90e";
}
.upload-block .filter-form .filters-column {
    width: 100%;
    margin: 0;
}
.upload-block .filter-form .filters-column input {
    width: 100%;
    box-sizing: border-box;
}
/*******************************************************/
/******************************************/
.thanks-holder {
    margin: 70px 0 70px 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thanks-holder h2 {
    text-align: center;
    margin: 15px 0 10px;
    padding: 0px;
    font-size: 50px;
    font-weight: 600;
}
.thanks-holder strong {
    font-size: 25px;
    margin: 15px 0;
    line-height: normal;
    font-weight: 500;
    color: #000;
}
.thanks-holder p {
    text-align: center;
    margin: 0px 0 10px 0 ;
    padding: 0px;
    font-size: 20px;
}
.thanks-holder p {
    text-align: center;
    margin: 0px 0 20px 0;
    padding: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #757575;
}
.thanks-holder img {
    width: 190px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
/******************************************/
.invoice-data-holder.track-order {
    background-color: #fff;
    padding: 25px 0px 25px 23px;
    border-radius: 4px;
    display: flex;
    align-items: initial;
    flex-wrap: wrap;
}
.invoice-data-holder.track-order .inv-destination-data {
    padding: 23px 0px 0px 0px;
    margin: 0 0 0 23px;
    width: calc(100% - 455px);
    width: -o-calc(100% - 455px);
    width: -ms-calc(100% - 455px);
    width: -moz-calc(100% - 455px);
    width: -webkit-calc(100% - 455px);
    border-left: 1px solid #eee;
    border-radius: 0;
}
.invoice-data-holder .inv-destination-data ul {
    padding: 0 20px;
    box-sizing: border-box;
}
.invoice-data-holder .inv-destination-data ul li:last-child {
    margin-bottom: 0;
}
.invoice-data-holder.track-order .inv-destination-data .invoice-pay-type {
    margin: 0;
}
.track-order-data {
    padding: 23px 23px 0 23px;
    background-color: #fff;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.track-order-data ul li {
    width: auto;
    padding: 0px 0 0 48px;
    position: relative;
    z-index: 1;
}
.track-order-data ul li:after {
    content: '';
    position: absolute;
    width: 3px;
    height: auto;
    top: 0;
    bottom: -20px;
    background-color: #dddddd;
    z-index: -1;
    left: 16px;
}
.track-order-data ul li:last-child:after {
    display: none;
}
.track-order-data ul li.passed i {
    background-color: transparent;
}
.track-order-data ul li.passed i img {
    filter: invert(1);
}
.track-order-data ul li strong {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    line-height: normal;
}
.track-order-data ul li:before {
    content: attr(date-time);
    position: absolute;
    font-size: 14px;
    left: -45px;
    top: 2px;
    width: 38px;
    text-align: center;
    font-weight: 500;
}
.track-order-data ul li i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    background-color: #dddddd;
    left: 0;
}
.track-order-data ul li i img {
    width: 15px;
}
.track-order-data ul {
    padding: 0;
    margin: 0 0 0 45px;
    width: calc(100% - 45px);
    width: -o-calc(100% - 45px);
    width: -ms-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
}
.track-order-data ul li p {
    color: #404040;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
.rest-name-holder {
    width: 100%;
    line-height: normal;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 10px 28px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}
.rest-name-holder i {
    width: 15px;
    position: absolute;
    left: 0;
}
.rest-name-holder i img {
    max-width: 100%;
}
.rest-name-holder strong {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    display: block;
    font-family: 'poppins';
}
.rest-name-holder p {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    font-family: 'poppins';
    margin-bottom: 0;
    line-height: 20px;
}
.profile-earning .inv-data ul li:first-child span {
    font-weight: 600;
    color: #000;
}
.profile-earning .inv-data ul li.item-list {
    flex-direction: column;
}
.profile-earning .inv-data ul li.item-list .itme-row {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
/******************************************/
.gen-cms-page-inner {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
}
.gen-cms-page {
    padding: 50px 0;
}
.gen-cms-page h2.header-page {
    font-size: 35px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
}
.static-page h1,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6 {
    font-size: 28px;
    color: #757575;
    font-weight: 500;
    margin-bottom: 28px;
}
.gen-cms-page p {
    color: #404040;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 28px;
}
.gen-cms-page ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}
.gen-cms-page ul li:before {
    content: '';
    width: 16px;
    height: 13px;
    background-image: url(../../../img/apptype/RideCXv2/mark.svg);
    position: absolute;
    left: 0;
    top: 7px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);
}
/******************************************/
.toggle-combo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 4px;
}
.toggle-switch {
    position: relative;
    display: inline-block;
}
.toggle-switch .toggle-base {
    width: 51px;
    height: 30px;
    background-color: #ddd;
    border-radius: 30px;
    display: inline-block;
    pointer-events: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.toggle-switch input[type="checkbox"],
.toggle-switch input[type="radio"] {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 30px;
    vertical-align: top;
    outline: none;
    border: none;
    background-color: transparent;
    opacity: 0;
    cursor: pointer;
}
.toggle-switch input[type="checkbox"]:checked ~ .toggle-base,
.toggle-switch input[type="radio"]:checked ~ .toggle-base {
    background-color: #6c757d;
}
.toggle-switch input[type="checkbox"]:checked ~ .toggle-base:after,
.toggle-switch input[type="radio"]:checked ~ .toggle-base:after {
    box-shadow: -2px 0 3px rgba(0,0,0,.3);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.toggle-switch .toggle-base:after {
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: 26px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 0 3px rgba(0,0,0,.1);
    content: '';
    position: absolute;
    height: 26px;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: all .15s ease-out,-webkit-transform .15s ease-out;
    -webkit-transition: all .15s ease-out,-webkit-transform .15s ease-out;
    -moz-transition: all .15s ease-out,-webkit-transform .15s ease-out;
    -ms-transition: all .15s ease-out,-webkit-transform .15s ease-out;
    -o-transition: all .15s ease-out,-webkit-transform .15s ease-out;
}
.toggle-combo label {
    max-width: calc(100% - 60px);
    max-width: -o-calc(100% - 60px);
    max-width: -ms-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: -webkit-calc(100% - 60px);
    margin-right: 10px;
    width: auto;
    font-size: 16px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}
.toggle-combo label small {
    display: block;
    font-size: 12px;
    margin-top: 6px;
    color: #757575;
}
/******************************************/
.invoice-part-bottom [class*="col-sm-"] h3 {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 28px;
}
.profile-earning ul.recipient_details li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 0;
}
.profile-earning ul.recipient_details li:last-child {
    padding-bottom: 0;
}
.profile-earning ul.recipient_details {
    margin: 0;
}
.profile-earning ul.recipient_details li span {
    color: #656565;
    display: inline-block;
    width: calc(100% - 160px);
    width: -o-calc(100% - 160px);
    width: -ms-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
}

.profile-earning ul.recipient_details li b {
    font-weight: 500;
    display: inline-block;
    color: #1c1c1c;
    /*text-align: right; commented becoz package details, pickup instruction etc shown right align in multi delivery*/
}
.invoice-part-bottom [class*="col-sm-"] {
    width: calc(50% - 15px);
    width: -o-calc(50% - 15px);
    width: -ms-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    margin-bottom: 50px;
}
.invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {
    margin-bottom: 0px;
}
.invoice-part-bottom.invoice-recipient {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/**********************************/
.recepient_list {
    min-height: 100%;
    border: 1px solid #ddd;
}
.invoice-part-bottom  [class*="col-sm-"] .recepient_list h3 {
    font-size: 18px;
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
    padding: 15px 10px;
    background-color: #eee;
    border-bottom: none;
}
.profile-earning .recepient_list ul.recipient_details li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 0;
}
.profile-earning .recepient_list ul.recipient_details li:nth-child(even) {
    background-color: #fdfdfd;
}

/********************************************/
.profile-earning ul.setings-list li {
    /*width: 33.33%;*/
    text-align: unset;
}
.profile-earning ul.setings-list li .toggle-combo {
    align-items: center;
}
.profile-earning ul.setings-list {
    margin: 0;
}
.card-block {
    background-color: #fff;
    padding: 20px 23px 0 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    min-height: 250px;
}
.card-block h1 {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: 100%;
    line-height: normal;
}
.card-block .partation {
    width: calc(100% + 16px);
    width: -o-calc(100% + 16px);
    width: -ms-calc(100% + 16px);
    width: -moz-calc(100% + 16px);
    width: -webkit-calc(100% + 16px);
}
.addVehicleCX em.holder{display: none;}
/******************************************/
/*.......................faq.........................*/

.faq-page {
    margin:0px 0 0;
    padding:0px;
    float:left;
    width:100%;
}
.faq-top-part {
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}
.faq-top-part ul {
    margin:0px -10px;
    padding:0px;
    width: calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: -ms-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    flex-wrap: wrap;
    display: flex;
}
.faq-top-part ul li {
    margin:0 10px;
    padding:0px;
    width:225px;
}
.faq-top-part ul li::before,.faq-bottom-part ul li:before {
    display: none;
}
.faq-bottom-part{ margin:15px 0 0; padding:0px; float:left; width:100%;}
.faq-bottom-part ul{ margin:0px; padding:0px; float:left; width:100%;}
.faq-bottom-part ul li{ margin:0px; padding:20px 0 0px 0; float:left; width:100%;}
.faq-bottom-part ul li:last-child{ border:none;}
.faq-bottom-part ul li b, .faq-bottom-part ul li strong{
    font-weight: bold;
}
.faq-bottom-part .faq-ans span ol {
    list-style:auto;
    padding-left: 40px;
    margin: 5px 0;
}
.faq-bottom-part .faq-ans span ul {
    list-style:disc;
    padding-left: 40px;
    margin: 5px 0;
}
.faq-bottom-part .faq-ans span ol li,
.faq-bottom-part .faq-ans span ul li  {
    margin: 0;
}
.faq-bottom-part ul li .bullet-faq{
    margin: 0px 0 0;
    padding: 0px;
    font-family: 'poppins';
    font-size: 25px;
    line-height: normal;
}
.faq-bottom-part ul li span{
    margin: 2px 0 0;
    padding: 0px;
    display: flex;
}
.faq-bottom-part ul li span h3{
    margin: 0px 0 0 10px;
    padding: 0px;
    font-size: 25px;
    text-transform: none;
    text-shadow: none!important;
    font-weight: 600;
    font-family: 'poppins';
}


.faq-bottom-part ul li span p{ margin:10px 0 10px; padding:0px; float:left; font-size:16px; line-height:21px;display: block;}
.faq-bottom-part ul li ul li {
    margin:10px 0 0;
    padding:0px;
    border:none;
}
.faq-bottom-part ul li ul li span{margin: 0; padding: 0; float: left; font-size: 16px; line-height: 27px; width:100%;}
.faq-bottom-part ul li a {
    color: #000;
    text-decoration: none;
    font-family: 'poppins';
    font-weight: 600;
    display: block;
    cursor: pointer;
}
.faq-top-part li a {
    margin: 0px;
    padding: 10px 0;
    float: left;
    font-size: 16px;
    text-align: center;
    font-family: 'poppins';
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #757575;
    box-shadow: 0 0 0 2px #757575 inset;
    text-decoration: none;
}
.faq-top-part li.Active a {
    color: #000;
    box-shadow: 0 0 0 2px #000 inset;
}
/**********************************************************/
.dark-variant.benefits {
    padding: 39px 0 0px 0;
    overflow: hidden;
}
.dark-variant.benefits h3 {
    color: transparent;
}
.dark-variant.benefits .benefits-inner > strong {
    color: #fff;
}
.benefits.dark-variant ul.listing-style li {
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
    margin: 0 19px;
    width: calc(33.33% - 38px);
    width: -o-calc(33.33% - 38px);
    width: -ms-calc(33.33% - 38px);
    width: -moz-calc(33.33% - 38px);
    width: -webkit-calc(33.33% - 38px);
    padding: 0 10px 30px 10px;
    margin-bottom: 75px;
}
/* .benefits.dark-variant ul.listing-style li:nth-last-child(-n+3) {
    margin-bottom: 0px;
} */
.benefits.dark-variant ul.listing-style li strong {
    color: #fff;
    margin-top: 20px;
    line-height: normal;
}
.benefits.dark-variant ul.listing-style li p {
    color: #fff;
}
.benefits.dark-variant ul.listing-style li i {
    width: 90px;
    height: 90px;
    box-shadow: 0 0 0 2px rgba(255,255,255,.3) inset;
    border-radius: 50%;
    outline: none;
    display: inline-flex;
    margin-top: -45px;
    background-color: transparent;
}
.benefits.dark-variant ul.listing-style li i img {
    height: 48px;
}
.benefits.dark-variant ul.listing-style li {
    height: auto !important;
}
.dark-variant.benefits ul.listing-style {
    margin-top: 72px;
    width: calc(100% + 38px);
    width: -o-calc(100% + 38px);
    width: -ms-calc(100% + 38px);
    width: -moz-calc(100% + 38px);
    width: -webkit-calc(100% + 38px);
    display: flex;
    flex-wrap: wrap;

}
/**********************************************************/
.step-sec {
    padding: 39px 0 18px 0;
    margin-top: 210px;
}
.step-sec-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}
.step-sec ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 32px -63px 0 -63px;
}
.step-sec ul li strong {
    font-size: 22px;
    font-weight: 500;
    margin: 29px 0 30px 0;
    display: block;
}
.step-sec ul li p {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 24px;
}
.step-sec ul li {
    width: 33.33%;
    padding: 0 63px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.step-sec .step-sec-inner > h3 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}
.step-sec .step-sec-inner > strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #3e3e3e;
    display: block;
    margin-bottom: 0;
    max-width: 990px;
    text-align: center;
    margin: 0 auto;
}
.step-sec ul li img {
    height: 102px;
}
/********************************/
.pickDropAddress label,
.lableCombineData label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}
.pickDropAddress span,
.lableCombineData span {
    display: block;
    margin-bottom: 16px;
    line-height: 22px;
}
table.dataTable.custom-table tbody td.statusType .gen-btn {
    padding: 10px 16px;
    font-size: 14px;
    margin-top: 10px;
}
table.dataTable tbody tr.shown .icon-arrow-down-avigate:before {
    content: '\e90e';
}
.profile-earning ul.actionListing {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 200px;
    justify-content: center;
}
.profile-earning ul.actionListing li a {
    display: inline-block;
}
.profile-earning ul.actionListing li {
    width: auto;
    padding: 0 5px;
    margin: 0;
}
.profile-earning ul.actionListing li a i {
    font-size: 30px;
    margin: 0;
    vertical-align: middle;
}
.profile-earning ul.actionListing li a {
    text-decoration: none;
    vertical-align: middle;
}
/*******************************/
.booking-no {
    position: relative;
}
.booking-no:before {
    content: 'delivery';
    display: inline-block;
    font-size: 13px;
    padding: 4px 10px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
}
.booking-no:after {
    content: '';
    border-top: 8px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 22px;
    position: absolute;
    left: 8px;
}
/*******************************/
.profile-earning ul.importedTable {
    margin: 0;
}
.profile-earning ul.importedTable li {
    text-align: left;
    width: auto;
    margin: 0 20px 10px 0;
    padding: 0;
}
.profile-earning ul.importedTable li b {
    font-weight: 500;
}
.profile-earning ul.importedTable li span {
    color: #404040;
}
.profile-earning ul.setings-list li .check-combo label {
    font-size: 13px;
    line-height: normal;
}
.profile-earning ul.setings-list li .check-combo {
    align-items: flex-start;
    padding-top: 3px;
}
.profile-earning ul.setings-list li .toggle-combo label {
    font-weight: 500;
    color: #333;
    line-height: normal;
}
.your-requestd {
    width: 100%;
    margin-top: 10px;
}
.toggle-list-inner {
    border: 1px solid #dedede;
    min-height: 100%;
}
.toggle-list-inner .toggle-combo {
    padding: 8px;
    border-bottom: 1px solid #dedede;
    background-color: #f9f9f9;
    margin-top: 0;
    justify-content: space-between;
    align-items: center;
}
.profile-earning ul.setings-list li .toggle-list-inner .check-combo {
    align-items: flex-start;
    padding: 8px 8px 8px 8px;
    margin-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}
[id*='RentalVehicleType_'] {
    width: 100%;
}
.form-group strong {
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px;
    margin-top: -3px;
    font-family: poppins;
}
.form-group strong.captcha-signup {
    margin: 0;
}
/* .form-group strong .red,
.form-group label .red {
    display: inline-block;
    color: #d63b3b;
    font-size: 28px;
    vertical-align: top;
    height: 10px;
    position: relative;
    line-height: 27px;
} */
.form-group strong .red,
.form-group label .red {
    display: inline-block;
    color: #d63b3b;
    font-size: 15px;
    vertical-align: top;
    height: 10px;
    position: relative;
    line-height: 20px;
    margin: 0;
}
.profile-earning ul.setings-list.has-four-column li {
    width: 25%;
}
.profile-earning ul.setings-list.middle-data li .check-hold.small {
    margin-top: 0;
}
.profile-earning ul.setings-list.has-background li .toggle-list-inner {
    background-color: #f9f9f9;
}
.profile-earning ul.setings-list.has-background li .check-combo label {
    font-size: 14px;
}
.form-control {
    padding: 10px 10px 9px 10px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    outline: none;
    cursor: pointer;
}
.hatchback-search .form-control {
    margin: 0px 10px 0px 0px;
    width: 70px;
}
.hatchback-search span {
    font-family: 'poppins';
    font-size: 15px;
    color: #404040;
}
/*******************************/
.demo-warning {
    background-color: #eee;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}
.demo-warning p {
    line-height: 22px;
    font-size: 15px;
    color: #404040;
    margin-bottom: 8px;
}
.demo-warning p:last-child {
    margin-bottom: 0;
}
/*******************************/
.bootbox .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
.bootbox .close:hover,
.bootbox .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.bootbox button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop,
  .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
.bootbox.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}
.bootbox.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
  }
.bootbox.modal.fade.in {
    top: 10%;
  }
.bootbox.modal .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
  }
.bootbox.modal .modal-header .close {
    margin-top: 2px;
  }
.bootbox.modal .modal-header h3 {
    margin: 0;
    line-height: 30px;
  }
.bootbox.modal .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
  }
.bootbox.modal  .modal-form {
    margin-bottom: 0;
}
.bootbox.modal .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}
.bootbox.modal .modal-footer:before,
.bootbox.modal .modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
}
.bootbox.modal .modal-footer:after {
    clear: both;
  }
.bootbox.modal .modal-footer .btn {
/*.bootbox.modal .modal-footer .btn + .btn {*/
    margin-left: 5px;
    margin-bottom: 0;
}
.bootbox.modal .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.bootbox.modal .modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.bootbox.modal .modal-dialog{
      top: 0px !important;
}
/*******************************/
form#resetpassword {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.reset-pass-left {
    width: 165px;
    padding-right: 15px;
    box-sizing: border-box;
}
[dir="rtl"] .reset-pass-left {
    padding: 0 0 0 15px;
}
.reset-pass-right {
    width: calc(100% - 165px);
}
.which-user {
    font-size: 18px;
    font-weight: 500;
    color: #666;
}
.which-user a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    display: inline-block;
}
/*******************************/
.panel-heading .row {
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 4px 4px 0 0;
    border: 1px solid #c1c1c1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.panel-heading .row b {
    font-weight: 600;
    font-size: 18px;
}
.panel-body {
    padding: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-radius: 0 4px 0 4px;
    border-color: #c1c1c1;
    position: relative;
}
.panel-body .partation {
    position: relative;
}
.panel-body i {
    position: absolute;
    right: -12px;
    top: -10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.4);
}
/*******************************/
.how-it-works-section.homepage-variant ul li:before,
.how-it-works-section.homepage-variant ul li:after {
    display: none;
}
.how-it-works-section.homepage-variant ul li img {
    max-height: 80px;
    max-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
}
.how-it-works-section.homepage-variant ul li {
    padding: 0 0 0 120px;
    margin-bottom: 80px;
}
.how-it-works-section.homepage-variant h3 {
    margin-bottom: 80px;
}
.how-it-works-section.homepage-variant ul li strong {
    margin-bottom: 5px;
}
.how-it-works-section.homepage-variant .how-it-works-left {
    width: 52.5%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
.how-it-works-section.homepage-variant .how-it-works-right {
    width: calc(47% - -6px);
    width: -o-calc(47% - -6px);
    width: -ms-calc(47% - -6px);
    width: -moz-calc(47% - -6px);
    width: -webkit-calc(47% - -6px);
}
.how-it-works-section.homepage-variant .how-it-works-section-inner {
    flex-wrap: wrap;
}
.how-it-works-section.homepage-variant .how-it-works-right img {
    /* margin-bottom: -71px; */
    max-width: unset;
    max-width: 47vw;
}
#how-it-works.homepage-variant {
    background-color: #fff;
    padding: 45px 0 0px 0;
    overflow: hidden;
}
/*******************************/
.services.homepage::before {

    content: '';
    position: absolute;
    top: -88px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,244,1) 99%,rgba(244,244,244,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(244,244,244,1) 99%, rgba(244,244,244,1) 100%);
    height: 90px;
    left: 0px;
    right: 0px;

}

.services.homepage {
    background-color: #f4f4f4;
    padding: 0px 0 50px 0;
    position: relative;
    margin: 80px 0 0 0;
}
.services.homepage ul li {
    width: 25%;
}
.services.homepage ul {
    width: 100%;
}
.services.homepage ul li .service-block:before {
    display: none;
}
.services.homepage ul li .service-block {
    box-shadow: none;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    overflow: hidden;
}
.services.homepage ul li .service-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
.services.homepage ul li .service-block:hover {
    box-shadow: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    cursor: pointer;
}
.services.homepage ul li .service-block a {
    padding: 10px;
    min-width: 195px;
    min-height: 39px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    opacity: 1;
    background-color: rgba(9,9,9,0.8);
    color: #fff;
    pointer-events: initial;
    left: auto;
    right: 0;
    bottom: 18px;
}
.services.homepage ul li .service-block:hover a {
    left: auto;
    margin: 0;
    background-color: rgba(9,9,9,0.8);
}
.services.homepage ul li .service-block:hover a {
    background-color: #757575;
}
.services.homepage ul li .service-block a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: transparent;
    border-radius: 4px 0 0 4px;
}
.services.homepage .services-images {
    min-height: 164px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.services.homepage ul li .service-block:hover .services-images {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.services.homepage .service-block {
    padding: 0;
}
.services.homepage ul.services-listing {
    margin: 0;
}
.services.homepage ul.services-listing li {
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
}
.services.homepage ul.services-listing li .sap-shape {
    position: absolute;
    right: -18px;
    bottom: -51px;
}
[dir="rtl"] .services.homepage ul.services-listing li .sap-shape {
    left: -18px;
    right:auto;
}
.services.homepage ul.services-listing li b img {
    max-width: 65px;
    max-height: 65px;
}
.services.homepage ul.services-listing li {
    width: 16.66%;
}
.services.homepage ul.services-listing li:nth-child(6n+6) img.sap-shape {
    display: none;
}
.services.homepage ul.services-listing li b.noimg {
    width: 65px;
    height: 65px;
    display: inline-block;
    background-color: #dddddd;
}
/*******************************/
.download-section.homepage .download-caption {
    text-align: left;
    max-width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.app-screens-block {
    width: 1005px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.app-screen-col:first-child {
    padding-bottom: 38px;
}
.app-screens-block img {
    vertical-align: top;
}
.download-section.homepage {
    padding: 40px 0 0px 0;
    background-attachment: fixed;
}
.download-section.homepage .download-section-inner {
    align-items: flex-end;
}
.screens-row {
    width: 100%;
    margin-top: -191px;
    pointer-events: none;
}
.download-heading-area {
    width: 100%;
}
/*******************************/
.article-section {
    padding: 50px 0;
    overflow: hidden;
}
.article-section-inner {
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
}
.article-section-left {
    width: 46.5%;
}
.article-section-right {
    width: 53.5%;
}
.article-section h3 {
    color: #000;
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 40px;
    font-family: 'poppins';
}
.article-section p {
    font-size: 19px;
    line-height: 40px;
    color: #404040;
    margin: 0 0 35px 0;
}
.article-section-left img {
    margin-left: -56px;
}
.article-section.reverse .article-section-inner {
    flex-direction: row-reverse;
}
.article-section.reverse .article-section-left img {
    margin: 0;
    position: relative;
    right: -56px;
}
.article-section.reverse .article-section-left {
    text-align: right;
}
.relative_ele {
    position: relative;
}
.relative_ele button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0 10px;
    border-left: 1px solid #ddd;
    cursor:pointer;
}
.general-form .form-group .relative_ele input,
.login-right form .form-group .relative_ele input {
    padding: 14px 46px 15px 16px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    width: 100%;
}

/* custom css for bootbox for manual booking start */
.bootbox.modal.bootbox-booking {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0 !important;
    margin: 0;
    background-color: rgba(0,0,0,0.8);
    border-radius: 0;
    border: none;
}
.bootbox.modal.bootbox-booking .modal-dialog {
    max-width: 560px;
    margin: 0 auto;
    transform: none;
    left: auto;
    top: 10% !important;
    padding: 0;
    border: none;
    background-color: transparent;
}
.bootbox.modal.bootbox-booking .modal-dialog .modal-content {
    border: initial;
}
.bootbox.modal.bootbox-booking .modal-header {
    flex-direction: row;
}
/* custom css for bootbox for manual booking end */
.login-caption1 ul li {
    font-size: 16px;
    color: #000;
    padding: 0 0 8px 30px;
    position: relative;
    margin-bottom: 8px;
    line-height: normal;
}
.login-caption1 ul li:before {
    content: '';
    width: 16px;
    height: 15px;
    background-image: url(../../../img/apptype/RideCXv2/mark.svg);
    position: absolute;
    left: 0;
    top: 7px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}



/*CSS By PJ */
.reqDocs .profile-earning-inner h2{
    font-size: 1.5em;
    margin: 10px 0 35px 0;
}

.page-contant-inner.address-holder{
    background: #dfdfdf;
    padding: 1%;
}
.page-contant-inner.address-holder a {
    color: #222;
}
.page-contant-inner.address-holder select{    padding: 5px;
    margin-right: 5px;}
/* End CSS By PJ */

.gen-btn.xs-small-btn {
    font-size: 13px;
    padding: 10px 15px;
}

.booking-request .general-form .form-group select {
    padding: 14px 26px 15px 16px;
}
.clearfix {
    width: 100%;
    display: block;
    clear: both;
}

/* CSS by HV */
.button-block-ride {
    justify-content: initial;
}

.button-block-ride .book-now-btn {
    padding: 18px 54px 15px 22px;
    text-decoration: none !important;
    display: inline-block;
    min-height: 54px;
    box-sizing: border-box;
}

.button-block-ride .book-now-btn:after {
    background-color: transparent;
}
.button-block.button-block-ride .btn-hold {
    margin: 0 20px 0 0;
}

.home-sec-pg-banner .categories-block .btn-hold input[type="submit"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #eee;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 22px 15px 22px;
    color: #000;
    display: flex;
    align-items: center;
}
.home-sec-pg-banner .categories-block .button-block-ride .book-now-btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #f09817;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 22px;
    display: flex;
    align-items: center;
}

/* CSS by HV End */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin: 0 !important;
}

.detect-loc {
    position: absolute;
    width: 40px;
    right: 55px;
    top: 15px;
    cursor: pointer;
}

.detect-loc-booking {
    position: absolute;
    width: 25px;
    right: 0;
    top: 5px;
    cursor: pointer;
    transition: transform .2s;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) drop-shadow(0 0 5px rgba(255,255,255,0.5));
}

.detect-loc-booking:hover {
    transform: scale(1.2);
}

.pick-drop-location .pickup input {
    padding-right: 30px;
    text-overflow: ellipsis;
}

.ui-tooltip, .arrow:after {
    background: #191919;
    border: none;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-tooltip {
    color: white;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px;
    font-family: "Poppins";
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 30px;
    top: -5px;
    width: 10px;
    height: 10px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
/*******************************/
@media screen and (max-width:1600px) {

    .how-it-works-section.homepage-variant .how-it-works-right img {
        max-width: 47.5vw;
    }
    .article-section.reverse .article-section-left img {
        max-width: 100%;
        right: 0;
    }
    .banner-img-sec{left: 0px;}
    .home-sec-pg-banner-backimg::after{display:none}

}
@media screen and (max-width:1400px) {
    .how-it-works-section.taxi-variant .how-it-works-right img {
        max-width: 100%;
    }
    .services.homepage{
        margin: 30px 0 30px 0px;
        padding: 30px 0 30px 0px;
    }

}
@media screen and (max-width:1279px) {
    .services.homepage{
        margin: 30px 0 0 0;
    }
    .intro-new-one{
        overflow: hidden;
    }
    .how-it-works-section.homepage-variant .how-it-works-section-inner{
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .banner-section.taxi-app .banner-section-inner {
        min-height: initial;
    }
    .banner-section {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .banner-back {
        position: relative;
        height: 43vw;
    }
    .categories-block {
        max-width: 100%;
        padding: 56px 48px;
    }
    .categories-caption {
        min-height: unset;
    }
    .banner-back .banner-image{width: 100%; background-size: cover;}
    .services.homepage::before{display:none;}
    .banner-section.taxi-app .tab-row-holding {
        max-width: 100%;
        overflow-x: auto;
        border-bottom: 1px solid #e0e0e0;
        padding: 0 0;
        box-sizing: content-box;
    }
    .banner-section.taxi-app ul.tab-row {
        display: block;
        max-width: unset;
        white-space: nowrap;
        padding: 0 15px 0 15px;
    }
    ul.tab-row li.tab.mob {
        display: block;
        visibility: hidden;
    }
    .banner-section.taxi-app ul.tab-row li {
        margin: 0 15px;
        width: auto;
        min-width: unset;
        display: inline-flex;
    }
    .banner-section.taxi-app ul.tab-row li a {
        white-space: nowrap;
        display: flex;
    }
    .banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {
        flex-wrap: nowrap;
        padding: 0;
        position: relative;
        box-shadow: none;
        max-width: 100%;
    }
    .banner-section.taxi-app .tab-row-holding.sticky {
        background-color: #fff;
        width: 100%;
    }
    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {
        margin-top: 70px;
        min-height: initial;
    }
    /***************************trip calculate section responsive*************************************/
    .safety-section.taxi-variant .safety-section-right {
        width: 50%;
    }
    .safety-section.taxi-variant .safety-section-left {
        width: 50%;
    }
    /********************************/
    .app_image .image_first {
        position: absolute;
        left: 0;
        top: 80px;
    }
    .slider_btn {
        padding: 15px;
    }
    /***********************************/
    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 60px;
    }
    .call-section.taxi-variant h3 {
        font-size: 40px;
    }
    /***************************************/
    .solution-image {
        height: 37vw;
    }
    .solutions-row.reverse {
        margin-top: -10vw;
    }
    .solutions-left {
        padding: 47px 50px 146px 0;
    }
    .solutions-row.reverse .solutions-left {
        padding: 116px 0 67px 50px;
    }
    /*****************************************/
    .features-right {
        padding: 74px 36px 0 170px;
    }
    .features ul li {
        width: 47%;
    }
    /************************/
    .profiletype-left {
        text-align: unset;
    }
    .profiletype-left p {
        max-width: 55%;
    }
    /**********************************/
    .inv-rating {
        margin-left: 70px;
    }
    table.dataTable.custom-table tbody td .vehicle_name {
        width: 60vw;
    }


}
@media screen and (min-width:1280px) {
    .services.homepage {
        margin: 0px 0;
        padding: 0px 0 50px;
    }
    .categories-block{
        padding: 60px 0px 0px 0px;
    }

}
@media screen and (max-width:1119px) {
.banner-image-first.first-overlay::before{ height: 100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px;
    -o-border-radius: 0px; }
    .home-sec-pg-banner .banner-both-img{
        position: relative;
    width: 100%;
    }
    .home-sec-pg-banner-backimg{top: 0px;
        bottom: auto;
        left: 50%;
        top: 50px;
    }
    .banner-img-sec{left: 0px;}
    /* .banner-img-sec {
        position: absolute;
        bottom: auto;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    } */

    .how-it-works-section.homepage-variant .how-it-works-section-inner{
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .categories-caption {
        min-height: unset;
    }
    /**************************************/
    ul.tab-row li {
        margin: 0 30px;
    }
    ul.tab-row {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .banner-back {
        position: relative;
        height: 43vw;
    }
    .banner-section-inner {
        min-height: unset;
        padding: 0;
        width: 100%;
    }
    .home-sec-pg-banner .categories-block {
        max-width: calc(100% - 40px);
        max-width: -o-calc(100% - 40px);
        max-width: -moz-calc(100% - 40px);
        max-width: -webkit-calc(100% - 40px);
        margin: -40px auto 0 auto;
    }
    .banner-section {
        display: flex;
        flex-direction: column-reverse;
        top: 0;
    }
    .banner-section.taxi-app {
        display: flex;
        flex-direction: column;
    }
    .tab-row-holding {
        max-width: 1119px;
        overflow-x: auto;
        border-bottom: 1px solid #e0e0e0;
    }
    .banner-section.taxi-app .banner-section-inner {
        min-height: unset;
        padding: 0;
    }
    .banner-section.taxi-app .categories-block {
        padding: 30px;
    }
    /***************about page  stylesheet***********************/
    .article-image-inner {
        width: 520px;
        height: 589px;
    }
    .artical-right {
        width: calc(100% - 665px);
        width: -o-calc(100% - 665px);
        width: -ms-calc(100% - 665px);
        width: -moz-calc(100% - 665px);
        width: -webkit-calc(100% - 595px);
    }
    article.inverse .article-image:after {
        padding-right: 178px;
        border-top: 653px solid #fff;
    }
    /*************************************/
    .profile-column {
        width: 50%;
        margin-bottom: 20px;
        min-width: unset;
    }
    .general-form.profile_edit {
        margin-top: 0;
    }
    /******************************************/
    .ordernow-caption strong {
        font-size: 28px;
    }
    .ordernow-caption h4, .ordernow-caption h4 a {
        font-size: 42px;
    }

    table.dataTable.custom-table tbody td .vehicle_name {
        width: 50vw;
    }
    /********************************************/
    .inv-data {width: 280px;}
    .invoice-data-holder.track-order .inv-destination-data {
        width: -webkit-calc(100% - 375px);
    }
    /*********************************/
    .step-sec ul li {
        padding: 0 15px;
    }
    .step-sec ul {
        width: calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -webkit-calc(100% + 30px);
    }
    .step-sec ul li strong {
        line-height: normal;
    }
    /**************************************/
    .services.homepage ul.services-listing li {
        width: 25%;
        margin-bottom: 30px;
    }
    .services.homepage ul.services-listing li img.sap-shape {
        display: none;
    }
    /**************************************/
    .signup-block a {
        font-size: 30px;
    }
}
@media screen and (max-width:1024px) {
    ul.user-menu{
        overflow-y: scroll;
    }
    ul.user-menu li a img{
        display: none;
    }
    .intro-new-one{
        overflow: hidden;
    }
    .how-it-works-section.homepage-variant .how-it-works-section-inner{
        flex-wrap: wrap;

    }
    .login-tab-switch {
        display: block!important;
        margin: 0 auto;
        overflow: hidden;
    }
    .login-tabholder {
        overflow-x: auto;
        display: block;
        margin: 0 15px;
        overflow: hidden;
        text-align: center;
        width: calc(100% - 30px);
        -webkit-width: calc(100% - 30px);
        -o-width: calc(100% - 30px);
        -moz-width: calc(100% - 30px);
        -ms-width: calc(100% - 30px);
    }

    .banner-section.taxi-app .tab-row-holding {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
    }
    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {
        margin-top: 70px;
    }

    ul.tab-row li {
        width: 98px;
    }
    .safety-section h3 {margin-bottom: 20px;}
    .safety-section.homestyle {
        padding: 40px 0 0 0;
    }
    /**************************************/
    .how-it-works-left {
        padding-right: 50px;
    }
    .how-it-works-right {
        width: 100%;
        justify-content: center;
    }
    .how-it-works-left {
        width: 100%;
        padding-right: 0;
    }
    .how-it-works-section-inner {
        flex-wrap: wrap;
    }
    .how-it-works-right img {
        margin-top: 0;
        max-width: 300px;
    }
    /***************************************/
    .safety-section-left,
    .safety-section.reversafetysec .safety-section-inner .safety-section-left,
    .call-section.reversafetysec .callSectionLeftRide,
    .call-section.reversafetysec .callSectionRide {
        width: 100%;
    }
    .call-section.reversafetysec .callSectionLeftRide {
        padding: 0;
    }
    .safety-section-right,
    .safety-section-inner .sagetyRideRight,
    .safety-section.reversafetysec .safety-section-inner .safety-section-right {
        width: 100%;
        padding: 30px 0 0 0;
    }
    .page-section.reversafetysec .safety-section-inner .safetyImgHoldRide {
        width: 100%;
    }
    .safety-section-left img {
        max-width: 100%;
        width: 100%;
    }
    /***************************************/

    .call-section.taxi-variant.call-section-inner {
        flex-wrap: wrap;
    }
    .call-section.taxi-variant h3 {
        margin-top: 0;
    }
    .call-section.taxi-variant {
        padding: 40px 0 40px 0;
    }
    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 50px;
    }
    .call-section.taxi-variant h3 {
        font-size: 38px;
    }
    .call-section.reversafetysec .call-section-inner {
        flex-direction: column-reverse;
    }
    .call-section.reversafetysec .callSectionLeftRide {
        margin-top: 30px;
    }
    .safety-section.taxi-variant .safety-section-right form.gen-from {
        padding-right: 0;
    }
    /**************************************/
    .get_app_content .slider_btn {
        font-size: 20px;
        margin-right: 15px;
    }
    .get_app_area-left {
        width: 48.333333%;
    }
    .get_app_area-right {
        width: 49.666667%;
    }
    .get_app_content .slider_btn.app_btn_two {
        margin: 0 8px 0 0;
    }
    /*************************/
    .favdest {
        background-attachment: unset;
        background-size: cover;
        background-position: center;
    }
    /*****************************/
    .solutions-left {
        padding: 47px 50px 96px 0;
    }
    /*********************************/
    .features-right {
        padding: 74px 0px 0 170px;
    }
    .features ul li strong {
        line-height: 24px;
    }
    .charters ul li {
        width: calc(50% - 36px);
        width: -o-calc(50% - 36px);
        width: -ms-calc(50% - 36px);
        width: -moz-calc(50% - 36px);
        width: -webkit-calc(50% - 36px);
    }
    /**************************************/
    .features.corporate ul li {
        margin: 0 15px 58px 15px;
        width: calc(50% - 64px);
        width: -o-calc(50% - 64px);
        width: -ms-calc(50% - 64px);
        width: -moz-calc(50% - 64px);
        width: -webkit-calc(50% - 30px);
    }
    .features.corporate ul {
        margin: 30px -15px 0 -15px;
    }
    /***********************/
    .profile-title {
        width: 427px;
        height: 230px;
    }
    .discount-block button {
        bottom: 2px;
    }
    /****************************/
    .profile-earning ul li,.profile-earning ul.doc-upload-listing li {
        width: 50%;
        margin-bottom: 20px;
    }
    .inv-destination-data ul li {
        width: 100%;
    }
    .profile-earning .inv-data ul li {
        margin-bottom: 0;
    }
    /***********************************/
    .benefits.food-variant ul li i {
        width: 100px;
    }
    .benefits.food-variant ul li {
        padding: 0 0 35px 118px;
    }
    /**************************************/
    .track-order-data ul li {
        width: 100%;
    }
    /*******************************************/
    .how-it-works-section.homepage-variant .how-it-works-left {
        width: 100%;
    }
    .how-it-works-section.homepage-variant .how-it-works-right {
        width: 100%;
    }
    .how-it-works-section.homepage-variant .how-it-works-right img {
        width: 100%;
        margin: 0 -29px 0 0;
        max-width: 100%;
    }
    #how-it-works.homepage-variant {
        padding: 45px 0 50px 0;
    }
    .how-it-works-section.homepage-variant h3 {
        margin-bottom: 40px;
    }
    [dir="rtl"] .how-it-works-section.homepage-variant .how-it-works-left {
        padding:0;
    }
    /*******************************************/
    .download-section.homepage .download-caption {
        width: 65%;
    }
    /*******************************************/
}
@media screen and (max-width:991px) {
    .signup-block{
        width: 49%;
    }
    .app-screens-block{
        width: 100%;
    }

    /*****************horizontal title responsive***********************/
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3 {
        width: auto;
        padding: 0 0 0 0;
        margin-bottom: 20px;
    }
    .benefits .horizonatal-title,
    .howitworks .horizonatal-title,
    .delivery .horizonatal-title {
        flex-direction: column;
        align-items: center;
    }
    .benefits .horizonatal-title h3:after,
    .howitworks .horizonatal-title h3:after,
    .delivery .horizonatal-title h3:after {
        width: 63px;
        height: 4px;
        bottom: 0;
        top: auto;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .benefits .horizonatal-title strong,
    .howitworks .horizonatal-title strong,
    .delivery .horizonatal-title strong {
        width: auto;
        text-align: center;
    }
    /***************************************/
    .how-it-works-section h3,
    .categories-caption h2,
    .safety-section h3,
    .download-section h3,
    .call-section h3,
    .benefits h3,
    .article-right h4,
    .call-section h3,
    .get_app_content .section_title h2,
    .call-section.taxi-variant h3,
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3,
    .fleet h3,
    .charters h3,
    .destination h3,
    .features h3,
    .solutions h3,
    .favdest h3,
    .profile-title h4,
    .article-section h3 {
        font-size: 35px;
        line-height: normal;
    }
    /*******************************************/
    .services ul li {
        width: 50%;
    }
    /*******************************************/
    .categories-caption h2 span {
        margin-top: 0;
    }
    /*******************************************/
    .header-left .logo {
        margin: 0;
        padding: 10px 0 8px 10px;
    }
    .header-left ul li {
        margin-right: 10px;
    }
    /******************************/
    .signup-block a {
        font-size: 25px;
    }
    .signup-block a img {
        margin-left: 20px;
        width: 24px;
    }
    /***************************************/
    .safety-section h3 {
        margin-bottom: 25px;
    }

    /**************************************
                login page css
    **************************************/
    .login-block-heading {
        flex-direction: column;
        padding: 20px 0 20px 0;
    }
    ul.tab-switch {
        justify-content: center;
    }
    .tabholder {
        height: auto;
        padding: 0;
        background-color: transparent;
    }
    .login-block-heading label {
        display: block;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
        font-size: 32px;
    }
    .login-block-heading.forget_label label {
        margin-bottom: 0px;
        padding: 25px 0;
    }
    .login-left {
        width: 100%;
    }
    .login-right {
        width: 100%;
    }
    .login-data-inner {
        padding: 0 30px;
    }
    .login-caption {
        padding: 0 30px;
        margin-bottom: 40px;
    }
    .login-right h1 {
        font-size: 32px;
    }
    .login-caption strong {
        font-size: 25px;
    }
    .login-block-footer {
        margin-top: 30px;
    }
    .login-left img {
        display: none;
        margin: 0 auto;
        max-width: 95%;

    }
    /**********about page stylesheet***********/
    .article-inner,article.inverse .article-inner {
        flex-direction: column;
        align-items: center;
    }
    .artical-left {
        display: inline-block;
        width: auto;
    }
    .artical-right {
        width: auto;
    }
    .heading-area h1 {
        font-size: 40px;
    }
    .about-caption h3 {
        font-size: 26px;
    }
    .artical-right h4 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .heading-area-inner {
        height: 126px;
    }
    /****************************************/
    .contact-inner {
        flex-direction: column;
    }
    .contact-left {
        width: auto;
    }
    .contact-right {
        max-width: 100%;
        margin: 30px 0 0 0;
    }
    /*********************how it works section responsive**********************/
    .how-it-works-section.taxi-variant .how-it-works-left {
        max-width: 100%;
    }
    .how-it-works-section.taxi-variant .how-it-works-right {
        width: 100%;
    }
    .how-it-works-section.taxi-variant .how-it-works-right img {
        margin: 0 0 30px 0;
        max-width: 100%;
    }
    /***************************trip calculate section responsive*************************************/
    .safety-section.taxi-variant .safety-section-right {
        width: 100%;
        padding: 30px;
    }
    .safety-section.taxi-variant .safety-section-left {
        width: 100%;
    }
    .safety-section.taxi-variant .safty-image-hold {
        width: 100%;
        height: 44vw;
    }
    .safety-section.homestyle {
        padding: 40px 0;
    }
    /***************** car type section responsive ******************/
    .cartype ul li {
        width: 50%;
        margin-bottom: 50px;
    }
    .cartype {
        padding: 34px 0 0px 0;
    }
    /***************** benefits section responsive ************************/
    .benefits-middle,
    .benefits-middle.data-middle {
        display: none;
    }
    .benefits-row {
        justify-content: space-between;
    }
    .benefits-left {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }
    .benefits-right {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }
    /*************get app section*********************/
    .get_app_area-left, .get_app_area-right {
        width: 100%;
    }
    .app_image .image_first,.app_image .image_two {
        position: relative;
        margin: 0 15px;
        top: 0;
    }
    .app_image .image_first {
        margin-top: 50px;
    }
    .get_app_area-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 50px 0 0px 0;
    }
    .app_image .image_two img {
        animation: none;
    }
    .app_image .image_first img {
        animation: none;
    }
    .get_app_content {
        width: auto;
        max-width: 100%;
    }
    /***************article section responsive********************/
    .article-right h4 {
        margin-bottom: 20px;
    }
    .article-left,
    .article-row.invert .article-left {
        width: calc(100% - 60px);
        margin: 0 auto -30px auto;
    }
    .article-right,
    .article-row.invert .article-right {
        min-height: unset;
        width: 100%;
        padding: 70px 30px 30px 30px;
    }
    .article-mage {
        height: 48vw;
    }
    /**************** call section responsive ***********************/
    .call-section b {
        font-size: 55px;
    }
    /**************************************/
    .call-section p {
        font-size: 19px;
    }
    .safety-section.taxi-variant p {
        font-size: 16px;
    }
    .call-section p {
        margin-bottom: 30px;
    }
    .call-section-left,
    .call-section.taxi-variant .call-section-left {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
        padding: 0;
    }
    .call-section h3 {
        max-width: unset;
    }
    .call-section.taxi-variant:before {
        display: none;
    }
    .call-section.taxi-variant .call-section-image {height: 70vw;}
    .delivery-use {
        padding-top: 50px;
    }
    .gotop {
        right: 15px;
    }
    .gotop.active {
        bottom: 10px;
    }
    .call-section-right {
        max-width: 100%;
        width: 100%;
        margin-top: 30px;
    }
    .call-section.taxi-variant .call-section-right {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }
    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 33.33%;
        margin-bottom: 50px;
    }
    .fleet {
        padding-bottom: 20px;
    }
    /*************** howitworks section responsive ***************/
    .howitworks ul li {
        max-width: unset;
        margin-bottom: 50px;
    }
    .howitworks ul {
        flex-direction: column;
        margin-top: 30px;
    }
    .howitworks ul li i:before {
        display: none;
    }
    .howitworks ul li i:after {
        display: none;
    }
    .howitworks ul:before {
        display: none;
    }
    .howitworks ul li strong,
    .howitworks ul li:nth-child(even) strong {
        margin: 25px 0 15px 0;
        white-space: normal;
    }
    .howitworks ul li:nth-child(even) {
        flex-direction: column;
    }
    .howitworks ul li p {
        margin-bottom: 0;
        height: auto;
    }
    .howitworks ul li:last-child, .howitworks ul li:nth-child(even) .works-caption {
        margin-bottom: 0;
    }
    .delivery-row {
        flex-direction: column;
        margin-bottom: 50px;
    }
    .delivery-right {
        width: 100%;
    }
    .delivery-left {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .delivery-row:after,
    .delivery-row.invert::after {
        right: 0;
        left: 0;
        top: 25%;
        bottom: 0;
        height: auto;
    }
    .delivery-block-caption,
    .delivery-row.invert .delivery-block-caption {
        padding: 30px 30px 30px 30px;
        min-height: unset;
        text-align: center;
    }
    .delivery-left button,
    .delivery-row.invert .delivery-left button {
        left: 50%;
        margin: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .delivery-left .delivery-image-block {
        height: 60vw;
    }
    .delivery-left button {
        display: none;
    }
    .delivery-block-caption h4 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .delivery-block-caption p:last-child {
        margin-bottom: 0;
    }
    /****************************************/
    .solutions-left {
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }
    .solutions-right {
        width: 100%;
        padding: 0;
    }
    .solutions-row.reverse .solutions-left {
        padding: 0;
    }
    .solutions-row.reverse {
        margin: 0;
    }
    .solutions-row {
        margin: 0 0 50px 0;
    }
    .solutions-left h4 {
        font-size: 30px;
    }
    .solutions-left p {
        font-size: 18px;
        line-height: 30px;
    }
    .solution-image {
        height: 67vw;
    }
    /**********************************/
    .features {
        padding: 50px 0 0px 0;
        overflow: hidden;
    }
    .features-left {
        width: calc(100% - 60px);
        margin: 0 auto -50px auto;
    }
    .features-right {
        padding: 110px 30px 0 30px;
        width: auto;
    }
    .features ul {
        width: 100%;
    }
    .features-main-image {
        height: 130vw;
    }
    /***********************************/
    .destination ul li {
        width: calc(50% - 30px);
        width: -o-calc(50% - 30px);
        width: -ms-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        padding: 0 15px;
    }
    .destination ul {
        justify-content: flex-start;
        width: auto;
    }
    /***********************************/
    .charters ul li {
        width: calc(50% - 30px);
        width: -o-calc(50% - 30px);
        width: -ms-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        padding: 0 15px;
    }
    .destination ul,
    .charters ul {
        justify-content: flex-start;
        width: auto;
    }
    /****************************************
    ========== corporate page css ========
    ******************************************/
    .benefits ul.listing-style li {
        width: 50%;
        border-style:none;
    }
    /****************************/
    .features.corporate .features-left {
        width: 100%;
        margin: 0;
    }
    .features.corporate#how-it-works {
        padding: 60px 0 0px 0;
    }
    .features.corporate .features-main-image {
        height: 120vw;
    }
    .features.corporate .features-right {
        width: 100%;
        padding: 35px 0 0 0;
    }




    /************************************************/
    .profiletype-inner {
        flex-direction: column;
        min-height: unset;
    }
    .profiletype-image {
        position: relative;
        width: 100%;
        height: 60vw;
    }
    .profiletype {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0;
    }
    .profiletype-left {
        width: 100%;
    }
    .profile-title {
        margin: 0 auto 30px auto;
        height: auto;
        padding: 20px 40px;
        width: calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        box-sizing: border-box;
    }
    .profiletype-image {
        align-items: flex-end;
    }
    .profile-title h4 {
        padding: 0;
    }
    .profiletype-left p {
        width: 100%;
        padding: 15px 0;
    }
    .profiletype.reverse .profile-title {
        margin: 0 auto 30px auto;
        width: auto;
        width: calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }
    .profiletype.reverse .profiletype-left {
        direction: unset;
    }
    .profiletype-left p {
        width: 100%;
    }
    section.profiletype.reverse {
        margin-top: 50px;
    }
    /************************/
    .profiletype-left {
        text-align: center;
    }
    .profiletype-left p {
        max-width: 100%;
    }
    /*****************************************/
    .left-block {
        width: 100%;
    }
    .left-right {
        width: 100%;
        margin-top: 20px;
    }
    /*********************************************/
    .how-it-works-section.food-variant .how-it-works-left {
        max-width: 100%;
        width: 100%;
    }
    .how-it-works-section.food-variant .how-it-works-right {
        justify-content:center;
    }
    .how-it-works-section.food-variant ul li {
        max-width: 100%;
    }
    /********************************************/
    .fleet.food-variant ul li {
        width: 50%;
        margin-bottom: 50px;
    }
    .ordernow-left {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .ordernow-right {
        width: 100%;
        text-align: center;
    }
    /********************************/
    .benefits.food-variant ul li {
        width: 100%;
        min-height: initial;
    }
    .benefits.food-variant {
        padding: 50px 0 10px 0;
    }
    .benefits.food-variant ul li:nth-last-child(-n+2) {
        border-bottom: 1px solid #e9e9e9;
    }
    .benefits.food-variant ul li:last-child {
        border-bottom: none;
    }
    /*********************************/
    .restaurant ul {
        margin: 0 -15px;
        width: auto;
    }
    .restaurant ul li {
        width: 50%;
        padding: 0 15px;
    }
    .restaurant ul li:nth-child(even) {
        flex-direction: column;
    }
    .restaurant ul li .rest-caption:last-child {
        min-height: initial;
        padding: 30px 0 50px 0;
    }
    .rest-caption strong {
        margin-bottom: 5px;
    }
    .rest-caption strong {
        font-size: 22px;
    }

    table.dataTable.custom-table tbody td .vehicle_name {
        width: 30vw;
    }
    /***********************************/
    .step-sec ul li {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    .step-sec {
        padding: 39px 0 0px 0;
    }
    /*************************************/
    .dark-variant.benefits ul.listing-style li {
        width: calc(50% - 38px);
        box-sizing: border-box;
        margin-bottom: 75px;
    }
    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+4) {
        margin-bottom: 75px;
    }
    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }
    .dark-variant.benefits ul.listing-style {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .step-sec {
        margin-top: 0;
    }
    /*****************************************/
    .profile-earning ul.setings-list li {
        width: 50%;
    }
    .profile-earning ul.setings-list.has-four-column li {
        width: 33.33%;
    }
    /*****************************************/
    .gen-cms-page .faq-top-part ul li {
        width: calc(25% - 20px);
        width: -o-calc(25% - 20px);
        width: -ms-calc(25% - 20px);
        width: -moz-calc(25% - 20px);
        width: -webkit-calc(25% - 20px);
    }
    .faq-bottom-part ul li {
        padding: 10px 0 10px 0;
    }
    /***************************************/
    .download-section.homepage .download-caption {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .screens-row {
        margin: 30px 0 0 0;
        pointer-events: initial;
    }
    .download-links {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .app-screens-block {
        width: 100%;
    }
    .app-screen-col {
        width: 33.33%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .app-screen-col img {
        max-width: 100%;
    }
    .download-section p {
        max-width: 100%;
    }
    /***************************************/
    .services.homepage ul li {
        width: 50%;
    }
    .services.homepage .services-images {
        min-height: 200px;
    }
    /***************************************/
    .article-section-left, .article-section-right {
        width: 100%;
    }
    .article-section-left,.article-section.reverse .article-section-left {
        margin-bottom: 30px;
        text-align: center;
    }
    .article-section-left img,
    [dir="rtl"] .article-section-left img {
        margin: 0;
        max-width: 100%;
    }
    .article-section.reverse .article-section-left img,
    [dir="rtl"] .article-section.reverse .article-section-left img {
        right: 0;
        max-width: 100%;
    }
    .article-section h3 {
        margin-bottom: 20px;
    }
    /***************************************/
}

@media screen and (min-width:768px) {
    .app-screens-block{
        width: 100%;
    }
    .signup-block{
        width: 46%;
    }
    .intro-new-one{
        overflow: hidden;
    }
    ul.user-menu li.for_mob {
        display: none;
    }
    .profile-column{
        padding-right: 0px;
    }
}
@media screen and (max-width:767px) {
    .services.homepage{
        margin: 0px;
        padding: 30px 0 0;
    }
    .signup-block{
        width: 49%;
    }
    .intro-new-one{
        overflow: hidden;
    }
    .custom-modal-main{
        align-items: flex-start;
        overflow-y: auto;
    }
    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {
        margin-top: 53px;
    }
    /****************************/
    .how-it-works-section h3, .categories-caption h2, .safety-section h3, .download-section h3, .call-section h3,.step-sec .step-sec-inner > h3 {
        font-size: 28px;
        line-height: normal;
    }
    .safety-section h3 {
        margin-bottom: 20px;
    }
    .how-it-works-section.taxi-variant .how-it-works-left li strong {
        font-size: 18px;
    }
    .how-it-works-section.taxi-variant ul li .proc_ico {
        width: 38px;
    }
    .how-it-works-section.taxi-variant ul li {
        padding-left: 60px;
    }
    .how-it-works-section.taxi-variant .how-it-works-left strong {
        font-size: 16px;
    }
    .how-it-works-section ul li span {
        font-size: 14px;
    }
    /****************************/
    .menu-icoholder {
        display: flex;
    }
    header ul li a img.cart {
        display: block;
        width: 20px;
    }
    header ul li a {
        font-size: 14px;
        height: 50px;
    }
    ul.navmenu-links {
        width: 100%;
        background-color: #fff;
        left: 0;
        top: 100px;
        overflow-y: auto;
        z-index: 1;
        flex-direction: column;
        align-items: flex-start;
        opacity:0;
        pointer-events: none;
        margin-top: 0;
        top: auto;
        position: absolute;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    }
    .dashboard ul.navmenu-links,
    ul.user-menu ul.navmenu-links.active {
        display: none !important;
    }
    ul.navmenu-links.active {
        top: 53px;
        opacity: 1;
        pointer-events: unset;
        display: none;
    }
    ul.navmenu-links li {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        border-bottom: 1px solid #e0e0e0;
    }
    ul.navmenu-links li a {
        color: #666;
        height: auto;
        margin: 0;
        padding: 20px 15px;
        font-size: 16px;
        display: block;
        text-decoration: none;
        outline: none;
    }
    /**************************************/
    ul.tab-row li {
        margin: 0 25px;
        min-width: unset;
        width: 98px;
    }
    ul.tab-row li img {
        max-height: 20px;
        margin-bottom: 9px;
    }
    ul.tab-row.homepage li img {
        margin-bottom: 19px;
    }
    /**************************************/
    .categories-block {
        padding: 90px 24px 0px 24px;
    }
    .categories-block{
        margin-bottom:30px;
    }
    .categories-caption h2 {
        margin-bottom: 20px;
    }
    .home-sec-pg-banner .categories-caption h2 {
        font-size: 36px;
    }
    /**************************************/
    .download-section {
        background-size: cover;
        padding: 32px 0 40px 0;
    }
    .download-links a {
        margin-bottom: 15px;

    }
    .download-section strong {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .download-section p strong {
        font-size: 18px;
    }
    /* .download-section p {
        font-size: 16px;
    } */
    .download-section h3 {
        margin-bottom: 0;
    }

    /**************************************/
    .signup-block {
        width: 100%;
        justify-content: center;
        min-height: 90px;
    }
    .signup-row-inner {
        flex-wrap: wrap;
    }
    .signup-block.rider {
        justify-content: center;
    }
    .signup-block.driver:after {
        left: 0;
        height: 1px;
        width: 100%;
        top: auto;
        bottom: 0;
    }
    .signup-block a {
        font-size: 25px;
        width: 100%;
        justify-content: space-between;
    }
    /**************************************/
    .safety-section-right {
        padding: 15px;
        text-align: center;
    }
    /**************************************/
    .footer-column {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-top {
        padding-bottom: 0;
    }
    .footer-bottom .footer-inner ul.quicklinks {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .footer-bottom .footer-inner span {
        text-align: center;
    }
    .footer-bottom .footer-inner {
        justify-content: center;
    }
    ul.social-media-list {
        border: none;
        margin-top: 0;
    }
    .footer-bottom ul.quicklinks li:nth-child(2) {
        margin: 0 20px;
    }
    /**************************************
                login page css
    **************************************/
    .login-data-inner {
        padding: 0 20px 20px 20px;
    }
    .login-right.full-width.full-width .login-data-inner {
        padding: 0 20px;
    }
    .login-caption {
        padding: 0 20px;
    }
    .login-block-footer.for-registration .login-caption {
        padding: 20px;
        margin-bottom: 0;
    }
    ul.tab-switch {
        display: block;
        margin: 0 auto;
        overflow: hidden;
    }
    .slick-track {
        display: block;
    }
    ul.tab-switch li a {
        display: block;
        line-height: 38px;
        text-align: center;
        outline: none;
    }
    ul.tab-switch li {
        display: inline-block;
    }
    .tabholder {
        overflow-x: auto;
        display: block;
        margin: 0 15px;
        overflow: hidden;
        text-align: center;
        width: calc(100% - 30px);
        -webkit-width: calc(100% - 30px);
        -o-width: calc(100% - 30px);
        -moz-width: calc(100% - 30px);
        -ms-width: calc(100% - 30px);
    }
    .login-block {
        border:none;
    }
    ul.tab-switch button {
        border: none;
        background-color: #000;
        border-radius: 4px;
        font-size: 0;
        width: 40px;
        height: 40px;
        outline: none;
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
    }
    ul.tab-switch button.slick-prev {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../../../img/apptype/RideCXv2/left-arrow.svg);
    }
    ul.tab-switch button.slick-next {
        right: 0;
        left: auto;
        position: absolute;
        top: 0;
        background-image: url(../../../img/apptype/RideCXv2/right-arrow_.svg);
    }
    ul.tab-switch li {
        display: block;
    }
    .login-right h1 {
        font-size: 28px;
        margin-bottom: 22px;
    }
    .form-err p {
        padding: 7px 25px 7px 10px;
        line-height: 22px;
    }
    /************resgiter page cust css*******************/
    .login-right.full-width form .form-group.onethird {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
    }
    .login-right.full-width form .form-group.half,
    .contact-section form .form-group.half,
    .general-form .form-group.half {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
    }
    .general-form .half-column {
        width: calc(50% - 16px);
        width: -o-calc(50% - 16px);
        width: -ms-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: -webkit-calc(50% - 16px);
    }
    .general-form .form-group.onethird {
        width: calc(33.33% - 16px);
        width: -o-calc(33.33% - 16px);
        width: -ms-calc(33.33% - 16px);
        width: -moz-calc(33.33% - 16px);
        width: -webkit-calc(33.33% - 16px);
    }
    .login-block-footer.for-registration .login-caption ul li{
        width: calc(100% - 50px);
        width: -o-calc(100% - 50px);
        width: -ms-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
    }
    /**********************************/
    .artical-links-row a {
        margin-right: 35px;
    }
    article.blog-article {
        padding: 50px 0 30px 0;
    }
    /************************************
    ========taxi app page css =======
    ************************************/
    .services strong,
    .benefits .benefits-inner > strong,
    .cartype .cartype-inner > strong, .cartype .cartype-inner > p > strong,
    .benefits .benefits-inner > strong,
    .fleet .fleet-inner > strong,
    .delivery .horizonatal-title strong {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }
    .services h3,
    .benefits h3,
    .cartype h3,
    .benefits h3,
    .article-right h4,
    .call-section h3,
    .get_app_content .section_title h2,
    .benefits .horizonatal-title h3,
    .howitworks .horizonatal-title h3,
    .delivery .horizonatal-title h3,
    .fleet h3,
    .charters h3,
    .destination h3,
    .features h3,
    .solutions h3,
    .favdest h3,
    .profile-title h4,
    .thanks-holder h2,
    .restaurant h3,
    .step-sec .step-sec-inner > h3,
    .article-section h3 {
        font-size: 32px;
    }
    /**************benefits dsection responsive***********************/
    .benefits-left {
        width: 100%;
    }
    .benefits-right {
        width: 100%;
    }
    .benefits-left ul li,
    .benefits-right ul li {
        padding: 4px 0 0 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .benefits ul li i,
    .benefits .benefits-right ul li i {
        position: relative;
        display: inline-flex;
        margin-bottom: 25px;
    }
    .benefits.corporate ul li i {
        margin-bottom: 0px;
    }
    /**************** call section responsive ***********************/
    .call-section b {
        font-size: 38px;
    }
    /*************** fare section responsive ****************************/
    .safety-section.taxi-variant .safety-section-right {
        padding: 15px;
    }
    .safety-section.taxi-variant .safty-image-hold {
        width: 100%;
        height: 74vw;
    }
    /**************get app section responsive****************************/
    .get_app_content .slider_btn {
        font-size: 18px;
        padding: 10px 18px;
        margin-bottom: 20px;
        min-width: 204px;
    }
    .get_app_content .slider_btn img {
        width: 25px;
    }
    .get_app_content .slider_btn.app_btn_two {
        margin-left: 10px;
    }
    /*************************************/
    .article-right p {
        color: #404040;
        font-size: 19px;
        line-height: 30px;
    }
    .get_app_content ul li {
        width: 100%;
        display: block;
    }
    /*******************************************/
    .services ul li .service-block {
        padding: 20px 15px;
    }
    /**********************************/
    .delivery-block-caption,
    .delivery-row.invert .delivery-block-caption {
        padding: 30px 15px 15px 15px;
        min-height: unset;
    }
    /***************************/
    .solutions-left h4 {
        font-size: 25px;
    }
    /***************************************/
    .destination ul li {
        width: 100%;
        padding: 0;
    }
    .destination-caption strong {
        font-size: 19px;
    }
    .destination-caption span {
        font-size: 15px;
    }
    /***************************************/
    .charters ul li {
        width: 100%;
        padding: 0;
    }
    .charters-caption strong {
        font-size: 19px;
    }
    .charters-caption span {
        font-size: 15px;
    }
    .profiletype-left p {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
    }
    .profile-title {
        padding: 20px;
    }
    /*****************************************/
    #booking-map {
        position: fixed;
        height: 350px;
        top: 0;
        width: 100%;
    }
    .booking-request {
        padding: 0;
    }
    .booking-block {
        width: 100%;
    }
    .booking-request-inner {
        padding: 0;
        margin-top: 0;
        width: 100%;
    }

    /*****************************/
    .invoice-data-holder {
        flex-direction: column;
    }
    .inv-rating {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    ul.overview-detail li {
        width: 50%;
    }
    ul.overview-detail li .overview-data {
        border-width: 0 1px 1px 0;
    }
    ul.overview-detail {
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #d7d7d7;
    }
    /**************************************/
    .how-it-works-section.food-variant ul li .proc_ico {
        width: 70px;
    }
    .how-it-works-section.taxi-variant ul li {
        padding: 0 0 0 95px;
    }
    .how-it-works-section.food-variant ul li .proc_ico {
        padding: 5px;
    }
    .how-it-works-section.taxi-variant .how-it-works-left li strong {
        padding-top: 0;
    }
    /*************************************/
    .ordernow-caption strong {
        font-size: 25px;
    }
    .ordernow-caption h4,
    .ordernow-caption h4 a {
        font-size: 38px;
        line-height: normal;
        margin-bottom: 20px;
    }
    /***********************************/
    .benefits.food-variant ul li {
        padding: 0 0 35px 0;
        text-align: center;
    }

    /*****************************/
    .restaurant ul li {
        width: 100%;
        padding: 0 15px;
    }
    .rest-caption {
        min-height: 80vw;
    }
    /*****************************/
    .contact-information {
        padding: 25px;
    }
    .contact-inform-block strong {
        font-size: 22px;
    }
    .contact-inform-block b span {
        font-size: 35px;
    }
    .contact-inform-block b .tell-info {
        font-size: 28px;
    }
    /********************************************/
    .invoice-data-holder .inv-destination-data ul {
        padding: 0;
    }
    .inv-data {
        width: calc(100% - 115px);
        width: -o-calc(100% - 115px);
        width: -ms-calc(100% - 115px);
        width: -moz-calc(100% - 115px);
        width: -webkit-calc(100% - 115px);
    }
    .invoice-data-holder.track-order .inv-destination-data {
        width: 100%;
        box-sizing: border-box;
        margin: 30px 0 0 0;
        padding: 0;
        border-style: solid;
        border-color: #eee;
        border-width: 1px 0 0 0;
        padding-top: 30px;
    }
    .invoice-data-holder.track-order {
        padding: 25px 20px 25px 20px;
    }
    .inv-data {
        width: 100%;
    }
    .inv-data.profile-image-blank {
        margin: 0;
    }
    .thanks-holder img {
        width: 150px;
    }
    /***************************************************/
    .invoice-part-bottom [class*="col-sm-"] {
        width: 100%;
        margin-bottom: 20px;
    }
    .invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {
        margin-bottom: 20px;
    }
    .invoice-part-bottom [class*="col-sm-"]:last-child {
        margin-bottom: 0;
    }
    .profile-earning ul.recipient_details li:last-child {
        padding-bottom: 15px;
    }
    /**********************************************/
    .dark-variant.benefits ul.listing-style li {
        width: 100%;
        padding: 0 0 25px 0;
        height: auto !important;
        margin: 0 0 75px 0;
    }
    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2) {
        margin: 0 0 75px 0;
    }
    .dark-variant.benefits ul.listing-style li:last-child {
        margin-bottom:0px;
    }
    .step-sec ul li strong {
        margin: 10px 0;
    }
    .card-block .partation {
        width: 100%;
        margin: 0;
    }
    /***************************************/
    .bootbox.modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
    .bootbox.modal.fade {
        top: -100px;
    }
    .bootbox.modal.fade.in {
        top: 20px;
    }
    /*****************************************/
    .gen-cms-page .faq-top-part ul li {
        width: calc(50% - 20px);
        width: -o-calc(50% - 20px);
        width: -ms-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        margin-bottom: 15px;
    }
    .faq-bottom-part ul li span h3,
    .faq-bottom-part ul li b {
        font-size: 18px;
    }
    /*****************************************/
    .reset-pass-left,
    .reset-pass-right {
        width: 100%;
        padding: 0;
    }

    .reset-pass-right {
        padding: 30px 0 0 0;
    }
    .article-image::after {
        display: none;
    }

    #map-canvas {
        position: relative !important;
        height: calc(100vh - 54px) !important;
        height: -o-calc(100vh - 54px) !important;
        height: -ms-calc(100vh - 54px) !important;
        height: -moz-calc(100vh - 54px) !important;
        height: -webkit-calc(100vh - 54px) !important;
    }
    ul.stepper.linear, .booking-block.userfare ul.stepper.linear {
        height: auto;
    }
    .safety-section p,
    .common-title.havedesc p {
        font-size: 15px;
        line-height: 25px;
    }
    .common-sub-title {
        text-align: center;
    }

}

@media screen and (max-width:630px) {
    .services.homepage{
        padding: 50px 0;
        margin: 0px;
    }
    /*******************************************/
    .services ul li {
        width: 100%;
    }
    .services h3,
    .benefits h3 {
        font-size: 30px;
    }
    /*******************************************/
    .article-image-inner {
        width: 100%;
        height: 100vw;
    }
    .article-image:after {
        content: '';
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-image: url(../../../img/apptype/RideCXv2/right-shape.svg);
        background-repeat: no-repeat;
        background-position: top right -1px;
        background-size: auto 101%;
        border: none;
        padding: 0;
    }
    article.inverse .article-image:after {
        content: '';
        position: absolute;
        right: auto;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-image: url(../../../img/apptype/RideCXv2/left-shape.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto 101%;
        border: none;
        padding: 0;
    }
    .article-image {
        padding: 20px;
    }
    article {
        margin-bottom: 30px;
    }
    .artical-left {
        width: 100%;
    }
    /********************contact page stylesheet***********************/
    .cont-det-block ul li a {
        font-size: 15px;
    }
    .cont-det-block ul li {
        margin-bottom: 15px;
    }
    /***************** car type section responsive ******************/
    .cartype ul li {
        width: 100%;
    }
    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 50%;
        margin-bottom: 30px;
    }
    .fleet {
        padding-bottom: 20px;
    }
    /**************************/
    .features ul li {
        width: 100%;
        margin-bottom: 45px;
    }
    /****************************************
    ========== corporate page css ========
    ******************************************/
    .benefits ul.listing-style li {
        width: 100%;
        border-style:none;
    }
    .features.corporate ul {
        margin: 35px 0 0 0;
    }
    .features.corporate ul li {
        margin: 0 0 40px 0;
        width: 100%;
    }
    /*************************/
    .profiletype.reverse .profile-title,
    .profile-title {
        margin: 0 auto 15px auto;
        width: auto;
        width: calc(100% - 30px);
        width: -o-calc(100% - 30px);
        width: -ms-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }
    /*****************************/
    .profile-column {
        width: 100%;
        padding-right: 0px;
    }
    .profile-block .profile-caption-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .profile-block .profile-caption-header label {
        margin-bottom: 10px;
    }
    /*****************************************/
    .profile-earning ul.setings-list li {
        width: 100%;
    }
    .profile-earning ul.setings-list.has-four-column li {
        width: 50%;
        padding: 0 10px;
    }
    /*****************************************/
    .services.homepage ul li {
        width: 100%;
        padding: 0;
    }
    .services.homepage .services-images {
        min-height: 61vw;
    }
    .services.homepage h3 {
        margin-bottom:0;
    }
    .services.homepage {
        padding-top: 50px;
    }
    /*****************************************/
    .services.homepage ul.services-listing li {
        width: 50%;
    }
    /*****************************************/
    /******************************************/
    .how-it-works-section.homepage-variant ul li img {
        max-width: 40px;
        max-height: 40px;
    }
    .how-it-works-section.homepage-variant ul li {
        padding: 0 0 0 50px;
    }

}

@media screen and (max-width:530px) {
    .services.homepage{
        padding: 0px;
        margin: 0px;
    }
    /************resgiter page cust css*******************/
    .login-right.full-width form .form-group {
        width: 100%;
        padding: 0;
    }
    .login-right.full-width form .form-group.onethird,
    .login-right.full-width form .form-group.half,
    .contact-section form .form-group.half,
    .general-form .form-group.half,
    .general-form .half-column {
        width: 100%;
        padding: 0;
    }
    .get_app_area-right {
        display: none;
    }
    .get_app_content .slider_btn.app_btn_two {
        margin-left: 0;
    }
    /**********************************/
    .profile-block {
        width: 100%;
    }
    .profile-image {
        margin: 0 auto;
    }
    .profile-earning ul li,
    .profile-earning ul.doc-upload-listing li {
        text-align: center;
        width: 100%;
        padding: 0;
    }
    .profile-earning ul {
        margin: 0;
    }
    /********************************/
    .inv-data {
        width: calc(100% - 72px);
        width: -o-calc(100% - 72px);
        width: -ms-calc(100% - 72px);
        width: -moz-calc(100% - 72px);
        width: -webkit-calc(100% - 72px);
    }
    .inv-destination-data ul li {
        text-align: unset;
        padding: 0 0 0 28px;
    }
    ul.overview-detail li {
        width: 100%;
    }
    ul.overview-detail li .overview-data {
        border-width: 0 1px 1px 0;
    }
    ul.overview-detail {
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #d7d7d7;
    }
    /***********************************/
    .fleet.food-variant ul li {
        width: 100%;
    }
    /***************************************/
    .track-order-data ul li {
        text-align: initial;
        padding: 0px 0 0 48px;
    }
    .track-order-data ul {
        margin: 0 0 0 45px;
    }
    .invoice-data-holder.track-order {
        padding: 25px 20px 25px 20px;
    }
    .profile-earning .inv-data ul li span {
        text-align: initial;
    }
    .profile-earning ul.recipient_details li span {
        text-align: initial;
    }
    /**************************************/
    .reset-pass-left .newrow.reset-password-img {
        text-align: center;
    }
    .reset-pass-right .button-block {
        justify-content: center;
    }
    [dir="rtl"] .reset-pass-left {
        padding: 0 0 0 0;
    }

    /******************************************/
    .app-screen-col {
        width: 100%;
    }
    .app-screen-col:last-child {
        display: none;
    }
    /******************************************/
}
@media screen and (max-width:480px) {
    .home-sec-pg-banner .categories-block .btn-hold input[type="submit"] {
        margin: 0 10px 10px 0;
    }
    .signup-block a:hover img{
        right: 13px;
    }
    .services.homepage{
        padding: 0px;
        margin: 0px;
    }
    /**********************/
    .safety-section h3 {
        margin-bottom: 15px;
    }
    /**********************/
    .call-section h3,.call-section.taxi-variant h3 {
        margin-bottom: 15px;
    }
    /**********************/
    .how-it-works-section h3 {
        margin-bottom: 25px;
    }
    /**********************/
    .how-it-works-right img {
        margin-top: 0;
        max-width: 260px;
    }
    .signup-block a {
        font-size: 20px;
    }
    .signup-block a img {
        width: 20px;
    }
    .safety-section p,.call-section p,.categories-caption p,
    .call-section.taxi-variant p {
        line-height: normal;
        font-size: 17px;
    }

    /**************************************
                login page css
    **************************************/
    .soc-login-row {
        flex-direction: column;
        margin-top: 20px;
    }
    .soc-login-row label {
        margin-bottom: 15px;
    }
    .captcha-column span {
        font-size: 12px;
    }
    .captcha-column img {
        width: 80px;
    }
    /*************call section********************/

    .call-section.taxi-variant b,
    .call-section.taxi-variant p b {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .call-section.taxi-variant h3 {
        font-size: 27px;
    }
    /***************** fleet section responsive *********************/
    .fleet ul li {
        width: 100%;
        margin-bottom: 50px;
        padding: 0;
    }
    .fleet {
        padding-bottom: 20px;
    }
    /******************************/
    .booking-heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .booking-heading label {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .booking-heading select {
        min-width: unset;
        width: 100%;
        padding: 0 28px 0 14px;
    }
    /*****************************/
    .inv-data {
        width: 100%;
    }
    .inv-rating {
        margin-left: 0;
    }
    /******************************/
    .profile-earning ul.setings-list.has-four-column li {
        width: 100%;
        padding: 0 10px;
    }
    /**********************************/
    .filters-column.mobile-full {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .filters-column.mobile-half {
        margin: 0 0 20px 0;
        width: calc(50% - 10px);
    }
    .filter-form {
        justify-content: space-between;
    }
    .filter-form input {
        width: 100%;
    }
    .button-block.oppData ul.value-listing {
        width: 100%;
        margin-bottom: 10px;
    }
    /*****************************************/
    .faq-top-part ul {
        width: 100%;
        margin: 0;
    }
    .gen-cms-page .faq-top-part ul li {
        width: 100%;
        margin:0 0 15px 0;
    }
}
@media screen and (min-width:1921px) {
    #wrapper.dashboard {
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    }
    .how-it-works-section.homepage-variant .how-it-works-right img {
        max-width: 890px;
    }
    .banner-section-inner:after {
        content: '';
        clear: both;
        display: block;
    }
    .home-sec-pg-banner .banner-both-img {
        width: 980px;
    }
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .services ul {
        width: calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -webkit-calc(100% + 30px);
    }
}