:root {
    --app-color: #33b7bd;
    --second-color: #bee1e6;
    --base-color: #1d1d1b;
}

/*styles */
@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf);
}

body {
    font-family: 'Times New Roman', Times, serif;
    overflow-x: hidden;
}


.profile-nam span.ml-2 a {
    color: #fff;
    background: #000000;
    font-size: 12px;
    padding: 2px 6px;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

body p {
    font-family: 'Lato-Regular';
    font-size: 14px;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato-Bold;
}

a:hover {
    text-decoration: none;
}

html {
    overflow-x: auto;
}

body.modal-open {
    padding-right: 0px !important;
}


/* header */
.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.res-bg-set a.navbar-brand img {
    max-width: 80px;
    width: 60px;
}
.after-login-head.res-bg-set .nav-link {
    font-size: 14px;
    /* padding: 5px !important; */
}

.start-header.scroll-on.navbar-brand img {
    height: 28px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}


.navbar {
    padding-left: 40px;
    padding-right: 40px;
}

.navbar-brand img {
    width: auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light.navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear;
}

.signup-btn a
{
    width: 25%;
    padding: 12px 35px;
    color: #fff;
    background: #000;
    height: 50px;
    border-radius: 8px;
    font-size: 22px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

/*.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}*/

.navbar-light.navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"].navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"].navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"].navbar-toggler-icon {
    border-color: transparent;
}

.nav-link {
    /* color: #fff !important; */
    color: #000 !important;
    font-weight: 900;
    transition: all 200ms linear;
    text-transform: uppercase;
    font-size: 14px;
}
.rate-aw span.currency {
    font-size: 40px;
}
/*.scroll-on .navbar-collapse .nav-link {
    color: #000 !important;
}*/
.login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a {
    border: 1px solid #000;
    background: transparent;
    color: #000 !important;
}

/* .navigation-wrap.start-header.res-bg-set.scroll-on .login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a {
    border: 1px solid #fff;
    background: transparent;
    color: #fff !important;
} */

.nav-item:hover .nav-link {
     color: #4589d9 !important;
    background: #fff;
    border-radius: 50px;
}

.nav-item .nav-link.active {
    color: #fff !important;
    background: #000;
    border-radius: 50px;
    border: 1px solid #272424;
    box-shadow: 0px 4px 6px rgb(45 57 54);

}

.nav-item .nav-link.active:hover {
    /* color: #4589d9 !important; */
    /* color: #fff !important; */

    /* background: #000; */
    border-radius: 50px;
    /* border: 1px solid #fff; */
    border: 1px solid #272424;

}

.nav-link {
    position: relative;
    padding: 5px 20px !important;
    display: inline-block;
}

.nav-item {
    position: relative;
    transition: all 200ms linear;
}
::placeholder{
    /* color: #fff !important; */
}
.login-signup-form .form-control::placeholder{
       color: #000 !important;
}

.login-signup a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 20px;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #fff;
    font-weight: 900;
}

.navigation-wrap.start-header.res-bg-set.scroll-on .login-signup a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 20px;
    color: #fff !important;
    border-radius: 50px;
    border: 1px solid #fff;
    font-weight: 900;
}

.login-signup a:hover {
    text-decoration: none;
}

.approx {
    display: block;
    font-size: 15px;
    color: #9e9e9e;
}

/*header*/
.client-avatar img {
    width: 50px;
    height: 50px;
}
/*Banner section*/
/* .banner-section {
    background-image: url(../images/Home_banner.jpeg);
    height: 800px;
    position: relative;
    background-size: cover;
} */

.banner-section {
    background-image: url(../images/Home_banner.jpeg);
    min-height: 100vh; 
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .banner-section {
        min-height: 70vh; 
        background-position: center top;
    }
}

@media (max-width: 480px) {
    .banner-section {
        min-height: 60vh; 
        padding: 0 15px; 
    }
}

.banner-section.abt {
    background-image: url(../webimages/home_screen_1.png);
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.title-with-img-cont {
    padding-top: 18%;
    text-align: center;
}

.title-with-img-cont h1 {
    font-size: 70px;
    letter-spacing: 10px;
    color: #fff;
}

.title-with-img-cont h2 {
    color: var(--app-color);
    letter-spacing: 2px;
    font-family: Lato-Regular;
}
.error{
    color: black !important;
}

.banner-car-img {
    width: 70%;
    margin: 35px auto 0;
}

/* About section */
.about-section {
    background: #4589d9;
    padding-top: 10%;
    padding-bottom: 50px;
}
.about-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.about-img {
    width: 350px;
    height: 400px;
    background: #4589d9;
}

.about-section h4,
.about-section h3 {
    color: #fff;
}

.about-desc {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 80%;
    color: #fff;
}

.readmore-about {
    padding-top: 20px;
}

.readmore-about a {
    font-size: 12px;
    color: #fff;
    background: #000;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: bold;
}

/* Tariffs Section */
.tariff-section {
    padding-top: 50px;
    padding-bottom: 80px;
}

.section-title {
    text-align: center;
    line-height: 30px;
    /* margin-bottom: 30px; */
}

.section-title .yellowtxt {
    font-size: 25px;
    color:#fff;
    margin-bottom: 0;
    font-weight: 900;
}

.section-title .blktxt {
    color: #000;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 0;
}

.tariff-car-box {
    background:linear-gradient(to right, #ddf3fd, var(--app-color));
    padding: 30px;
    position: relative;
    border: 1px solid #BFBFBF;
    transition: 0.3s all linear;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    border-radius: 7px;
    transition: transform 0.3s ease-in-out;
}

.car-img-round {
    width: 55%;
    margin: 0px auto;
    position: relative;
    background: #fff;
    padding: 25px;
    border-radius: 50%;
}

.specify-details {
    text-align: center;
    margin-top: 10px;
}

.specify-details .spec {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}

.specify-details .amount {
    font-size: 24px;
    font-weight: bold;
    color: #292929;
}

.specify-details .book-now {
    margin-top: 30px;
}
#tariff-sec .item {
    padding-bottom: 15px;
}
.book-now {
    margin-top: 20px;
    text-align: center;
}
.item .book-now a {
    font-size: 14px;
    color: #fff;
    background: #000;
    padding: 9px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s all linear;
    box-shadow: 0px 4px 6px rgb(37 135 117);
}

.tariff-car-box:hover {
    background: linear-gradient(to right, #95c9e1, var(--app-color));
    box-shadow: 0 0 10px #a5a5a5;
    position: relative;
    z-index: 1;
    transform: scale(1.05);
}

.tariff-car-box:hover .specify-details .book-now a {
    background: #000000;
    color: #fff;
    transform: translate(0.7);
}

.caro-top {
    margin-top: 45px;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: #4589d9;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(191, 191, 191, 0.38) !important;
    width: 35px;
    height: 35px;
}

#tariff-sec span {
    font-size: 55px;
    position: relative;
    top: -30px;
    color: #f29694;
}

.owl-nav button:hover {
    background: #7b7b7b !important;
}

.owl-nav button:focus {
    outline: none;
}

/* Service section */
.service-section {
    background-image: url(../images/features_bg_banner.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ser-icon-with-desc {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.service-icon {
    flex: 0 0 10%;
}

.service-description {
    flex: 0 0 90%;
}

.max-wid-desc {
    max-width: 80%;
    margin-left: 25px;
    color: #fff;
}

.max-wid-desc h4 {
    font-size: 20px;
    color: #4589d9;
}

.service-box {
    padding-top: 30px;
}

.readmore-common {
    text-align: center;
    margin-top: 20px;
}

.readmore-common a {
    font-size: 14px;
    color: #f29694;
    background: #fff;
    padding: 9px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s all linear;
}

/* Get App section */
.getapp-section {
    padding-top: 50px;
    padding-bottom: 0px;
}

.app-info-cont {
    max-width: 80%;
}

.downloadapp-box {
    padding-top: 30px;
}

.download-title {
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 18px;
}

.tilte-app {
    margin-bottom: 20px;
}

.max-wid-desc-app {
    max-width: 70%
}

.appstore {
    padding-top: 30px;
}

.appstore img {
    width: 30%;
    margin-right: 10px;
}

/* Testimonial section */
.testinmonial-section {
    background-image: url(../images/testimonial_BG.png);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.img-circle {
    border-radius: 50%;
}

.client-info {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    align-items: center;
}

.client-avatar {
    flex: 0 0 10%;
}

.client-name {
    flex: 0 0 90%;
}

.client-name p {
    margin-bottom: 0px;
}

.max-client-name {
    max-width: 80%;
    margin-left: 20px;
    line-height: 20px;
}

.client-name .name {
    font-size: 18px;
    color: #000;
}

.testinmonial-cont {
    background: var(--app-color);
    padding: 25px;
    border-radius: 35px;
}

.client-says {
    margin-bottom: 25px;
}

.client-says p {
    color: #000;
}

.testinmonial-box {
    padding-top: 30px;
}

/* 24 hours call section */
.call-section {
    background: var(--app-color);
    padding-top: 45px;
    padding-bottom: 35px;
}

.call-section .hours-any {
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    font-weight: 900;
    margin-bottom: 0px;
}

.call-section .number p {
    font-size: 46px;
    color: #000;
    font-weight: bold;
    font-weight: bold;
    margin-bottom: 0;

}

.footer {
    color: #fff;
}

.footer {
    background-image: url(../webimages/dark_bg.jpeg);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer-title p {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 5px solid var(--app-color);
    padding-bottom: 15px;
}

.common-footer-split {
    max-width: 80%;
}

.footer-desc,
.address-info {
    padding-top: 20px;
}

.social-icons ul {
    padding: 0;
    list-style: none;
    margin-top: 45px;
}

.social-icons ul li {
    display: inline-block;
    width: 20px;
    margin-right: 15px;
}

.common-users {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.device {
    flex: 0 0 35%;
}

.device p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #4589d9;
}
.social-icons ul li i.fa {
    color: #4589d9;
    font-size: 20px;
}
.add-info {
    display: flex;
    flex-wrap: wrap;
}

.add-info-icon {
    flex: 0 0 10%;
}

.address {
    flex: 0 0 90%;
}

.login-signup-modal .modal-header .modal-title {
    text-align: center;
}

.login-signup-modal .modal-content {
    position: relative;
    border-radius: 8px;
}

.login-signup-modal .modal-content .close {
    position: absolute;
    right: 0;
    top: -35px;
    opacity: 1;
    background: #fff;
    border-radius: 30px;
    padding: 4px;
    height: 23px;
}
.login-signup-modal .modal-content .close span{
    position: relative;
    top: -5px;
}

.login-signup-modal .login-header .login-title {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
}

.login-signup-modal .modal-content .close:focus {
    outline: none;
}

.login-header {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.login-signup-modal .modal-body {
    background: var(--app-color);
}
.login-signup-form {
    padding: 40px 20px;
}

.login-signup-form .form-control {
    height: 50px;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: none;
    font-size: 18px;
}

.login-signup-form .form-control::placeholder {
    color: #000000;
}

.login-signup-form .form-group {
    margin-bottom: 30px;
}

.agree p,
.have-acnt p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
.have-acnt a b {
    color: #fff;
}
.agree p a, .have-acnt p a {
    color: #fff !important;
}

.signup-btn {
    margin-top: 30px;
    margin-bottom: 25px;
}

/*.login-signup-modal .modal.show .modal-dialog {
    -webkit-transform: translate(0, 170px);
    transform: translate(0, 170px);
}
*/
.signup-btn button {
    width: 100%;
    color: #fff;
    background: #000;
    height: 50px;
    border-radius: 8px;
    font-size: 22px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

/*.login-signup-modal .modal {
    overflow-y: hidden;
}*/

.agree p a,
.have-acnt p a {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}

.after-login-head,
.after-login-head.scroll-on {
    background: #4589d9;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
.after-login-head.res-bg-set a.navbar-brand img{
    width: 65px;
}
.after-login-head.res-bg-set .nav-link {
    color: #ffff !important;
}
.after-login-head.res-bg-set .nav-link:hover {
    color: #4589d9 !important;
    border: 1px solid #000;
}
.after-login-head.res-bg-set .login-signup a {
   border: 1px solid #fff;
    background: transparent;
    color: #ffff !important;
}
/*.after-login-head.scroll-on .navbar-collapse .nav-item.active .nav-link {
    color: #fff !important;
}

.after-login-head.scroll-on .navbar-collapse .nav-link {
    color: #fff !important;
}*/

.after-login-head.scroll-on .navbar-collapse .nav-link.active {
    /* color: #e60e0e !important; */
}

.after-login-head .login-signup a {
    color: #fff !important;
}

.common-ride-section {
    padding-top: 10%;
    padding-bottom: 50px;
}

.common-ride-section h3 {
    font-size: 36px;
}

.data-ride-cont {
    padding-top: 30px;
}

.data-ride-cont table th {
    font-size: 18px;
    text-align: center;
}

.data-ride-cont .table thead th {
    border: none;
    padding: 10px 0;
}

.data-ride-cont .table td {
    border-top: none;
    border-bottom: 2px solid #869fb0;
    padding: 10px 0;
    vertical-align: middle;
}

.data-ride-cont .table td:nth-child(4n),
.data-ride-cont .table td:nth-child(5n),
.data-ride-cont .table thead th:nth-child(4n),
.data-ride-cont .table thead th:nth-child(5n) {
    text-align: center;
}

.location-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.green-dot,
.red-dot {
    font-size: 10px;
    flex: 0 0 7%;
}

.green-dot {
    color: #25bd00;
}

.red-dot {
    color: #f00;
}

.flex-end {
    flex: 0 0 93%;
}

.amnt-paid {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 0px;
}

.cash-by {
    color: #757575;
    font-size: 15px;
}

.dataTables_filter {
    text-align: right;
}

.dataTables_filter label {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 25px;
    gap: 10px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("../images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/sort_desc_disabled.png")
}

.data-ride-cont .pagination {
    justify-content: flex-end;
}

.data-ride-cont .page-item.active .page-link {
    color: #000;
    background-color: #e60e0e;
    border-color: #e60e0e;
}

.common-ride-section .ride-title {
    font-size: 32px;
}

.data-ride-cont .page-link {
    color: #000;
}

.when-where-cont {
    margin-top: 50px;
}

.when-where-form {
    padding-top: 30px;
}


.when-where-form .form-control {
    height: 60px;
    background: #4589d9 !important;
    color: #fff;
    padding-left: 30px;
    font-size: 18px;
    border-radius: 8px;
    border: none;
}

.when-where-form .bg-form-control {
    background: #5B87A3;
}


.when-where-form .bg-form-control::placeholder {
    color: #00000094;
}

.when-where-form .form-control:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.when-where-form .form-group {
    margin-bottom: 2rem;
}

.when-where-form .form-control {
    color: #fff !important;
}

.when-where-form select.form-control {
    color: #000;
}

.when-where-form .ui .form-control {
    background: #90B4CB;
    border-radius: 8px;
    border: none;
    width: 100%;
}

.when-where-form .ui .form-control:focus {
    background: #90B4CB;
}

.when-where-form .ui.input {
    width: 100%;
}

.when-where-form .ui.popup {
    z-index: 9;
}
.br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: #e4e4e4;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #ffe234;
}
.when-where-form .ui .form-control::placeholder {
    color: #000;
}

.when-where-form i.icon {
    font-family: 'Font Awesome 5 Free';
}

.when-where-form .fa-calendar:before {
    content: "\f133";
}

.get-free-btn {
    text-align: right;
}

.get-free-btn button {
    background: #f29694;
    border: none;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50px;
    padding: 12px 50px;
    color: #fff;
}

.economy-box {
    /* background: #4589d9; */
    padding: 49px 30px;
    /* color: #fff; */
    text-align: center;
}

.economy-box h4 {
    text-transform: uppercase;
    font-size: 24px;
    /* color: #fff; */

}

.rate-aw {
    /* padding-top: 20px;
    padding-bottom: 30px; */
}

.common-ride-section .dollor {
    font-size: 40px;
}
.flex-divss {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.siena {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.date {
    font-size: 17px;
    margin-bottom: 0;
}

.just-fun p {
    font-size: 16px;
    /* color: #fff; */
}

.confirm-btn {
    width: 50%;
    margin: 40px auto 0;
}

.confirm-btn a {
    font-size: 20px;
    background: #f29694;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
}


.box-bg {
    /* background: #fff; */
    padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 23px;
}

.text-yellow {
    color: #f29694;
}

.book-now-form .form-control {
    background: #fff;
}

.book-now-form .grey-form-control {
    background: #404040;
    color: #fff;
}

.by-default {
    color: #929292;
    margin-top: 10px;
    font-size: 16px;
    padding-left: 10px;
}

.click-here {
    padding-left: 10px;
    font-size: 16px;
}

.bg-light-grey {
    background: #4589d9;
    color: #fff;
}

.book-just-fun p {
    /* color: #fff; */
}

.book-now-btn-book button {
    text-transform: uppercase;
    background: #f29694;
    color: #fff;
}
section.common-ride-section {
    background: #fff;
}
.after-login-head.res-bg-set .nav-link.active{
    /* color: #e60e0e !important; */
}
.confirm-btn button {
    font-size: 20px;
    padding: 7px 30px;
    border-radius: 50px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    border: none;
    color: #fff;
    background: #000;
}

.book-now-btn-book button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.no-section-pad-bot {
    padding-bottom: 0;
}

.book-class-cont {
    display: table;
    width: 100%;
}

.eco-img {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding: 0 15px;
}

.eco-title {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    padding: 0 15px;
}

.circle-white {
    border-radius: 50%;
    background: #ffffff;
    width: 80px;
    height: 80px;
    box-shadow: 0 0 10px #a7a7a7;
    display: table;

}

.vmiddle-img {
    display: table-cell;
    vertical-align: middle;
}

.type-class-box .circle-white img {
    width: 60px;
    text-align: center;
    margin: 0px auto 0;
    padding: 8px;
}

.eco-title p {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0px;

}

.booking-tab {
    background: linear-gradient(to bottom right, rgb(9 9 14 / 78%),rgb(102 85 85 / 80%));
}

.owl_1 {
    width: 95%;
    margin: 0 auto;
}
.owl_1  button.owl-prev {
    left: -15px !important;
}
.owl_1  button.owl-next {
    right: -15px !important;
}
.booking-tab .item {
    padding: 20px;
    border-right: 2px solid #4589d9;

}

.booking-tab .item li a {
    opacity: 0.5;
    display: block;
}

.booking-tab .item li a.active {
    opacity: 1;
}
/* .navigation-wrap.start-header.res-bg-set.scroll-on {
    
} */

.navigation-wrap.start-header.res-bg-set{
    /* background: #33b7bd; */
    background: #ffffff;
}
.after-login-head.scroll-on {}

/*.booking-tab .owl_1 .owl-stage-outer .owl-stage .owl-item:nth-child(3n) .item {
    border: none;
}*/

.res-common-book {
    padding-top: 102px;
}

.booking-tab .owl_1 .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(191, 191, 191, 0.38) !important;
    width: 35px;
    height: 35px;
}

.booking-tab .owl_1 .owl-nav button span {
    font-size: 55px;
    position: relative;
    top: -30px;
    color: #ffffff;
}

.map {
    height: 100%;
}

.tariff-section .hide-over {
    overflow: hidden;
}

.tariff-section .hide-over .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.about-text {
    background: #4589d9;
    padding: 60px 0;
    color: #fff;
}
.xpln-text {
    text-align: center;
    margin: 25px 0;
}
.about-head_t.text-center h4 , .abo-xpln h4{
    color: #000;
}
.profile_details {
    background: var(--app-color);
}
.profile-details {
    padding: 0px 20px;
}
.profile_details {
    height: 100%;
}
.edit-details, .profile_details {
    padding: 40px 0;
}
.head_profile h3 {
    text-align: center;
    color: #000;
    font-size: 1.75em;
    font-weight: 700;
    font-style: italic;
}
.common-ride {
    padding-top: 80px;
    background: #fff;
}
p.lgt-txt {
    margin-bottom: 5px;
}
.oveall-edit {
    position: relative;
    max-width: 160px;
    margin: 0px auto;
}
.circle {
    width: 160px;
    height: 160px;
    background: #4589d9;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    border: 2px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
}
img.profile-p {
    max-width: 100%;
}
p.lgt-txt {
    color: #fff;
}
.p-image {
    position: absolute;
    top: 106px;
    right: 0px;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.file-upload {
    display: none;
}
.form-control:disabled {
    background: #c5c5c5;
    opacity: .5;
    cursor: not-allowed;
}
.btn_next.ad {
    bottom: auto;
    position: relative;
    padding-bottom: 35px;
}
.profile-nam h4 {
    color: #000;
    font-size: 18px;
    word-break: break-all;
    margin-bottom: 5px;
}
.profile-nam h4 span.fl-rigt {
    margin-right: 10px;
}
.us-nam {
    color: #fff;
}
.address_detils h6 {
    color: #fff;
}
 .address_detils p  {
    color: #000;
}
button#p_save {
    background: #fff;
    color: #e60e0e;
    border-radius: 20px;
    padding: 4px 30px;
}
.form-op .form-control {
    background: transparent !important;
    border-radius: 0px !important;
    outline: none;
    box-shadow: none;
    border: 0px;
    border-bottom: 1px solid #000000;
}
.personal_info h3 {
    color: #000;
}
.edit-heading {
    margin-bottom: 30px;
}
a#edit-btn {
    position: relative;
    right: 5px;
}
.edit-heading span a {
    float: right;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background: #000;
    padding: 5px 20px;
}
.head_add {
    margin: 25px 0 30px;
}
.btn.b_radius.profile_btn {
    background: #000;
    color: #fff;
    /* padding: 10px 40px; */
}
.b_radius {
    border-radius: 30px;
}
.p-image {
    color: #000 !important;
}
hr.profile_hr {
    border-color: #fff;
}
.bg-whit-rad {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
    border-radius: 10px;
    align-items: center;
}
.bg-whit-rad .bal {
    font-size: 16px;
    font-weight: 400 !important;
}
a.add-money {
    background: #f29694;
    color: #fff;
    padding: 4px 15px;
    border-radius: 20px;
}
table.table.borderless p {
    margin-bottom: 2px;
}
table.table.borderless .lig-txt {
    color: #0000007a;
}
.form-flex {
    display: flex;
    justify-content: space-around;
}
/*.form-flex p {
    background: #d2d2d2;
    padding: 5px 15px;
    border-radius: 5px;
    color: #f29694;
    font-wseight: 600;
}*/
p.info-p {
    color: #fff;
    text-align: center;
}
.bal-div h3, .bal-div p {
    color: #000;
}
hr.wall-hr {
    border-color: #fff;
    margin: 40px 20px;
}
.reac-div label {
    color: #000;
}
.reac-div {
    padding: 0px 20px;
}
form#wallet_recharge .form-control {
    background: #E4EEF4;
    border: transparent;
}
form#wallet_recharge .form-control::placeholder{
    color: #000 !important;
}
.ng-wh {
    background: #fff;
    padding: 50px 0;
}
.head-office {
    padding: 30px 0px; 
}
.head-office p {
    margin-bottom: 5px;
}
.banner-imgs {
    position: relative;
}
.loc-abs.banner-title {   
    padding: 15%;
    text-align: center;
}
.loc-abs.banner-title h2 {
    font-size: 70px;
    letter-spacing: 10px;
    color:#fff ;
}
.loc-abs.banner-title p {
    font-size: 40px;
    letter-spacing: 10px;
    color:var(--app-color) ;
}
.banner-imgs{
    background: url('../webimages/location.jpeg');
    position: relative;
    background-repeat: round;
    background-size: cover; 
    width: 100%;
}
.banner-imgs-reg{
    position: relative;
    background: url('../webimages/eg1.jpeg');
    height: 60vh;
}
.form-promo input.form-control {
    /* border-style: double; */
    border: 1px dashed #000;
    background: transparent;
    outline: none;
    box-shadow: none;
}
.form-promo .btn.btn-outline-secondary {
    background: #000 !important;
    border-color: #000 !important;
    color: #f29694;
}
.off-desc {
    margin-top: 40px;
}
.bor-lefts {
    border-left: 1px solid #b1b1b1;
}
.flx-divs {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    margin-bottom: 15px;
}
span.vl {
    border-left: 2px solid #b1b1b1;
    height: 35px;
    margin:0px 5px;
}
span.per-offs {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
span.per-offs a {
    color: #000;
}
.table.borderless.Offers tr td {
    border: 0px;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{
    box-shadow: none;
}
.table.borderless.Offers tr td {
    border: 0px;
    background: #fff;
    margin-bottom: 10px;
    border-collapse: separate;
    cursor: pointer;
}
.table.borderless.Offers thead tr th {
    border-top: 0px;
    border-bottom: 1px solid #869fb0;
}
#pills-tab li.nav-item .nav-link {
    margin-left: 10px;
    background: #939393;
    border-radius: 30px;
}
#pills-tab li.nav-item .nav-link.active {
    background: #4589d9;
}
#pills-tab li.nav-item .nav-link:hover {
    background: #4589d9;
}
.nav.nav-pills.flx-dir .nav-item{
    display: flex;
    flex-direction: column;
    height: 350px;
}
.nav.nav-pills.flx-dir .nav-link {
    position: initial;
    width: 100%;
    border-radius: 0px !important;
    margin-left: 0px !important;
    border: none;
    border-right: 1px solid #fff;
    padding: 15px 20px !important;
}
.nav.nav-pills.flx-dir img{
    max-height: 100%;
    object-fit: cover;
}
.tab-content.pad-tops {
    padding-top: 100px;
    background: #fff;
    padding-bottom: 50px;
}
.cmn-cls p {
    font-size: 16px;
    margin: 25px 0;
}
.img-cars {
    height: 280px;
    overflow: hidden;
}
.img-cars img{
    max-width: 100%;
    max-height: 100%;
}
.xpln-cars {
    margin: 30px 0;
}
.paginate_button {
    background: #383736;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin: 0px 3px;
    cursor: pointer;
}
.paginate_button.current{
    background: #4589d9;
}
.paginate_button:hover{
    color: #e60e0e;
    background: #000;
}
.paginate_button.disabled {
    background:#38373682;
    cursor: not-allowed;
}
.paginate_button.disabled:hover{
    background: #38373682;
    color: #fff;
}
.add-btn-money {
    text-align: center;
}
.add-btn-money a.add-money {
    background: #fff;
    color: #f29694;
}
.form-flex p .btn {
    background: #d2d2d2;
    padding: 5px 15px;
    border-radius: 5px;
    color: #000;
    font-weight: 600;
    border: 0;
    outline: 0px;
    box-shadow: 0px;
}
.form-flex .btn-primary.focus, .form-flex .btn-primary:focus{
    box-shadow: none;
}
.strike{
    text-decoration: line-through !important;
}
.amt-total p {
    color: #f29694;
}
.amt-total p span.fir-amt {
    color: #222;
}
.promomodels .modal-title {
    color: #f29694;
}
.flx-di {
    display: flex;
    align-items: center;
}
.not-imgs {
    width: 75px;
    margin-right: 15px;
}
.flx-di p{
    margin-bottom: 0;
}
.payment-load
{
    width: 100%;
    padding-top: 100px;
}
.payment-load .text-holder, .payment-load .no-del{
  text-align:center;
  padding-top:40px;
}
.payment-load .ajax-button{
  position:relative;
  display:inline-block;
  width:100%;
  text-align:center;
}
.payment-load .loading{
  font-size:0;
  width:30px;
  height:30px;
  margin: 5px auto;
  border-radius:15px;
  padding:0;
  border:3px solid #000;
  border-bottom:3px solid rgba(255,255,255,0.0);
  border-left:3px solid rgba(255,255,255,0.0);
  background-color:transparent !important;
  animation-name: rotateAnimation;
  -webkit-animation-name: wk-rotateAnimation;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes rotateAnimation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

.payment-load .submit.loading .error-text, .payment-load .submit .text-holder, .payment-load .ajax-button .text-holder
{
    display: none;
}
.payment-load .submit.loading .text-holder
{
    display: block;
}
.payment-load .ajax-button.view .text-holder
{
    display: block;
}
 body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
.icon-msgs{
    text-align: center;
}
.icon-msgs i.fa {
    font-size: 100px;
    color: #fff;
}
.icon-msgs p {
    color: #fff;
    font-size: 30px;
    margin: 0px;
}
.data-ride-cont table.table tr th:before, .data-ride-cont table.table tr th:after{
    display: none;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting, table.dataTable thead .sorting_desc{
    background: transparent;
    border-bottom: 1px solid #869fb0;
}
div.dataTables_wrapper div.dataTables_length label{
    display: none;
}
div.dataTables_wrapper div.dataTables_filter input {
    outline: none;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    box-shadow: none;
}
button#wallet_money {   
    background: #000 !important;
    color: #fff !important;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #869fb0;
}
.data-ride-cont .table td{
    text-align: center;
}
#exampleModalCenter .modal-body {
    background: #000;
}
#exampleModalCenter .modal-header,
#accept-1 .modal-header,
#accept-2 .modal-header {
    padding: 0;
    border: 0;
}
#exampleModalCenter .modal-content {
    background: #000;
    border-radius: 0;
    border: 1px solid #fad800;
    position: relative;
}

#exampleModalCenter .modal-header .close {
    color: #fad800;
    opacity: 1;
    position: absolute;
    z-index: 11;
    right: 20px;
    top: 10px;
}
div#exampleModalCenter {
    padding: 0px !important;
}
.data-ride-cont.no-bots div#ride-history_filter, .data-ride-cont.no-bots .dataTables_info, .data-ride-cont.no-bots .dataTables_paginate {
    display: none;
}
.edit-heading h3 , .common-ride-section h3, .common-ride-section .ride-title{
    color: #000;
}
i.icon-chevron-up:before{
    content: '\f077';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.icon-chevron-down:before{
    content: '\f078';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
i.chevron.right.icon:before{
    content: '\f054';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
i.chevron.left.icon:before{
    content: '\f053';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .bootstrap-timepicker-widget.timepicker-orient-bottom:before{
    border-top: 0px;
}
.ui.input.left.icon i.fa.fa-calendar {
    position: absolute;
    top: 12px;
    left: 10px;
}

.add-money {
    cursor: pointer;
}
.table.borderless.Offers tr.new-bgs td {
    background: #4589d9;
}
.table.borderless.Offers tr td.bg-borr {
    border-radius: 10px 0 0px 10px;
}
.table.borderless.Offers tr td.bg-bor2 {
    border-radius: 0px 10px 10px 0px;
}
.table.borderless tbody:before {
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px;
}
.table.borderless tr.new-bgs td {
    padding: 15px 0;
    border-radius: 10px;
}
.table.borderless tr.new-bgs .card.card-body{
    border-radius: 10px;
}
.data-ride-cont.no-bots {
    padding: 0;
}
table#ride-history tr th {
    border-bottom: 1px solid #869fb0;
}
div.dataTables_wrapper div.dataTables_paginate a {
    float: none;
}
button.book_now_button[disabled] {
    /* opacity: 0.5; */
    cursor: not-allowed;
}
.carousel-control-prev {
    left: 50px;
}
.carousel-control-next{
    right: 50px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 15px;
    height: 15px;
}
/*Responsive */

@media (min-width: 992px){
.common-ride-section{
    min-height: 570px;
}
.table-responsive.hidden-over {
    overflow-y: hidden;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1400px) {
    .title-with-img-cont {
        padding-top: 26%;
    }

    .banner-car-img {
        width: 80%;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
    .title-with-img-cont {
        padding-top: 24%;
    }

    .banner-car-img {
        width: 80%;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1600px) {
    .title-with-img-cont {
        padding-top: 17%;
    }

    .banner-car-img {
        width: 80%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .booking-tab .item {
        padding: 20px 0;
    }

    .eco-img {
        width: 30%;
    }

    .eco-title {
        width: 70%;
    }

    .banner-section {
        height: 600px;
    }
}



@media (max-width: 1024px) {
    .navbar-light .navbar-brand {
        width: 140px;
    }

    .nav-link {
        font-size: 12px;
        padding: 5px 11px !important;
    }

    .login-signup a {
        font-size: 12px;
        padding: 5px 11px !important;
    }

    .navbar {
        padding: 0;
    }

    .banner-section {
        height: 600px;
    }

    .title-with-img-cont {
        padding-top: 20%;
    }

    .banner-car-img {
        width: 80%;
        margin: 30px auto 0;
    }
    .login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2 {
        padding-top: 0px !important;
    }
    .about-img{
        width: 100%;
    }
    .about-desc,
    .app-info-cont,
    .max-wid-desc-app,
    .common-footer-split {
        max-width: 100%;
    }

    .testinmonial-section {
        margin-top: -4px;
    }

    .device {
        flex: 0 0 60%;
    }

}

@media only screen and (min-width: 810px) and (max-width: 909px) {
    .title-with-img-cont {
        padding-top: 12%;
    }
}

@media only screen and (min-width: 910px) and (max-width: 991px) {
    .title-with-img-cont {
        padding-top: 13%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner-car-img {
        width: 70%;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .data-ride-cont {
        width: 100%;
        overflow-x: auto;
    }

    .data-ride-cont table.dataTable {
        width: 130%;
    }

    .booking-tab .item {
        padding: 20px 0;
    }

    .eco-img {
        width: 30%;
    }

    .eco-title {
        width: 60%;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 100%;
    }

    .upcoming-trips-cont {
        overflow-x: visible;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .data-ride-cont {
        width: 100%;
        overflow-x: auto;
    }

    .data-ride-cont table.dataTable {
        width: 155%;
    }

    .confirm-btn {
        width: 45%;
    }

    .owl_1 {
        width: 90%;
    }

    .booking-tab .item {
        padding: 20px 0;
    }

    .eco-img {
        width: 30%;
    }

    .eco-title {
        width: 60%;
    }

    .banner-car-img {
        width: 80%;
        margin: 20px auto 0;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 100%;
    }

    .upcoming-trips-cont {
        overflow-x: visible;
    }
  
}

div.dataTables_wrapper div.dataTables_paginate{
    margin: 4px 0px;
    text-align: end;
}
.dataTables_info{
    text-align: end;
}
@media only screen and (max-width: 767px) {
    .box-bg{
        margin-left: 0px ;
    }
    .edit-heading.small-fonts h3 {
        font-size: 26px;
    }
    .nav-item:after {
        display: none;
    }    
    .profile-nam h4 span.fl-rigt{
        display: none;
    }
    .login-signup-form {
        padding: 40px 0px;
    }
    button.btn.btn-danger.trip_cancel {
        /* margin-top: 10px; */
    }
    .table-responsive.hidden-over{
        white-space: nowrap;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive.hidden-over table{
        white-space: nowrap;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
        background: #fff;
    }
    .common-ride-section .dollor {
        font-size: 35px;
    }
    .common-ride-section {
        padding-top: 120px !important;
    }
    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
        transition: all 200ms linear;
    }
    div.dataTables_wrapper div.dataTables_paginate{
        margin: 10px 0 3px;
    }
    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(90deg);
        opacity: 0;
    }
    .edit-heading span a{
        font-size: 14px;
        padding: 5px 5px;
    }
    .personal_info h3 {
        font-size: 24px;
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: all 200ms linear;
    }

    .dropdown-toggle[aria-expanded="true"]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    .navbar {
        padding: 0 20px;
    }

    .navbar-toggler {
        background: #fff;
        padding: 5px;
    }

    .banner-section {
        height: auto;
    }

    .title-with-img-cont {
        padding-top: 30%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .banner-car-img {
        margin: 30px auto 0;
    }

    .navbar-collapse {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-collapse.show .nav-link {
        /* color: #000 !important; */
        margin-bottom: 5px;
    }

    .res-bg-set {
        background-color: #4589d9;
        /* background-color: #fff; */
    }

    .about-section {
        padding-top: 16%;
    }

    .about-left {
        text-align: center;
        margin-bottom: 30px;
    }

    .about-desc {
        max-width: 100%;
    }

    .max-wid-desc {
        max-width: 100%;
    }

    .app-info-cont {
        text-align: center;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .downloadapp-box {
        padding-top: 0px;
    }

    .max-wid-desc-app {
        max-width: 90%;
        margin: 0 auto;
    }

    .testinmonial-section {
        margin-top: -5px;
    }

    .testinmonial-cont {
        margin-bottom: 30px;
    }

    .footer-title {
        margin-top: 30px;
    }

    .data-ride-cont {
        width: 100%;
        overflow-x: auto;
    }

    .data-ride-cont table.dataTable {
        width: 300%;
    }

    .data-ride-cont .dataTables_wrapper label {
        width: 100%;
    }

    .after-login-head.scroll-on .navbar-collapse .nav-link {
        color: #000 !important;
    }

    .after-login-head.scroll-on .navbar-collapse .nav-item.active .nav-link {
        color: #000 !important;
    }

    .after-login-head .login-signup a {
        color: #000 !important;
    }

    .res-mar-30 {
        margin-bottom: 30px;
    }

    .get-free-btn {
        text-align: center;
    }

    .eco-img {
        width: 35%;
    }

    .eco-title {
        width: 65%;
    }

    .booking-tab .item {
        border: none;
    }

    .title-with-img-cont h1 {
        font-size: 48px;
    }

    .title-with-img-cont h2 {
        font-size: 26px;
    }

    .device {
        flex: 0 0 40%;
    }

    .call-section .number p {
        font-size: 40px;
    }

    .banner-car-img {
        width: 80%;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 200%;
    }
    .login-signup-modal .modal-content .close{
        top: 1px;
    }
    section.common-ride-section.no-section-pad-bot.pt-0 {
        padding: 0px !important;
    }
    .img-cars {
        height: auto;
        overflow: hidden;
    }
    .tab-content.pad-tops{
        padding-top: 40px;
    }
    .common-ride-section h3 {
        font-size: 32px;
    }
    .common-ride-section.noups {
        padding-top: 105px !important;
    }
    .banner-section.abt {    
        height: auto !important;
        padding-bottom: 25px;
    }
    .footer-title p {
        max-width: 170px;
    }

}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}
div#navbarSupportedContent .nav-item .nav-link{
    margin: 5px 0px;
    min-height: 33px;
}
.confirm-btn button{
    cursor: pointer;
}
@media only screen and (min-width: 374px) and (max-width: 425px) {
    .title-with-img-cont {
        padding-top: 23%;
    }
}

@media only screen and (min-width: 100px) and (max-width: 400px) {
    .common-ride-section {
        padding-top: 30%;
    }

    .res-common-book {
        padding-top: 25%;
    }
    .after-login-head.res-bg-set .nav-link.active{
    color: #4589d9 !important;
}
.login-signup a{
    color: #000 !important;
    border: 1px solid;
}
.after-login-head.res-bg-set .login-signup a{
 color: #4589d9 !important;
     border: 1px solid;

}
.login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a{
    color: #000 !important;
}
.navigation-wrap.start-header.res-bg-set.scroll-on .login-signup a {
    color: #000 !important;
    border: 1px solid #000;
}
.navigation-wrap.start-header.res-bg-set.scroll-on .login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a{
    color: #000 !important;
    border: 1px solid #000 !important;
}

}

@media only screen and (min-width: 400px) and (max-width: 767px) {
    .common-ride-section {
        padding-top: 16%;
    }

    .res-common-book {
        padding-top: 25%;
    }
        .after-login-head.res-bg-set .nav-link.active{
    color: #4589d9 !important;
}
.login-signup a{
    color: #000 ;
        border: 1px solid;

}
.login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a{
    color: #000 !important;
}
.after-login-head.res-bg-set .login-signup a{
 color: #4589d9 !important;
     border: 1px solid;

}
.navigation-wrap.start-header.res-bg-set.scroll-on .login-signup a {
    color: #000 !important;
    border: 1px solid #000;
}
.navigation-wrap.start-header.res-bg-set.scroll-on .login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top a{
    color: #000 !important;
    border: 1px solid #000 !important;
}
    
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .data-ride-cont {
        width: 100%;
        overflow-x: auto;
    }

    .data-ride-cont table.dataTable {
        width: 380%;
    }

    .booking-tab .item {
        padding: 20px 0;
    }

    .title-with-img-cont h1 {
        font-size: 40px;
    }

    .title-with-img-cont h2 {
        font-size: 26px;
    }

    .banner-car-img {
        width: 85%;
        margin: 0px auto;
    }

    .call-section .number p {
        font-size: 38px;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 230%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    .title-with-img-cont {
        padding-top: 40%;
    }
}

@media only screen and (min-width: 375px) and (max-width: 410px) {
    .title-with-img-cont {
        padding-top: 28%;
    }
}

@media only screen and (min-width: 439px) and (max-width: 459px) {
    .title-with-img-cont {
        padding-top: 22%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 459px) and (max-width: 500px) {
    .title-with-img-cont {
        padding-top: 29%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 575px) {
    .title-with-img-cont {
        padding-top: 25%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
    .title-with-img-cont {
        padding-top: 26%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner-car-img {
        width: 70%;
    }
}

/*Responsive Landscape */

@media screen and (max-width: 767px) {
    .about-left {
        text-align: left;
    }
    section.common-ride-section.pt-0 {
        padding-top: 20px !important;
    }
    .about-section h3 {
        font-size: 24px;
    }

    .res-lands-center {
        align-items: center;
    }

    .car-img-round {
        margin: 0px auto;
    }

    .caro-top {
        margin-top: 40px;
    }

    .max-wid-desc-app {
        max-width: 100%;
    }

    .device {
        flex: 0 0 60%;
    }

    .res-common-book {
        padding-top: 15%;
    }

    .booking-tab .item {
        padding: 20px 0;
    }

    .data-ride-cont table.dataTable {
        width: 220%;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 160%;
    }
    .loc-abs.banner-title {
        padding-top: 35%;
        padding-right: 0;
        padding-left: 0;
    }
    .owl-slider.caro-top {
        margin-top: 20px;
    }
    .tariff-section, .service-section, .getapp-section, .testinmonial-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .footer{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .banner-car-img {
        width: 85%;
        margin: 0px auto !important;
    }
    .carousel-control-prev {
        left: 0px;
    }
    .carousel-control-next{
        right: 0px;
    }
    .banner-car-img .carousel-inner{
        padding-bottom: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    .upcoming-trips-cont {
        overflow-x: auto;
    }

    .data-ride-cont table.dataTable.upcoming-trips {
        width: 120%;
    }
}

@media screen and (min-width: 516px) and (max-width: 575px) and (orientation: landscape) {
    .about-left {
        text-align: center;
    }
}

@media screen and (min-width: 1240px) and (max-width: 1366px) and (orientation: landscape) {
    .banner-car-img {
        width: 60%;
    }
}

@media screen and (min-width: 810px) and (max-width: 909px) and (orientation: landscape) {
    .title-with-img-cont {
        padding-top: 17%;
    }
}

@media(max-width: 870px) and (min-width: 768px){
    div#navbarSupportedContent .nav-link {
    padding: 5px 3px !important;
}
div#navbarSupportedContent .nav-item .nav-link {
    margin: 5px 0px;
    min-height: 27px;
}
.login-signup.pl-4.pl-md-0.ml-0.ml-md-2.py-2.no-pad-top {
    padding-bottom: 0px !important;
    margin-top: 5px;
}
.col-md-4.offset-md-1 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    margin: 0px;
}
}
@media(max-width: 1199px){
.nav.nav-pills.flx-dir img {
    display: none;
}
.nav.nav-pills.flx-dir .nav-item{
    height: auto;
}
ul#pills-tab {
    margin-bottom: 0px !important;
}   
.common-ride-section {
    padding-top: 15%;
    padding-bottom: 50px;
}
}

@media(max-width: 400px){
    .loc-abs.banner-title h2{
        font-size: 50px;
    }
}
.my-vehicles {
    text-align: center;
}
/* section.common-ride-section.pt-0 {
    padding-top: 20px !important;
} */
.veh-img img {
    border-radius: 10px;
}
.banner-car-img .carousel-item img {
    max-width: 70%;
    margin:0px auto;
    border-radius: 15px;
}

.dollor{
    /* color: #fff !important; */
}

/*this style is used for lanugage button  */

#options button{
    width: auto !important;
    border-radius:50px ;
}
button.btn.btn-info.btn-sm.dropdown-toggle{
    background-color: #000000 !important;
    height: 33px !important;
    outline: none;
    box-shadow: none;
}
.dropdown-menu{
    min-width: 6rem !important; 
    padding: 0 !important;

}

.dropdown-divider{
    margin: 0;
}


/*this width for mobile*/
.navbar-nav .dropdown-menu{
    width: 6rem;
}
@media screen and (min-width:768px) and (max-width:1400px){

    .langhead >ul> li > a{
        font-size: 11.5px !important;
    }
    .login-signup > a{
        font-size: 11.5px !important;
    }
}

.custom-dropdown-header{
    width: auto !important;
}