/****************reset css Start********************/

html {
    -webkit-text-size-adjust: none;
    background-color: #f8f8f8;
}

.parallax-mirror {
    z-index: 1 !important;
}

#main-uber-page {
    min-height: 100%;
    overflow: hidden;
}

#wrapper {
    background-color: #fff;
}

.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%;
    font: inherit;
    vertical-align: baseline;
}

.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;
}

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: flex;
    white-space: nowrap;
    margin: 0;
    left: 8px;
}

.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;
}

.adv-banner {
    position: relative;
    top: -30px;
}

.banner-image-first.first-overlay::before {
    content: "";
    /*background-color:#239707;*/
    width: 100%;
    height: 100%;
    position: absolute;
    /* border-radius: 0 0px 150px 5px;*/
    opacity: 0.3;
}

.adv-banner .banner-section-inner .banner-image-first {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-size: cover;
    background-position: center left -118px;
    width: 100%;
    /*border-radius: 0 0px 150px 5px;    -webkit-border-radius: 0 0px 150px 5px;    -moz-border-radius: 0 0px 150px 5px;    -ms-border-radius: 0 0px 150px 5px;    -o-border-radius: 0 0px 150px 5px;*/
    background-repeat: no-repeat;
}

.adv-banner .adv-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%);
}

.adv-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 {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px 0px 15px;
    min-height: 660px;
}

.banner-section-inner:after {
    content: '';
    clear: both;
    display: block;
}

.adv-banner .banner-both-img {
    width: 50vw;
    position: absolute;
    height: 660px;
    left: 0;
}

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%;
}

.adv-banner .categories-block {
    position: relative;
    background-color: transparent;
}

.categories-block {
    background-color: rgba(255, 255, 255, 0.85);
    max-width: 587px;
    padding: 62px 0px 76px 22px;
    box-sizing: border-box;
    border-radius: 0 0 12px 12px;
}

.categories-caption {
    display: none;
    min-height: 150px;
}

.categories-caption.active {
    display: block;
}

.categories-caption h2 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 30px;
}

.categories-caption p {
    font-size: 15px;
    color: #404040;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 36px;
    text-align: justify;
}

.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: 40px 0 0px 0;
    background-color: #fff;
}

.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: #f6f6f6;
}

.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;
}

.safety-section-right {
    width: 607px;
    padding: 0 0px 0 114px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f6f6f6;
    box-sizing: border-box;
}

.safety-section-left {
    width: calc(100% - 607px);
    width: -o-calc(100% - 607px);
    width: -ms-calc(100% - 607px);
    width: -moz-calc(100% - 607px);
    width: -webkit-calc(100% - 607px);
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    -ms-flex-pack: flex-end
}

.safety-section-left img {
    max-width: unset;
}

.safety-section h3 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 38px;
    line-height: 57.88px;
}

.safety-section p {
    color: #404040;
    font-size: 21px;
    line-height: 36px;
    font-weight: 400;
}


/*********** safety section end *********/


/*********** Download app section Start *********/

.download-section {
    background-size: cover;
    padding: 32px 0 55px 0;
    background-color: transparent;
    min-height: 262px;
    position: relative;
    z-index: 1;
}

.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 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: calc(100% - 280px);
    max-width: -o-calc(100% - 280px);
    max-width: -ms-calc(100% - 280px);
    max-width: -moz-calc(100% - 280px);
    max-width: -webkit-calc(100% - 280px);
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 50px;
}

.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;
    left: 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 {
    left: -10px;
}

.download-links a img {
    vertical-align: top;
}

.download-links {
    width: 193px;
}


/*********** Download app section end *********/


/*********** call section Start *********/

.call-section {
    background-size: cover;
    padding: 42px 0 78px 0;
    background-color: #fff;
}

.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: 20px;
}

.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-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 {
    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;
    min-width: 154px;
    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 {
    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;
    text-decoration: none;
    align-items: center;
    font-size: 40px;
    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: -5px;
    max-width: 565px;
    line-height: normal;
}


/* .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: 98px;
    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: 140px;
    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/CubeJekX/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: #00b624;
    color: black !important;
}

ul.tab-switch {
    /*background-color: transparent;*/
    padding: 2px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    background-color: black !important;
}

.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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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"] {
    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 {
    background-color: transparent;
}

.btn-hold input[type="submit"]: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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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: transparent;
}

.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: 46px;
    box-sizing: border-box;
    padding-right: 15px;
}

.safety-section.taxi-variant .btn-hold input[type="submit"] {
    border-radius: 0;
}

form.gen-from .form-group.pickup-location:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: -50px;
    top: 0;
    background-image: url(https://www.urideservices.com/assets/img/apptype/CubeJekX/marker.svg);
    background-repeat: no-repeat;
    background-position: left top 8px;
    background-size: 18px;
    filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);
    -webkit-filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);
}

form.gen-from .form-group.drop-location:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #a9a9a9;
    position: absolute;
    left: -48px;
    bottom: 4px;
}

form.gen-from .form-group.drop-location:after {
    content: '';
    width: 2px;
    height: 65px;
    bottom: 20px;
    position: absolute;
    left: -42px;
    background-image: url(https://www.urideservices.com/assets/img/apptype/CubeJekX/vertical-line.png);
}

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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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: #00B624;
}

.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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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 {
    min-height: 888px;
    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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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% - 128px);
    width: -o-calc(100% - 128px);
    width: -ms-calc(100% - 128px);
    width: -moz-calc(100% - 128px);
    width: -webkit-calc(100% - 128px);
    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: 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;
}

.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: transparent;
}

.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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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-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 0 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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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;
    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: 85px;
    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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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;
    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: #fff;
    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;
}

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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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: 119px;
    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;
    cursor: initial; // By HJ On 22-02-2020 FOr SOlved 141 Mantis Bug #3710}#from-date {    pointer-events: none;}/******************** 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 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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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-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-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;        line-height: 23px;        display: block;    }    .custom-model-body b {        font-weight: 600;    }    .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%;    }        .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: 1050;}.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;}.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-right: 10px;}.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/CubeJekX/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;}.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{     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;}.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 *//*******************************/@media screen and (max-width:1600px) {    .adv-banner .banner-section-inner .banner-image-first{        background-position: center left -323px;    }    .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;}    .adv-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;    }    .categories-caption p{        margin-bottom: 0px;    }    .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;    }    .banner-section-inner {        min-height: unset;        padding: 0;        width: 100%;    }    .categories-block {        max-width: 100%;        padding: 56px 48px;    }    .adv-banner .categories-block {        max-width: 50%;        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: 90px 0px 115px 0px;    }    }@media screen and (max-width:1119px) {    .adv-banner .banner-section-inner .banner-image-first{        background-position: 30%;        border-radius: 0px    ;        -webkit-border-radius: 0px    ;        -moz-border-radius: 0px    ;        -ms-border-radius: 0px    ;        -o-border-radius: 0px    ;}.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; }    .adv-banner .banner-both-img{        position: relative;    width: 100%;    }    .adv-banner-backimg{top: 0px;        bottom: auto;        left: 50%;        top: 50px;    }    .banner-img-sec{left: 0px;}    .adv-banner .banner-section-inner .banner-image-first {        position: relative;        height: 600px;        width: 100%;        border-radius: 0;        background-position: left;    }    /* .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%;    }    .adv-banner .categories-block {        max-width: 100%;    }    .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;    }    /**************************************/    .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 {        width: 100%;    }    .safety-section-right {        width: 100%;        padding: 30px;        margin-bottom: 30px;    }    .safety-section-left img {        max-width: 100%;    }    .safety-section-inner {        padding: 0;    }    /***************************************/        .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;    }    /**************************************/    .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-right: 15px;        padding: 10px 0 8px 20px;    }    .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;    }    /***************** 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;    }    .download-links a {        display: inline-block;        padding: 0 10px;    }    .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;    }    /**************************************/    .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;    }    .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(https://www.urideservices.com/assets/img/apptype/CubeJekX/left-arrow.svg);    }    ul.tab-switch button.slick-next {        right: 0;        left: auto;        position: absolute;        top: 0;        background-image: url(https://www.urideservices.com/assets/img/apptype/CubeJekX/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: 298px;    }        /*****************************/    .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;    }    }@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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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(https://www.urideservices.com/assets/img/apptype/CubeJekX/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) {    .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;    }    .adv-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);    }}.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: 13px;    background-image: url(../../../img/apptype/CubeJekX/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%);}/*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;}