@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/AvenirNextLTPro-Bold.eot');
    src: url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('fonts/embedded-opentype'),
        url('fonts/AvenirNextLTPro-Bold.woff2') format('fonts/woff2'),
        url('fonts/AvenirNextLTPro-Bold.woff') format('fonts/woff'),
        url('fonts/AvenirNextLTPro-Bold.ttf') format('fonts/truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/AvenirNextLTPro-MediumIt.eot');
    src: url('fonts/AvenirNextLTPro-MediumIt.eot?#iefix') format('fonts/embedded-opentype'),
        url('fonts/AvenirNextLTPro-MediumIt.woff2') format('fonts/woff2'),
        url('fonts/AvenirNextLTPro-MediumIt.woff') format('fonts/woff'),
        url('fonts/AvenirNextLTPro-MediumIt.ttf') format('fonts/truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/AvenirNextLTPro-Demi.eot');
    src: url('fonts/AvenirNextLTPro-Demi.eot?#iefix') format('fonts/embedded-opentype'),
        url('fonts/AvenirNextLTPro-Demi.woff2') format('fonts/woff2'),
        url('fonts/AvenirNextLTPro-Demi.woff') format('fonts/woff'),
        url('fonts/AvenirNextLTPro-Demi.ttf') format('fonts/truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/AvenirNextLTPro-Regular.eot');
    src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('fonts/embedded-opentype'),
        url('fonts/AvenirNextLTPro-Regular.woff2') format('fonts/woff2'),
        url('fonts/AvenirNextLTPro-Regular.woff') format('fonts/woff'),
        url('fonts/AvenirNextLTPro-Regular.ttf') format('fonts/truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	color: #5d5e7a;
	font-size: 17px;
}
.homeCarousel .carousel-caption .themeButton i {
    height: 50px;
    width: 50px;
    background: #22b5ae;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
}
.topbar {
    background-color: #5d5e7a;
    color: #fff;
    background-image: url(../img/topbar.png);
    background-size: 50% calc(100% + 2px);
    background-position: right;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    padding: 10px 0;
}
.topbar p {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
}
.topbar ul {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    list-style: none;
}
.topbar ul a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.topbar ul li:last-child {
    padding-right: 0 ;
	border-left: 1px solid #fff;
}
.topbar ul li , .topbar ul .dropdown.show{
    padding: 0 18px;
}
header nav a {
    color: #5d5e7a;
}

header nav li {
    margin-left: 50px;
    text-decoration: none;
    position: relative;
    padding: 10px 0;
}
header nav li:hover a{
    text-decoration: none;
	color: #5d5e7a;
}
header a.navbar-brand img {
    height: 50px;
}
header nav li.active:before ,
header nav li:hover:before {
    height: 3px;
    content: "";
    width: 50%;
    position: absolute;
    left: 0;
    background: #23b5af;
    bottom: 0;
    float: left;
}
header nav li.active:after,
header nav li:hover:after {
    height: 3px;
    content: "";
    width: 50%;
    position: absolute;
    right: 0;
    background: #5d5e7a;
    bottom: 0;
    float: left;
}

.homeCarousel .carousel-caption {
    color: #5d5e7a;
    text-align: left;
    float: left;
    left: 15px;
}
.homeCarousel {
    background: #f7f8fc;
    padding: 80px 0;
}
.homeCarousel .carousel-caption h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    float: left;
}

.homeCarousel .carousel-caption h1 span {
    width: 100%;
    float: left;
    color: #23b5af;
}

.themeButton i {
    height: 50px;
    width: 50px;
    background: #fff;
    color: #23b5af;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
}
.themeButton {
    background: #fff;
    float: left;
    color: #5D5E7B;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 1px 1px 4px #eee;
    justify-content: space-around;
    align-items: center;
    width: 170px;
    display: flex;
    height: 51px;
    padding-left: 20px;
}
.themeButton:focus {
	outline: none;
}
.themeButton:hover {
    color: #5D5E7B;
	text-decoration: none;
}
section {
    padding: 60px 0;
    float: left;
    width: 100%;
}
.sectionTitle {
    font-weight: bold;
    color: #23b5af;
}
.sectionTitle span{
    color: #5d5e7a;
}

.headingDesign {
    width: 100px;
    margin: 0 auto 15px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.headingDesign:after {
    height: 18px;
    width: 18px;
    background: #fff;
    content: "";
    transform: rotate(45deg);
	border:1px solid #000;
}

.headingDesign:before {
    height: 18px;
    width: 18px;
    background: #23b5af;
    content: "";
    transform: rotate(45deg);
    margin-right: -10px;
}
.titleDiv p {
    padding: 0 100px;
}
.bookYourRide {
    padding: 40px;
    box-shadow: 0px 0px 28px #eee;
    border-radius: 10px;
    margin-top: 30px;
}
.bookYourRide h3 {
    font-size: 26px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
.bookYourRide p {
    margin: 0 0 40px 0;
}
.bookYourRide img {
    width: 100%;
}
.bookYourRide input {
    font-size: 19px;
    padding: 20px 10px 17px 49px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
.bookYourRide input:focus {
    border: 1px solid #23b5af;
	outline: none;
}
.bookYourRide input:focus::placeholder {
    color: #23b5af;
	opacity: 0.5;
}
.bookYourRide input:focus + label {
    color: #23b5af;
}
.bookYourRide .form-group label {
    position: absolute;
    left: 19px;
    top: 23px;
}
.bookYourRide .form-group {
    position: relative;
}
.bookYourRide .form-group {
    margin-bottom: 35px;
}
.button-group {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.bookYourRide button.themeButton {
    font-size: 19px;
    height: auto;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 180px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 60px;
}
.bookYourRide button.themeLeftbtn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 60px;
    padding-right: 0;
    background: #5d5e7a;
}
.bookYourRide .themeLeftbtn i {
    margin-right: 30px;
    margin-left: 0;
    left: 8px;
    right: unset;
    color: #5d5e7a;
}
.bookYourRide .themeButton i {
    position: absolute;
    right: 8px;
}
.postYourRide {
    background-image: url(../img/bookyourride.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    height: 400px;
	position: relative;
}
.postYourRide:before {
    background-image: url(../img/bookyourrideright.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 56%;
    float: left;
    position: absolute;
    content: "";
    top: 0px;
    height: calc(100%);
    right: 0;
}
.postYourRide .tab-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 40px;
    height: 280px;
    overflow: auto;
}
.postYourRide .tab-content h2 {
    font-weight: bold;
}
.postYourRide .nav-tabs {
    border: 1px solid #fff;
    margin: 0 40px;
    border-radius: 8px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.postYourRide .nav-tabs li {
	width: 50%;
}
.postYourRide .nav-tabs li a{
	padding: 15px;
	width: 100%;
	text-align: center;
	color: #fff;
	float: left;
	text-decoration: none;
}
.postYourRide .nav-tabs li a.active{
	background: #fff;
	color: #23b5af;
	border-radius: 8px;
}
.postYourRide a.postbtn, .postbtn {
    background: #fff;
    color: #23b5af;
    border-radius: 28px;
    border: none;
    outline: none;
    padding: 15px 50px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}
.noPadding{
	padding: 0;
}
ul.tripTabsIn {
    padding: 0;
    list-style: none;
    margin: 0px 0 0 0;
}

.tripTabs {
    display: flex;
    padding: 30px 0;
    box-shadow: 0 0 8px #eee;
    margin-bottom: 3px;
    align-items: center;
}

.UpcomingTrips .tripTabs.active {
    background: #5d5e79;
    color: #fff;
    border-radius: 9px;
	margin: 0;
}
.UpcomingTrips .tripTabs {
    cursor: pointer;
}

.tripTabs img {
    border-right: 1px solid;
    padding: 0 15px;
    margin-right: 28px;
    width: 110px;
}


ul.tripTabsIn li {
    font-size: 14px;
}

ul.tripTabsIn li b {
    font-size: 21px;
}

ul.tripTabsIn li i.fa.fa-map-marker {
    font-size: 21px;
}

ul.tripTabsIn li i {
    width: 24px;
}

.UpcomingTrips .tripTabs.active img {
    filter: brightness(0) invert(1);

}
.UpcomingTrips  ul.slick-dots{
	display: none !important;
}
.UpcomingTrips section {
    padding: 0;
    margin-top: -10px;
}
.tabData {
    background: #f7f8fc;
    padding: 20px 30px;
}
.tabData {
    background: #f7f8fc;
    padding: 20px 30px;
    border-top: 5px solid #23b5af;
}
.tabData > img {
    width: 90%;
}
.tabData ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}
.tabData ul li{
    margin-right: 20px;
}
.tabData ul {
    list-style: none;
    display: flex;
    margin: 30px 0 0 0;
    padding: 0;
}
.tabData ul img {
    width: 19px;
    margin-top: -3px;
}
.tabData h3 {
    font-weight: bold;
    margin: 0;
}
.tabData p {
    margin: 0;
    font-size: 15px;
    margin-bottom: 30px;
    margin-top: 3px;
}
.searFiletr input {
    padding: 10px 20px;
    outline: none;
    border: 1px solid;
    padding-right: 60px;
    border-radius: 25px;
}
.searFiletr label {
   height: 20px;
   width: 20px;
}
.searFiletr {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 30px;
}
.searFiletr label {
    height: 47px;
    width: 47px;
    position: absolute;
    right: 0;
    top: 0px;
    margin: 0;
    background: #5d5e7a;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	cursor: pointer;
}
.searFiletr  .form-group{
    position: relative;
}
.postYourRide.GetInTouch {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 440px;
    width: 100%;
    overflow: hidden;
}
.postYourRide.GetInTouch:before {
    background-image: url(../img/bookyourrideleft.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 56%;
    float: left;
    position: absolute;
    content: "";
    top: 0px;
    height: calc(100%);
    right: unset;
    left: 0;
}
.postYourRide.GetInTouch:after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    background: #f7f8fc;
    top: 50px;
    z-index: -1;
}
.postYourRide.GetInTouch .PostRideData h2 {
    font-size: 38px;
    color: #fff;
	text-align: left;
    text-transform: uppercase;
}
.postYourRide.GetInTouch .PostRideData p {
    font-size: 25px;
    margin: 25px 0;
    font-weight: 700;
    color: #fff;
    text-align: left;
}
.postYourRide.GetInTouch .PostRideData {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: baseline;
}
.testimonial_sec h2.sectionTitle {
    text-align: left;
    padding-left: 60px;
}
.testimonial_sec section.regular.slider {
    padding: 20px 30px 20px 77px;
}
.testimonial_sec section.regular.slider button.slick-prev, .testimonial_sec section.regular.slider button.slick-next {
    display: none !important;
}
.testimonial_sec section.regular.slider p {
    font-size: 14px;
    min-height: 75px;
    overflow: auto;
}
.testimonial_sec section.regular.slider h3 {
    color: #23b5af;
    font-size: 20px;
}
.testimonial_sec section.regular.slider h3 span {
    font-size: 13px;
    color: #797474;
    padding-left: 5px;
}
.testimonial_sec section.regular.slider ul.slick-dots {
    text-align: left;
}
.testimonial_sec section.regular.slider .slick-dots li button:before {
    line-height: 12px;
    width: 12px;
    height: 12px;
    content: '';
    opacity: 1;
    background: #5d5e7a;
}
.testimonial_sec section.regular.slider .slick-dots li.slick-active button:before {
    background: transparent;
    border: 1px solid #5d5e7a;
}
.testimonial_sec section.regular.slider .slick-dots li {
    width: 14px;
    height: 14px;
}
.ftr {
    width: 100%;
    float: left;
    padding: 75px 0;
}
.ftr .ftr_des {
    font-size: 12px;
    margin: 16px 0 0 0;
}
.ftr h3 {
    margin: 0 0 20px;
    font-size: 17px;
}
.ftr ul.ftr_menu_link , .ftr ul.ftr_add{
    padding: 0;
    list-style: none;
    font-size: 13px;
}
.ftr ul.ftr_menu_link li {
    width: 50%;
    float: left;
    margin: 0 0 6px;
}
.ftr ul.ftr_add li {
    margin: 0 0 10px;
}
.ftr ul.ftr_add li i {
    margin: 0 8px 0 0px;
}
.ftr ul.ftr_menu_link li a {
    width: 100%;
    float: left;
    color: #5d5e7a;
}
.ftr ul.ftr_menu_link li a:hover {
    text-decoration: none;
}
.ftr ul.ftr_menu_link li a i {
    margin-right: 8px;
}
.copy_right{
	background: #5d5e7a;
	padding: 8px 0;
	text-align: center;
	font-size:12px;
	color: #fff;
	width: 100%;
	float: left;
}
.modal button.close, .modal button.close:hover {
    position: absolute;
    right: -10px;
    top: -15px;
    width: 45px;
    height: 45px;
    background: #23b5af;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    border-radius: 50%;
    font-size: 20px;
    opacity: 1 !important;
    z-index: 9999;
    padding: 0;
}
.modal button.close:focus {
    outline: none;
}
.titleModal {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.titleModal p {
    font-size: 15px;
    margin: 0;
}

.titleModal h3 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 5px;
}
.modal input {
    font-size: 14px;
    padding: 15px 10px 15px 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;

}
.modal input:focus {
    border: 1px solid #23b5af;
	outline: none;
}
.modal input:focus::placeholder {
    color: #23b5af;
	opacity: 0.5;
}
.modal input:focus + label {
    color: #23b5af;
}
.modal .form-group > label {
    position: absolute;
    left: 19px;
    top: 12px;
}
.modal .form-group {
    position: relative;
}
.modal .form-group {
    margin-bottom: 20px;
}
.modal button.themeButton {
    font-size: 19px;
    height: auto;
    height: 54px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 180px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 60px;
}
.modal button.themeLeftbtn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 60px;
    padding-right: 0;
    background: #5d5e7a;
}
.modal .themeLeftbtn i {
    margin-right: 30px;
    margin-left: 0;
    left: 8px;
    right: unset;
    color: #5d5e7a;
}
.modal .themeButton i {
    position: absolute;
    right: 7px;
    height: 45px;
    width: 45px;
}
.modal .button-group {
    margin-top: 0;
}
span.deletebtn {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 30px;
    width: 30px;
    background: #ddd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    font-size: 14px;
    cursor: pointer;
}
.radio-btn {
    font-size: 14px;
    padding: 15px 10px 15px 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
    position: relative;
    display: flex;
}
.radio-btn .radio {
    width: 40%;
    float: left;
    position: relative;
}
.model .radio-btn .radio label{
    position: unset;
}
.radio-btn .radio label {
    margin: 0;
}
.radio-btn .radio input {
    width: 40px;
    position: relative;
    top: 2px;
}
.form-group .titleModal {
    margin-bottom: 20px;
}
ul.selectItem {
    list-style: none;
    padding: 0;
    display: flex;
    /* margin: 0; */
}
ul.selectItem li:last-child {
    margin: 0;
}
ul.selectItem li {
    float: left;
    margin-right: 10px;
    flex: 1;
}
ul.selectItem li input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

ul.selectItem li input:checked + label img {
	filter: brightness(0) invert(1);
}
ul.selectItem li .luggagechecked {
    background: #23b5af;
    color: #fff !important;
}
/* ul.selectItem li input:checked + label {
    background: #23b5af;
    color: #fff;
} */
ul.selectItem li .luggagechecked :before {
    content: "\f00c";
    background: #39b54a;
    color: #fff;
    height: 25px;
    width: 25px;
    position: absolute;
    font-family: fontAwesome;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -8px;
    right: -8px;
}
ul.selectItem li label {
    font-size: 14px;
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
}
ul.selectItem li label img {
    width: 18px;
}
.Preferences label.leftLabel {
    font-size: 14px;
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-weight: 600;
}
.Preferences label.leftLabel img {
    height: 18px;
    margin-right: 8px;
}
.Preferences textarea {
    font-size: 14px;
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
    margin-bottom: 14px;
    height: 160px;
}
.Preferences textarea:focus {
    outline: none;
}
.modal .button-group .form-group {
    margin-bottom: 0;
}
.loginBg {
    background: url(../img/loginbg.jpg);
    width: 100%;
    float: left;
    background-size: 100% 100%;
}
.boxLogin {
    max-width: 750px;
    margin: 50px auto;
    float: none;
    background: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 7px #ddd;
    overflow: hidden;
}

.boxLogin h3 {
    background: #5d5e7a;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 12px 0 15px 0;
    font-size: 24px;
}
.boxLogin form {
    width: 100%;
    float: left;
    padding: 35px;
}
.post_section .Preferences label.leftLabel {
    position: relative;
}

.socialLogin h4 {
    font-size: 24px;
    color: #5d5e7a;
    border-bottom: 2px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.boxLogin input {
    font-size: 19px;
    padding:10px 10px 10px 49px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
.boxLogin input:focus {
    border: 1px solid #23b5af;
	outline: none;
}
.boxLogin input:focus::placeholder {
    color: #23b5af;
	opacity: 0.5;
}
.boxLogin input:focus + label {
    color: #23b5af;
}
.boxLogin .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);margin-bottom: 0;
}
.boxLogin .form-group label i.fa.fa-lock {
    font-size: 20px;
}
.loginBg .boxLogin .form-group .checkboxbtn label {
    position: absolute !important;
    left: 30px;
}
.boxLogin .form-group {
    position: relative;
}
.boxLogin .form-group {
    margin-bottom: 20px;
}
.boxLogin .button-group {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.boxLogin button.themeButton {
    font-size: 19px;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 70px;
}
.boxLogin button.themeLeftbtn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 70px;
    padding-right: 10px;
    background: #5d5e7a;
}
.boxLogin .themeLeftbtn i {
    margin-right: 30px;
    margin-left: 0;
    left: 8px;
    right: unset;
    color: #5d5e7a;
}
.boxLogin .themeButton i {
    position: absolute;
    right: 8px;
}
.boxLogin .button-group .form-group {
    /* width: 50%; */
    margin-bottom: 10px;
}
.boxLogin .form-group .checkboxbtn label {
    position: unset;
    color: #5d5e7a;
}
.checkboxbtn input {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.boxLogin .button-group a {
    color: #23b5af;
}

.boxLogin .fullgroup .form-group {
    width: 100%;
	margin-top: 20px;
}
.socialLogin {
    width: 100%;
    float: left;
    padding: 0 100px;
    text-align: center;
}
.socialLogin ul {
    padding: 0;
    list-style: none;
}
.socialLogin ul {
    display: flex;
}

.socialLogin ul li {
    flex: 1;
    margin-right: 20px;
}

.socialLogin ul li:last-child {
    margin: 0;
}
.socialLogin ul li a {
    display: flex;
    padding: 0;
    border: 1px solid;
    align-items: center;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
}
form#loginform+.socialLogin ul li a.facebookBtn {    display: flex !important;}
.socialLogin ul li a.facebookBtn {
    background: #4862a3;
	border-bottom: 5px solid #304c92;
  display: block !important;

}

.socialLogin ul li a.googleBtn {
    background: #23b5af;
	border-bottom: 5px solid #00938e;
}
.socialLogin ul li a i {
    width: 53px;
    border-right: 1px solid #ffffff52;
    margin-right: 10px;
    padding: 15px 0;
    font-size: 26px;
}
.socialLogin > label {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 10px;
}
.socialLogin > label  a{
    color: #23b5af;
	text-decoration: none;
}
.boxLogin .fullgroup .form-group > label {
    position: unset;
    text-align: center;
    width: calc(100% - 100px);
    margin: 0 50px;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.searchfilter input {
    font-size: 14px;
    padding: 15px 10px 15px 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
.searchfilter span.deletebtn {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 30px;
    width: 30px;
    background: #ddd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    font-size: 14px;
    cursor: pointer;
}
.searchfilter .form-group > label {
    position: absolute;
    left: 19px;
    top: 15px;
}
.searchfilter .form-group {
    margin-bottom: 20px;
}
.searchfilter .form-group {
    position: relative;
}
.searchfilter ul {
    display: flex;
    padding: 0;
    list-style: none;
}
.searchfilter ul li {
    margin-right: 20px;
    width: 40%;
}
.searchfilter ul li:last-child {
    margin-right: 0;
    width: 20%;
}
.searchfilter ul li input[type="submit"] {
    background: #23b5af;
    color: #fff;
}
.searchfilter ul li input[type="submit"]:focus {
    outline: none;
}
.searchfilter ul li:last-child i {
    color: #fff;
}
section.searchfilter {
    background: #f4f5f9;
}
.resulttitle {
    padding: 15px 0 0 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.resulttitle h2 {
    font-weight: bold;
    font-size: 25px;
}
.item1 {
    text-align: center;
}
.item1 h4 {
    font-size: 19px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
}
.item1 p {
    color: #ea1111;
    font-size: 14px;
    margin: 0;
}
.item2 p {
    font-size: 14px;
    margin-bottom: 6px;
}
.item3 > img {
    width: 100%;
}
.item2 h4 {
    color: #23b5af;
}
.item3 h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item3 ul li, .item3 ul li:last-child {
    background: #ddd;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 7px;
}
.item3 ul li img {
    width: 15px;
}
.item4 h4 span {
    width: 100%;
    float: left;
    color: #23b5af;
    margin: 6px 0;
}
.item4 h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
}
.resultli {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px 10px;
    float: left;
    width: 100%;
}
.item4 p {
    font-size: 14px;
}
.resultli.active {
    background: #fff;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    border-radius: 10px;
}
.profilePage {
    background: #f4f5f9;
}
.profileSidebar{
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.topHead i {
    position: absolute;
    right: 40px;
    top: 25px;
    cursor: pointer;
}
.topHead {
    background: url('../img/topHead bg.png');
    background-size: 100% 100%;
    color: #fff;
    padding: 15px 45px 70px 45px;
    position: relative;
}
.topHead h2 {
    font-size: 23px;
    margin: 5px;
}
.userDetails {
    padding: 0 50px;
}
.userDetailsIn {
    display: flex;
    margin-top: -10px;
    margin-bottom: 50px;
}
.userDetailsIn > img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #11d4cc;
    margin-right: 40px;
}
.detailRight h2 {
    font-size: 20px;
    margin: 0;
    margin-top: 24px;
    color: #5d5e7a;
    font-weight: 700;
}
.contactInfo label {
    color: #23b5af;
    margin: 0;
}
.contactInfo label i {
    width: 25px;
}
.contactInfo p {
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 5px;
}
.profileSidebar .themeButton {
    font-size: 19px;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 195px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 40px;
    padding-left: 16px;
}
.ProfileTabs ul#tabs {
    display: flex;
    width: 100%;
    border: none;
}
.ProfileTabs ul#tabs  li {
    flex: auto;
}
.ProfileTabs ul#tabs li a {
    text-align: center;
    background: #5b5c78;
    width: 100%;
    padding: 15px 10px;
    float: left;
    border: 1px solid #fff;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
.ProfileTabs ul#tabs  li a.active {
    background: #fff;
    color: #5b5c78;
}
.tabData1 {
    background: #fff;
    padding: 30px;
    margin-top: 0px;
    min-height: 610px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    float: left;
    width: 100%;
}

ul#tabsIn li a {
    padding: 0 5px 10px;
    float: left;
    font-size: 16px;
    color: #5d5e7a;
    font-weight: 500;
    text-decoration: none;
}
ul#tabsIn li a.active {
    color: #23b5af;
	border-bottom: 2px solid;
}
.timings {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.timings p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.timings span {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    margin-top: 5px;
}
h3.fare {
    font-size: 15px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 30px;
}
h3.fare span {
    font-size: 19px;
    color: #23b5af;
}
.detailedRide p {
    margin-bottom: 4px;
    font-size: 14px;
}
ul.imgList {
    padding: 0;
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.imgList li, .imgList li:last-child {
    background: #ddd;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 7px;
}
.imgList li img {
    width: 15px;
}

.detailedRide > img {
    max-width: 60%;
    margin: 20px 0 10px 0;
}
.detailedRide h2 {
    font-size: 18px;
    color: #23b5af;
    margin-bottom: 20px;
}
.detailsIn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.detailsIn > img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #23b5af;
}
.ratingCol ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}
.detailsIn .driverCol2 p {
    margin: 0;
    font-size: 14px;
}
.driverDetails > h3 {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: bold;
}
.driverCol2 h4 {
    font-size: 18px;
    font-weight: bold;
}
.ratingCol ul li {
    margin-left: 5px;
    margin-bottom: 4px;
    margin-top: 0;
}
.ratingCol p {
    text-align: right;
}
.ratingCol ul li i {
    color: #ea9111;
}
.rideList {
    cursor: pointer;
}
.detailedRide{
	display: none;
}
.rideList {
    box-shadow: 0px 9px 13px #eee;
    float: left;
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
    border-top: 3px solid #23b5af;
    border-radius: 10px;
}
.showData .detailedRide {
    display: block;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.timings > span > i {
    margin-left: 10px;
    margin-right: 2px;
    color: #23b5af;
}

.timings > span > i.fa.fa-clock-o {
    font-size: 17px;
}
.driverDetails {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
h3.fare i {
    position: absolute;
    right: -10px;
    font-size: 19px;
    color: #23b5af;
    cursor: pointer;
    padding: 5px 10px;
    bottom: 0;
}
.showData .fa-angle-double-down:before {
    content: "\f102";
}
a.AddNewPost i {
    background: #23b5af;
    color: #fff;
    padding: 8px 10px;
    margin-left: 1px;
    border-radius: 50%;
}
a.AddNewPost1 {
    float: right;
    margin-top: 18px;
    color: #5d5e7a;
    font-weight: bold;
    text-decoration: none;
}
a.AddNewPost1 i {
    color: #000;
    background: none;
}
.myPostTable td {
    width: 50%;
    font-size: 14px;
    padding: 5px 0;
}
.myPostTable td :last-child{
    font-weight: bold;
}

.myPostTable{
	margin-top: 20px;
}
.myPostTable td:last-child {
    font-weight: normal;
    position: relative;
}

.myPostTable td:last-child:before {
	content: "-";
	position: absolute;
	left: -30px;
	top: 4px;
	font-weight: normal;
}
.myPostTable td.priceColor{
	color: #23b5af;
}
ul.passengersList {
    padding: 0;
    list-style: none;
    display: flex;
    margin-top: 29px;
}

ul.passengersList li {
    text-align: center;
    margin: 0 6px;
    font-size: 14px;
    font-weight: 500;
}
ul.passengersList li a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #5d5e7a;
    object-fit: cover;
}
ul.passengersList li a {
    color: #5d5e7a;
    text-decoration: none;
}
.driverDetails > h3 > span {
    float: right;
}
h4.destination {
    font-size: 18px;
    font-weight: bold;
    color: #23b5af;
}
.destinationDetails > h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.destinationDetails {
    background: #f2f2f2;
    padding: 20px 20px 0px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.walletBalance > h2 {
    font-size: 20px;
}

.walletBalance > h2 span {
    color: #23b5af;
}

.paymentHistory {
    background: #f5f5f5;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.paymentHistory p {
    margin: 0;
    font-size: 14px;
}

.paymentHistory h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.paymentLIstIn {
    box-shadow: 0px 3px 13px #eee;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.paymentLIstIn label {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #eeeff1;
    margin-bottom: 10px;
    font-weight: 500;
}
.paymentLIstIn label {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #eeeff1;
    margin-bottom: 10px;
    font-weight: 500;
}
.detailedPayment.firstItem {
    padding-top: 10px;
}
.detailedPayment {
    padding: 20px 15px 10px 15px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeff1;
}
.paymentLIstIn div:first-child {
    padding-top: 0;
}
.detailedPayment h2 {
    font-size: 16px;
    font-weight: bold;
}

.detailedPayment h2 span {
    float: right;
}

.detailedPayment p {
    margin-bottom: 10px;
    font-size: 15px;
}
span.positiveBalance {
    color: #23b5af;
}
.paymentLIst div:last-child {
    margin: 0;
}
a.LoadMore {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 5px;
    color: #23b5af;
    text-decoration: underline;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    top: 10px;
}

.tabData1 .boxLogin form {
    padding: 0;
}
.tabData1 .boxLogin {
    max-width: 100%;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.tabData1 .boxLogin button.themeButton {
    max-width: 180px;
    position: relative;
}
.tabData1  .boxLogin button.themeLeftbtn {
    float: right;
}


.grayBg {
    background: #f7f8fc;
    float: left;
    width: 100%;
}
.upDock .boxLogin {
    max-width: 100%;
    margin: 50px auto;
    border-radius: 0;
}
.upDock .boxLogin form {
    width: 100%;
    float: left;
    padding: 20px 15px;
}
.upDock .boxLogin .uploadBtn label {
    font-size: 19px;
    padding: 15px 0 17px 0;
    width: 100%;
    border-radius: 8px;
    border: 1px dashed #d1d2e3;
    position: unset;
    margin: 0;
    text-align: center;
}
.upDock .boxLogin .uploadBtn input {
    display: none;
}
.upDock span.deletebtn {
    top: 17px;
}
.upDock .boxLogin input:disabled {
    padding-right: 50px;
    padding-left: 20px;
}

.upDock .boxLogin button.themeButton {
    width: 180px;
    position: relative;
    padding: 1px 70px 1px 15px;
}
.upDock .boxLogin button.themeLeftbtn {
    float: right;padding: 1px 15px 1px 70px;
}
.upDock .userDetailsIn {
    display: flex;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 20px;
    align-items: center;
}
.upDock .userDetailsIn .form-group.uploadBtn {
    margin: 0;
}
.upDock .userDetailsIn p {
    color: red;
}
.boxLogin .form-group label img {
    width: 19px;
    margin-top: -1px;
}
.boxLogin .form-group input:focus + label img {
    width: 19px;
    margin-top: -2px;
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
}
.reviewTitle {
    padding: 10px 0;
    width: calc(100% - 60px);
    float: left;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin: 10px 30px 0px 30px;
}
.reviewcontent  {
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0px 20px 0;

    padding: 0 60px;
}
.reviewcontent h5 {
    margin-bottom: 30px;
	color: #23b5af;
}

ul.ratingCar li label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: none;
    padding: 0;
}
ul.ratingCar li label img {
    width: 90px;
}
ul.ratingCar li label span {
    color: #ccd1d7;
    font-weight: bold;
    font-size: 17px;
    margin-top: 25px;
}
ul.ratingCar li input {
    display: none;
}
ul.ratingCar li:after {
    width: 100%;
    height: 1px;
    content: "";
    background: #eee;
    position: absolute;
    right: -50%;
    top: 50px;
    z-index: -1;
}
ul.ratingCar li:last-child:after {
    display: none;
}
ul.ratingCar li {
    margin-right: 0;
    position: relative;
    z-index: 9;
}
ul.ratingCar li input:checked + label :before{
	display: none;
}
ul.ratingCar li input:checked + label {
    background: transparent;
}
ul.ratingCar li input:checked + label img {
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
    transform: scale(1.3);
}
ul.ratingCar li input:checked + label  span{
    color: #23b5af;
}
.reviewcontent h6 {
    font-size: 20px;
    margin-top: 30px;
}
.reviewcontent p {
    font-size: 14px;
    margin-bottom: 30px;
}
.reviewcontent textarea {
    overflow: auto;
    resize: vertical;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    height: 100px;
}
.reviewcontent textarea:focus{
    outline: none;
}
.boxLogin .reviewcontent .button-group {
    margin-top: 10px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    padding: 0 25%;
}
.upDock .userDetailsIn .ratingCol p {
    text-align: left;
    color: #555;
    margin: 0;
}
.upDock .userDetailsIn ul li {
    margin: 5px 0 0 0;
}
.upDock .userDetailsIn .detailRight h2 {
    margin-top: 14px;
}
.has-error {
    color: red !important;
    font-size: 13px;
    margin-top: 42px;
}

form#signupform .checkboxbtn label#term-error {
    position: absolute;
    left: 0;
    width: 100%;
    top:0px;
}
.checkboxbtn {
    position: relative;
}
ul.selectItem label.has-error {
    margin: 0;
    position: absolute;
    width: 95%;
    display: block;
    top: 52px;
    border: none;
    padding: 0;
}
input#price {
    padding-left: 10px;
}
.Preferences label#description-error {
    margin-top: 0;
}
.Preferences label#price-error, .Preferences label#vehicleId-error {
    left: 0;top:17px;
}
.Preferences textarea#description{margin-bottom: 0;}
/* loader */
.preloader {
position: fixed;
right: 0;
left: 0;
text-align: center;
top: 0;
z-index: 99;
height: 100%;
padding: 14% 0;
background: rgba(0, 0, 0, 0.55);
z-index: 99999999;
}
.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* loader */
.pagination_sec .pagination {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.pagination_sec .pagination li.page-item.active span.page-link {
 background: #36b5af;
 border-color: #36b5af;
}

.pagination_sec .pagination li.page-item a.page-link {
 color: #36b5af;
}
.grayBg.upDock .form-group.uploadBtn .has-error {
    max-width: 200px !important;
    position: absolute;
    font-size: 12px;
    border: none;
    top: 47px;
    left: 0;
    text-align: left;
}
.searchfilter ul.pagination li {
    width: auto;
    margin-right: 5px;
}
.postdetail button.themeButton {
    font-size: 19px;
    height: auto;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 180px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 60px;
}
.postdetail button.themeLeftbtn {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 60px;
    padding-right: 0;
    background: #5d5e7a;
}
.postdetail a.btn {
    font-size: 19px;
    height: auto;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 180px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 60px;
}
a{cursor:pointer;cursor:hand;}


/*********************added css 11-12-2020***************************/
/* .postrequest_section .btn-section {
    display: flex;
    justify-content: space-around;
}
.postrequest_section .boxLogin h3 {
    background: transparent;
    color: #00b4ad;
}
.postrequest_section .boxLogin {
    max-width: 850px;
}
.postrequest_section .btn-section .form-group {
    width: 35%;
}
.posttype_section .boxLogin h3
{
   background: transparent;
    color: #00b4ad;
}
.postdetailtype {
    display: flex;align-items: center;
    justify-content: space-around;
}
.postdivimg {
    width: 115px;
    height: 115px;
    text-align: center;
}
.postdivimg img {
width: 100%;

    border: 2px solid #00b4ad;
    border-radius: 60px;

}
.postcontent {
    width: 70%;
  position: relative;
}
.postcontent h1 {
    font-size: 20px;
    font-weight: 600;
    color: #757979;
}
.postcontent h1:hover{
    color: #00b4ad;
}
.postcontent .themebutton {
    position: absolute;
    right: 0;
    top: 10px;
    color: #fff;
}
.posttype_section .postcontent .themebutton i {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    background: #757979;
    align-items: center;
    border-radius: 60px;
}
.posttype_section .postcontent .themebutton i:hover {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    background: #23b5af;
    align-items: center;
    border-radius: 60px;
}
a:hover{text-decoration: none;}
.posttype_section .boxLogin {
    max-width: 850px;
    padding: 25px;
}
.postdetailtype {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-right: 4px solid #ccc;
    margin-bottom: 30px;
    box-shadow: 0 0 8px #e8e8e8;padding:10px;
}
.postdetailtype p {
    font-size: 14px;
}
.postdetailtype:hover{border-right-color:#23b5af;} */
.post_section label.leftLabel {
    position: absolute;
}
.post_section .Preferences label.leftLabel {
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
}
form#postupdateformsubmit .Preferences ul.selectItem li label {
    transform: unset;
}
form#postupdateformsubmit .Preferences .vehicledatadetail ul {
    display: flex;
    flex-direction: column;
    margin: 0;
}
form#postupdateformsubmit .Preferences .vehicledatadetail ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eae0e0;
    padding: 10px;
}
form#postupdateformsubmit .Preferences .vehicledatadetail ul li:last-child {
    border-bottom: none;
}
form#postupdateformsubmit .button-group .form-group {
    margin-right: 16px;
}
.post_section .form-group .radio-btn .radio label.radio-label {
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
}
.Preferences ul.selectItem li label {
    position: relative;
    float: left;
    top: 0;
    left: 0;
}
.post_section .boxLogin {
    max-width: 930px;
}
/*********************End css 11-12-2020***************************/


/*----------------12/11/2020--------------*/
section.bannerTop {
    background: url(../img/contactBanner.jpg);
    width: 100%;
    float: left;
    color: #fff;
    background-size: 100% 100%;
    min-height: 240px;
}
.bannerCaption p {
    width: 100%;
}
.bggreen {
    background: #23b5af;
}
.contactUsPage {
    padding: 0;
}
.contactUsPage form {
    background: #fff;
    float: left;
    width: 100%;
    padding: 40px;
}
.bookYourRide textarea{
	font-size: 19px;
    padding: 17px 10px 17px 20px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
	height: 100px;
}
.bookYourRide textarea:focus {
    border: 1px solid #23b5af;
    outline: none;
}
.contactUsPage form h3 {
    margin-bottom: 30px;
}
.contactUsPage .form-group {
    margin-bottom: 15px;
}
.button-group {
    margin-top: 0;
}
.contactUsPage .button-group .form-group {
    margin-bottom: 0;
}
.contactUsPage input {
    padding: 17px 10px 17px 49px;
}
.contactData {
    padding: 65px 40px;
    color: #fff;
}
.contactData p {
    display: flex;
}

.contactData p i {
    margin-top: 4px;
    margin-right: 20px;
}
.contactData h3 {
    margin-bottom: 40px;
}
.contactData ul {
    padding: 0;
    list-style: none;
    display: flex;
}

.contactData ul a {
    color: #fff;
    height: 50px;
    width: 50px;
    border: 1px solid;
    float: left;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    margin-right: 15px;
}
.contactData ul a:hover {
    background: #fff;
	color: #23b5af;
	text-decoration: none;
}
.colorTheme{
	color: #23b5af;
}
.boxLogin select {
    font-size: 19px;
    padding: 8px 10px 8px 15px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
.boxLogin select:focus {
    border: 1px solid #23b5af;
    outline: none;
}
.boxLogin textarea {
    font-size: 19px;
    padding: 15px 10px 17px 20px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
.boxLogin textarea:focus {
    border: 1px solid #23b5af;
    outline: none;
}
.requestPostPage h5 {
    font-size: 25px;
}
.requestPostPage h5 {
    font-size: 25px;
}
.requestPostPage .reviewcontent {
    padding: 0 15px;
}
.requestPostPage .reviewcontent .button-group {
    padding: 30px 25% 0 25%;
}
.boxLogin textarea:focus::placeholder {
    color: #23b5af;
	opacity: 0.5;
}
.boxLogin textarea::placeholder {
	opacity: 0.5;
}
.rAb .detailedRide {
    display: block;
}
.rAb {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0 30px;
}
.rAb p {
    font-size: 17px;
}
.spaceBet {
    margin: 30px 0;
}
.bookabc {
    display: flex;
    margin-top: 30px;
}

.bookeimg {
    margin: 0 20px;
}

.rAb p span {
    color: #23b5af;
}

.detailedRide ul {
    padding: 0;
    list-style: none;
}
p.withbg {
    margin: 20px 0 0 0;
    padding: 10px;
    background: #fdfdfd;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}
.rAb li img,
.bookeimg img {
    background: #eee;
    padding: 8px;
    height: 36px;
    width: 35px;
    object-fit: cover;
    border-radius: 50%;
}
.detailedRide ul li:last-child {
    margin: 0;
}
.rAb .detailedRide > img {
    max-width: 100%;
    width: 100%;
}
.detailedRide ul li {
    margin-bottom: 22px;
}
.ride-post img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 1px solid #5d5e7a;
    margin-left: -40px;
    margin-right: 30px;
    object-fit: contain;
}
.ride-post {
    border: 1px solid #eee;
    margin: 0 0 40px 0;
    float: left;
    width: 90%;
    display: flex;
    margin-left: 7%;
    border-left: none;
    border-right: 10px solid;
    position: relative;
}
.tripPost .reviewTitle {
    border-bottom: none;
    padding-bottom: 25px;
}
.tripPost .boxLogin {
    padding: 20px 0;
}
.ride-post > a {
    background: #23b5af;
    height: 40px;
    width: 40px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ride-post > a {
    background: #5d5e7a;
    height: 40px;
    width: 40px;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    float: right;
    position: absolute;
    right: 30px;
    top: 50px;
    text-decoration: none;
}
.ride-post:hover a{  background: #23b5af;}
.ride-post div> h2 {
    margin-top: 30px;
    font-size: 28px;
}
.ride-post.active div> h2 {
    color: #23b5af;
}
/* .ride-post.active img {
    border: 1px solid #23b5af;
} */
/* .ride-post.active > a {
    background: #23b5af;
} */
/* .ride-post.active {
    border-right: 10px solid #23b5af;
} */
.ride-post:hover {
    border-right: 10px solid #23b5af;
}
/*----------------12/11/2020--------------*/
/*----------------14/11/2020--------------*/
.boxLogin a.themeButton {
    font-size: 19px;
    height: auto;
    height: 60px;
    border: none;
    background: #23b5af;
    color: #fff;
    width: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 60px;
}
.upDock .boxLogin a.themeButton {
    width: 180px;
    position: relative;
}
/*----------------14/11/2020--------------*/

.post_details_page label {
    padding: 5px 10px !important;
}
.post_details_page ul.selectItem li .luggagechecked :before {
    height: 22px;
    width: 22px;
    top: -14px;
}.userDetailsIn #image-error {
    width: 200px;
}
#Videos .has-error {
    margin-top: 8px;
}


.ProfileTabs1 ul#myTabs li {
    width: 50%;
}
.ProfileTabs1 ul#myTabs li a{
    width: 100%;
    background: #eee;
    text-align: -webkit-center;
    padding: 15px 0;
    float: left;
    color: #555;
    text-decoration: none;
}
.ProfileTabs1 ul#myTabs li a.active{
    background: #23b5af;
    color: #fff;
}
.ProfileTabs1 .tab-pane {
    padding: 20px;
    border: 1px solid #ccc;
}
.ProfileTabs1 .form-group label {
    width: 100%;
    font-weight: bold;
}
.ProfileTabs1 .form-group input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;text-overflow: ellipsis;
    overflow: hidden;    font-size: 12px;
}
.ProfileTabs1 .copydiv {
    border-bottom: 1px solid #36b5af;
    margin-bottom: 20px;
    padding-bottom: 0;
    float: left;
    position: relative;
}
.ProfileTabs1 .tab-pane > i {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.ProfileTabs1 .tab-pane {
    position: relative;
    float: left;
}
  .profileSidebar .ProfileTabs1 .themeButton {
    height: 50px;
    margin-bottom: 0;
        width: 155px;
}
.ProfileTabs1 .themeButton i {
    height: 40px;
    width: 40px;
}
.Preferences ul.selectItem li label.has-error {
    position: absolute;
    bottom: -10px;    left: 17px !important;
    top: auto !important;
}
.boxLogin.posttrip .form-group .has-error {
    top: 16px;    left: 0;
}
.postdescriptionn label#description-error {
    bottom: -19px;
    top: auto;
}
.postdescriptionn {
    position: relative;
}
.ride-post a i {
    background: transparent;
    padding: 0;
}
.vehicledatadetail li:last-child {
    padding-right: 0;
}
.vehicledatadetail li {
    display: inline-block;
    padding-right: 12px;
}
.vehicledatadetail ul {
    padding: 0;
}
.copydiv.copydivc1 label.has-error {
    margin: 0;
}
.ProfileTabs1 .tab-pane .addmorefields {
    background: #36b5af;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    top: 10px;
    right: 20px;
}
.ProfileTabs1 .tab-pane .addmorefields:hover {
    box-shadow: 0px 0px 10px #989898;
}
/* .ProfileTabs1 .copydiv:nth-child(even) {
    border-top: 1px solid #36b5af;
    padding-top: 10px;
} */
.ProfileTabs1 .copydiv a.removefields {
    position: absolute;
    right: 0;
    top: 8px;
    background: red;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    z-index: 9;
}
.ProfileTabs1 .copydiv a.removefields:hover {
    box-shadow: 0px 0px 10px #8a8a8a;
}
/* div#Commentary .form-group img {
    width: 50px !important;
    height: 50px !important;
    margin-top: 3px;
    box-shadow: 2px 2px 15px #a2a2a2;
} */
label#description-error {
    margin-top: 85px;
}
.vehicleForm_EditProfile .copydivMain .copydiv .form-group label , .vehicleForm_EditProfile .form-group label {
    position: unset;
}
.tabData1 .boxLogin .form-group label {
   left: 16px;
    top: 17px;
}
.requestPostPage .boxLogin .form-group label {
    left: 10px;
    top: 15px;
}
/************responsive-css-start-here*****************/

@media(max-width:1024px)

{
.testimonial_sec section.regular.slider ul.slick-dots{width:auto;}
 #carouselExampleSlidesOnly .carousel-inner {overflow: visible;}
 .topbar ul li {  padding: 0 18px;}
}
@media(max-width:991px)
{

.ProfileTabs ul#tabs li a{font-size: 10px;}
.homeCarousel .carousel-caption h1 {font-size: 30px;}
.homeCarousel .carousel-caption {bottom: auto;top: -50px;}
.testimonial_sec h2.sectionTitle {font-size: 25px;}
.postYourRide.GetInTouch .PostRideData h2 {font-size: 28px; }
.postYourRide .tab-content h2{font-size: 21px;}
.PostRideData a.postbtn {margin-top: 0;display: inline-block;}
.ftr .ftr_desP{margin-bottom: 20px;}
.ftr{padding:15px 0;}
.topbar{background-size: 60% calc(100% + 2px); }
.topbar ul li {padding: 0 3px;}
.topbar ul{padding: 0;}

}

@media(max-width:767px)
{

 .container {max-width: 100%;}
 .topbar ul a { font-size: 10px;}
 .boxLogin {max-width: 650px;}
 .socialLogin ul li a.facebookBtn{display: flex !important;}
 .socialLogin ul li a{font-size: 15px;}
 .ProfileTabs1 .form-group input {font-size: 12px;}
 .userDetailsIn {flex-direction: column;  }
 .userDetails { padding: 0 25px;}
.ProfileTabs1 .form-group label {font-size: 12px !important;}
.ftr .ftr_des {margin-bottom: 20px;}
.ProfileTabs1 ul#myTabs li a{font-size: 13px;padding: 8px 0;}
 .ride-post > a{right: 5px;}
.requestPostPage .reviewcontent .button-group {
    padding: 30px 0;}
}
@media(max-width:568px)
{
.socialLogin h4 {font-size: 20px;}
}
@media(max-width:500px)
{
.requestPostPage .reviewcontent {
    padding: 0;}
.boxLogin .button-group .form-group { width: 100%;}
.requestPostPage .reviewcontent .button-group {
    padding: 0;
    display: flex;
    flex-direction: column;}
.ride-post {
    flex-direction: column;
    justify-content: center;
}
.ride-post > a{position: static;}
.ride-post img{margin: 0;}
.tabData1 .boxLogin{margin: 0;}
 ul#tabsIn li {text-align: center;}
ul#tabsIn li a{width: 100%; margin-bottom: 15px;}
.tabData1{padding: 15px;}
.profileContent {margin-top: 25px;}
.boxLogin .form-group label {left: 16px;top: 18px;}
.boxLogin .form-group .checkboxbtn label{font-size: 13px;}
.socialLogin ul li a i{text-align: center;}
.socialLogin ul li a {font-size: 13px;text-align: left;}
.socialLogin h4 {font-size: 20px;}
.boxLogin {max-width: 100%;margin: 25px 10px;}
.boxLogin form {padding: 15px;}
.socialLogin {  padding: 0 15px;}
.topbar ul li {padding: 0 5px;}
.navbar-header { width: 100%;display: flex;justify-content: center;}
.topbar ul {padding: 0;justify-content: center;}
.topbar p{text-align: center;}
 header nav li {margin-left: 0;padding: 10px 11px;}
 .homeCarousel .carousel-caption {bottom: auto;top: -62px;}
 #carouselExampleSlidesOnly .carousel-inner img.d-block.w-100 { padding-top: 200px;}
 .homeCarousel .carousel-caption h1 span {width: auto;padding-right: 10px;}
 .homeCarousel { padding: 80px 0 30px;}
 .titleDiv p {padding: 0;}
 section {padding: 30px 0;}
.bookYourRide {padding: 15px;}
.bookYourRide h3 {font-size: 25px;}

.postYourRide.GetInTouch {background: #fff;height: auto;width: 100%;padding-top: 30px;}
.postYourRide.GetInTouch .PostRideData h2,  .postYourRide.GetInTouch .PostRideData h2, .postYourRide.GetInTouch .PostRideData p  { color: #000;    text-align: center;}
.postYourRide.GetInTouch button.postbtn { background: #23b5af; color: #fff;}
.testimonial_sec {padding-top: 40px;}
.testimonial_sec h2.sectionTitle { text-align: center;padding-left: 0;}
.testimonial_sec section.regular.slider {padding: 20px;}
.testimonial_sec section.regular.slider h3 {text-align: center;}
.testimonial_sec section.regular.slider ul.slick-dots {width: 90%;text-align: center;}
.postYourRide.GetInTouch .PostRideData{align-items: center;}
.topbar ul a {font-size: 13px;}
.testimonial_sec section.regular.slider p{text-align: justify;}
.ftr .ftr_des{margin-bottom: 20px;}
}

@media(max-width:320px)
{
.userDetailsIn {align-items: center;margin: 0;}
.boxLogin .form-group label {left: 7px;}
.socialLogin h4 {font-size: 17px;}
.boxLogin .form-group .checkboxbtn label, .boxLogin .button-group a {font-size: 11px;}
.boxLogin input { padding: 15px 10px 15px 28px;}
.topbar ul a {  font-size: 11px;}
 header nav a {color: #5d5e7a;font-size: 15px;}
 header nav li { padding: 10px 9px;}
.homeCarousel .carousel-caption {top: -90px;}
.bookYourRide h3 {font-size: 20px;}
.postYourRide .tab-content {padding: 20px;height: auto;}
.postYourRide.GetInTouch .PostRideData h2 {font-size: 21px;}
.postYourRide.GetInTouch .PostRideData p {font-size: 20px;margin: 10px 0;}
.boxLogin h3{font-size: 18px;}
.tabData1 .boxLogin .form-group label {left: 11px; top: 20px;}
ul#tabsIn li {width: 100%;text-align: center;}
}
.topHead a{    color: #fff;}

.boxLogin textarea#address {
    padding-left: 40px;
    resize: none;
    overflow: auto;
    height: 60px;
}
.upDock .boxLogin form#profileform button.themeLeftbtn {
    float: left;
}
.userDetailsIn .form-group.uploadBtn label {
    width: 100%;
    display: block;
    min-width: 330px;
    top: 0;
    transform: none;
}
.boxLogin .form-group span.multiselect-native-select label {
   position: unset;
    display: inline-block;
    width: 100%;    padding-left: 20px;
}
span.multiselect-native-select .btn-group {
    display: block;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d1d2e3;
}
span.multiselect-native-select button.multiselect.dropdown-toggle.btn.btn-default {
    width: 100%;
    text-align: left;
}
.boxLogin .form-group span.multiselect-native-select label input {
    display: inherit;
    width: auto;
}
ul.multiselect-container.dropdown-menu{width: 100%;    padding-top: 20px;}
ul.multiselect-container.dropdown-menu>li a{outline: none;}





/*-------Chat Page css-----------*/
.ChatSection {
    padding: 30px 0;
}
.ChatSection div#people-list {
    width: 30%;
    float: left;
    padding: 20px;
    background: #36b5af;
    box-shadow: 0px 0px 20px #a09e9e;
    height: 520px;
    overflow: hidden;
    overflow-y: scroll;
}
.ChatSection div#people-list .search {
    width: 100%;
    float: left;
    position: relative;
}
.ChatSection div#people-list .search input {
    width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    padding: 0 30px 0 12px;
}
.ChatSection div#people-list .search input::placeholder {
    color: #fff;
}
.ChatSection div#people-list .search i {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #fff;
}
.ChatSection .chat {
    width: 70%;
    float: left;
    padding: 0;
}
.chatData {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 30px #d4cece;
    border-radius: 14px;
    padding: 0px;
    overflow: hidden;
    display: flex;
}
.ChatSection div#people-list .search input:hover, .ChatSection div#people-list .search input:focus {
    border-color: #fff;
    box-shadow: none;
    outline: none;
}
.ChatSection div#people-list .search {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}

.ChatSection div#people-list ul.list {
    width: 100%;
    float: left;
    padding: 0;
    list-style: none;
}
.ChatSection div#people-list ul.list li.clearfix {
    display: flex;
    margin: 0 0 10px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}
.ChatSection div#people-list ul.list li.clearfix .about {
    padding-left: 12px;
    color: #fff;
}
.ChatSection div#people-list ul.list li.clearfix .about .status {
    color: #76f776;
    font-size: 12px;
}
.ChatSection div#people-list ul.list li.clearfix .about .status i.fa.fa-circle.online {
    color: #76f776;
}
.ChatSection div#people-list ul.list li.clearfix img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.ChatSection div#people-list ul.list li.clearfix:hover {
    background: #fff;
    box-shadow: 0px 0px 10px #948d8d;
}
.ChatSection div#people-list ul.list li.clearfix:hover .about {
    color: #36b5af;
}
.ChatSection .chat .chat-header.clearfix {
    display: flex;
    box-shadow: 1px 5px 10px #cecece;
    padding: 10px 15px;
    position: relative;
}
.ChatSection .chat .chat-header.clearfix .chat-about {
    margin-left: 11px;
}
.ChatSection .chat .chat-header.clearfix .chat-about .chat-num-messages {
    font-size: 12px;
}
.ChatSection .chat .chat-history {
    height: 310px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}
.chat .chat-history .message-data {
    margin-bottom: 15px;
        text-align: right;
}
.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}
.me {
    color: #94C2ED;
}
.chat .chat-history .other-message {
    background: #94C2ED;
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}
.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #86BB71;
    border-width: 10px;
    margin-left: -10px;
}
.chat .chat-history .other-message:after {
    border-bottom-color: #94C2ED;
    left: 93%;
}
.online {
    color: #86BB71;
}
.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}
.chat .chat-history .my-message {
    background: #86BB71;
}
.chat .chat-history .message {
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
    margin-top: 0px;
}
.ChatSection .chat .chat-history ul {
    margin: 0;
    padding: 20px;
    list-style: none;
}
.ChatSection .chat .chat-message.clearfix {
    width: 100%;
    float: left;
    padding: 0px 15px 10px;
}
.ChatSection .chat .chat-message.clearfix textarea#message-to-send {
    width: 100%;
    float: left;
    height: 65px;
    font-size: 13px;
    padding: 6px;
    border: 1px solid #e2e0e0;
    resize: unset;
}
.ChatSection .chat .chat-message.clearfix textarea#message-to-send:focus {
    outline: none;
    border-color: #36b5af;
    box-shadow: 0px 0px 10px #c7c6c6;
}
.ChatSection .chat .chat-message.clearfix button {
    float: right;
    margin-top: 15px;
    max-width: 130px;
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    background: #36b5af;
    color: #fff;
    font-size: 15px;
    border: 1px solid #36b5af;
    box-shadow: 0px 0px 16px #c5c5c5;
}
.ChatSection .chat .chat-message.clearfix button:hover {
    box-shadow: 0px 0px 10px #9e9c9c;
    background: #22aba5;
}
.ChatSection div#people-list ul.list li.clearfix.active {
    background: #fff;
}
.ChatSection div#people-list ul.list li.clearfix.active .about {
    color: #36b5af;
}
.ChatSection .chat-header.clearfix img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.resultli .item1 .img-profile {
max-width: 80px;
border-radius: 50%;
height: 80px;
}
.resultli .item1 .img-profile img{object-fit: contain;}
.ProfileTabs .tab-pane .tabData1 .boxLogin .form-group .has-error {left:0; }
.ProfileTabs .tab-pane .tabData1 .boxLogin .form-group label {top: 50%;}
form#postformsubmit .radio-btn label.radio-label,form#postformsubmit .Preferences ul.selectItem label,.loginBg.post_section form#postformsubmit .Preferences label.leftLabel {
    transform: translateY(0);
}
form#postformsubmit .Preferences ul.selectItem{margin-bottom: 10px;}
.ProfileTabs1 .form-group input[type="file"]{    border: 1px dashed #ccc;}
#documentform .has-error {
    margin-top: 0;
}
#loginform .has-error {
    color: red !important;
    font-size: 13px;
    margin-top: 35px;
}
#signupform .has-error {
    color: red !important;
    font-size: 13px;
    margin-top: 35px;
}
.loginBg .boxLogin .button-group.fullgroup .form-group {
    width: 100%;
    float: left;
    display: flex;
}
.loginBg .boxLogin .button-group.fullgroup .form-group label {
    width: 100%;
    float: left;
    transform: unset;
    margin-bottom: 0px;
}
.loginBg.SignUpPage .boxLogin .form-group label.formIcon {
    transform: unset;
    top: 13px;
}
.loginBg.SignUpPage .boxLogin .form-group label.has-error {
    position: absolute;
    transform: unset;
    margin: 0 !important;
    bottom: -21px;
    top: unset;
    left: 0;
}

section.searchfilter .searchResult .img-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.searchfilter .searchResult .img-profile {
    display: flex;
    width: 87px;
    height: 87px;
    overflow: hidden;
    border-radius: 50%;
}
section.searchfilter .searchResult  .item1 h4 , section.searchfilter .searchResult .item1 p{
    width: 100%;
    float: left;
}
.loginBg.SignUpPage .boxLogin .form-group .checkboxbtn label.has-error {
    position: absolute !important;
    bottom: -18px;
    transform: unset;
    top: unset !IMPORTANT;
}
.ProfileTabs1 .tab-content .tab-pane {
    width: 100%;
    float: left;
}
.ProfileTabs1 .tab-content .tab-pane .copydivMain {
    width: 100%;
    float: left;
}
.ProfileTabs1 .tab-content .tab-pane .copydivMain .copydiv {
    width: 100%;
    float: left;
}
.ProfileTabs1 .tab-content .tab-pane .copydivMain .copydiv .form-group label {
    transform: unset;
}
.ProfileTabs1 .tab-content .tab-pane .copydivMain .copydiv .form-group {
    margin-bottom: 18px;
}
.upDock .boxLogin .ProfileTabs1 .tab-content .tab-pane form#documentform .form-group label {
    transform: unset;
}
.ProfileTabs1 .tab-content .tab-pane .copydivMain .copydiv .form-group label.has-error {
    font-weight: 100;
    margin: 4px 0 0 0 !important;
}
.ProfileTabs1 .tab-content .form-group .licenceshow span,
.ProfileTabs1 .tab-content .form-group .insuranceshow span,
.ProfileTabs1 .tab-content .form-group .rcshow span {
    margin: 5px 15px 10px 0 !important;
    display: inline-block;
    position: relative;
}
.upDock .boxLogin {
    padding: 30px 0;
    box-shadow: 0px 0px 30px #e6e4e4;
}
form#profileform .form-group label.has-error {
    transform: unset;
    top: 10px;
    left: 0;
}
form#profileform .form-group span.multiselect-native-select {
    width: 100%;
    float: left;
}
.form-group.SeltFrmGrp {
    width: 100%;
    float: left;
}
form#profileform .form-group span.multiselect-native-select label.has-error {
    margin: 0;
    position: absolute;
    bottom: -20px;
    top: unset;
    padding: 0;
}
.requestPostPage .reviewcontent .form-group label.has-error {
    transform: unset;
    margin-top: 0;
    top: unset;
    left: 0;
    bottom: -20px;
}
form#profileform .form-group label.has-error {
    margin: 0;
    top: unset;
    bottom: -20px;
}


.ProfileTabs1 .tab-content .form-group .licenceshow span img ,
.ProfileTabs1 .tab-content .form-group .insuranceshow span img ,
.ProfileTabs1 .tab-content .form-group .rcshow span img
{
    width: 60px;
    height: 60px;
}
.ProfileTabs1 .tab-content .form-group .licenceshow span a,
.ProfileTabs1 .tab-content .form-group .insuranceshow span a,
.ProfileTabs1 .tab-content .form-group .rcshow span a
 {
    position: absolute;
    top: -2px;
    right: -8px;
    background: #36b5af;
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.ProfileTabs1 .tab-content .form-group .licenceshow span a:hover ,
.ProfileTabs1 .tab-content .form-group .insuranceshow span a:hover,
.ProfileTabs1 .tab-content .form-group .rcshow span a:hover
 {
    background: red;
    box-shadow: 0px 0px 10px #8c8c8c;
}



/* multiple dates */
ul.selectItem li .seatingCapacitylabel svg#Capa_1 {
    width: 20px;
    height: 20px;
}
ul.selectItem li label.seatingCapacitylabel {
    padding: 8px !important;
}
.upDock .boxLogin form#bookingform ul.selectItem {
    margin: 16px 0 0 !important;
}
ul.selectItem li .luggagechecked span svg#Capa_1 path {
    fill: #fff;
}

ul.passengersList.passengersListData {
    display: unset;
    width: 100%;
    float: left;
}
ul.passengersList.passengersListData li {
    background: #eeeeee;
    padding: 15px 10px;
    width: 48%;
    margin: 0 1% 10px;
    float: left;
}
ul.passengersList.passengersListData li p a {
    width: auto;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
}
ul.passengersList.passengersListData li a p {
    margin: 10px 0 5px;
    font-size: 15px;
}
ul.passengersList.passengersListData li p {
    font-size: 12px;
}
ul.passengersList.passengersListData li p a {
    width: auto;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
    margin:0 3px;
}
ul.passengersList.passengersListData li:hover {
    box-shadow: 0px 0px 40px #d6d5d5;
}
.driverbtns {
    display: flex;
    flex-direction: column;
}
.driverbtns .btn.btn-success {
    margin-bottom: 8px;
    font-size: 12px;
}
.ratingCol.SerachRating ul {
    width: 70%;
    margin: 0 auto;
}
.ratingCol.SerachRating {
    width: 100%;
    float: left;
}
.ratingCol.SerachRating ul li:last-child i {
    color: #ea9010;
}
.ratingCol.SerachRating ul li {
    width: 19% !important;
    margin: 0 0.5%;
}
.ratingCol ul li:last-child{
  margin-left:5px;
}
.reviewcontent #reviewform .form-group {
    width: 100%;
    float: left;
}
.reviewcontent #reviewform  textarea {
    float: left;
}
.reviewcontent #reviewform .form-group #comment-error {
    transform: unset;
    position: absolute;
    bottom: 0;
    margin: 0;
    top: unset;
}
.upDock .userDetailsIn .form-group.uploadBtn label#image-error {
    padding: 0;
}

.upDock .boxLogin form#bookingform ul.selectItem li {
    max-width: 55px;
}
#Commentary label {
    font-weight: normal;
}
#postRequestForm label , form#postRequestFormUpdate label{
    transform: none;
}
#postRequestForm .radio-btn .radio input ,
 form#postRequestFormUpdate .radio-btn .radio input{
    width: auto;
    position: absolute;
    top: 4px;
}
#postRequestForm .radio-btn label.radio-label ,
form#postRequestFormUpdate .radio-btn label.radio-label  {
    position: static;
    width: auto;
    top: 0;
    left: 0;
    padding-left: 15px;
    transform: none;
}
form#postRequestFormUpdate button.themeButton {
    width: 230px;
}
/* Add New CSS SB */
#addDailyCommuteForm label , form#postRequestFormUpdate label{
    transform: none;
}
#addDailyCommuteForm .radio-btn .radio input ,
 form#postRequestFormUpdate .radio-btn .radio input{
    width: auto;
    position: absolute;
    top: 4px;
}
#addDailyCommuteForm .radio-btn label.radio-label ,
form#postRequestFormUpdate .radio-btn label.radio-label  {
    position: static;
    width: auto;
    top: 0;
    left: 0;
    padding-left: 15px;
    transform: none;
}
/* Add New CSS SB */
.SeltFrmGrp span.multiselect-native-select {
    position: relative;
    display: flex;
    flex-direction: column;

}
span.multiselect-native-select label#interestedmulti-error {
    order: 3;text-align: left;
    padding: 0;
}
.requestPostPage .boxLogin .Preferences .selectItem label#luggage-error {text-align: left;}
.requestPostPage .boxLogin .Preferences .selectItem label {left: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu.top {
    display: block !important;
}


/******************************* datetime picker css **********************/

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 50% !important;
}
.bootstrap-datetimepicker-widget .btn-primary {
    color: #fff;
    background-color: #32b5ae;
    border-color: #32b5ae;
}
.bootstrap-datetimepicker-widget .btn-primary:hover {
    color: #fff;
    background-color: #32b5ae;
    border-color: #32b5ae;
}
.bootstrap-datetimepicker-widget .bootstrap-datetimepicker-widget .timepicker-picker span {
    color: #32b5ae;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  color: #32b5ae !important;
}
.bootstrap-datetimepicker-widget .btn span  {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bootstrap-datetimepicker-widget table  tr:first-child td:first-child .btn:first-child span:before  {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d8";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5d5e7a;
    font-family: FontAwesome;
}
.bootstrap-datetimepicker-widget table  tr:last-child  td:first-child .btn:first-child span:before  {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d7";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: FontAwesome;
    color: #5d5e7a;
}
.bootstrap-datetimepicker-widget table  tr:first-child td:nth-child(3) .btn:first-child span:before  {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d8";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5d5e7a;
    font-family: FontAwesome;
}
.bootstrap-datetimepicker-widget table  tr:last-child  td:nth-child(3) .btn:first-child span:before  {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d7";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: FontAwesome;
    color: #5d5e7a;
}
/******************************* datetime picker css **********************/

.topbar .dropdown-menu a.dropdown-item {
    color: #000;
    padding: 5px;
}
.topbar .dropdown-menu {
    padding: 0;
}
.topbar .dropdown-menu{top: 6px !important;left: -75px !important;}
.topbar .dropdown-menu:before {
    position: absolute;
    content: "";
    width: 0;
    top: -7px;
    left: 75px;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #ffffff transparent;
}
.aboutpagecontent h3 {
  margin-bottom: 50px;
}
.aboutpagecontent li {
    list-style-type: none;
    padding-bottom: 12px;
}
section.about-sec {
    padding: 0;
}
.aboutmain {
    display: flex;
    width: 100%;
}
.bookingratingCol li {
    width: auto !important;
    margin: 0;
    padding: 0 !important;
}
.bookingratingCol ul li i {
    color: #ea9111;
}


.bubble {
    position: relative;
    width: 100%;
    float: left;
    top: -50px;
}
.typing-loader {
    margin: 0 auto;
    width: 9px;
    height: 9px;
    -webkit-animation: line 1s linear infinite alternate;
    -moz-animation: line 1s linear infinite alternate;
    animation: line 1s linear infinite alternate;
    position: absolute;
    bottom: 0;
    border-radius: 50%;
}
@-webkit-keyframes line{
    0%{

        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

      }
    25%{
            background-color: rgba(0,0,0, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(0,0,0,2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,2);

      }
}

@-moz-keyframes line{
    0%{

        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

      }
    25%{
            background-color: rgba(0,0,0, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(0,0,0,2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,2);

      }
}

@keyframes line{
    0%{

        background-color: rgba(0,0,0, 1);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

      }
    25%{
            background-color: rgba(0,0,0, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(0,0,0,2),
                    24px 0px 0px 0px rgba(0,0,0,0.2);

    }
    75%{ background-color: rgba(0,0,0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0,0,0,0.2),
                    24px 0px 0px 0px rgba(0,0,0,2);

      }
}
.about-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    object-fit: cover;
    position: relative;
    box-shadow: 0px 7px 10px #d8d7d7;
}
.aboutpagecontent {
    position: relative;
    overflow: hidden;
}
.aboutmain ul {
    padding: 25px;
}
.about-img h3.text-center {
    position: absolute;
    top: 44%;
    left: 180px;
    transform: translate(-50% , 0%);
    margin: 0;
    color: #fff;
    font-size: 27px;
    text-align: left;
}
.bookYourRide .about-img  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutpagecontent .aboutmain  li {
    list-style-type: disc;
    list-style-position: inside;
}
.contactUsPage form#contactform .form-group .has-error {
    position: unset;
    margin: 0;
    width: 100%;
}
.tabData a {
    color: #5d5e7a;
    text-decoration: none;
}

form#postformsubmit .Preferences .vehicledatadetail ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eae0e0;
    padding: 10px;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {
    text-decoration:none;
}

.panel-group .panel {
      border-radius: 0;
      box-shadow: none;
      border-color: #EEEEEE;
  }

  .panel-default > .panel-heading {
      padding: 0;    margin-bottom: 3px;
      border-radius: 0;
      color: #212121;
      background-color: #FAFAFA;
      border-color: #EEEEEE;
  }

  .panel-title {margin-bottom: 0;
      font-size: 14px;
  }

  .panel-title > a {
      display: block;
      padding: 15px;
      text-decoration: none;
      background: #efefef;
      color: #5d5e7a;
      font-size: 18px;
  }

  .more-less {
      float: right;
      color: #212121;
  }

  .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #EEEEEE;
  }
  .faq-sec #accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq-sec {
    padding: 50px;
}
.panel-body {
    padding: 15px;
    background: #ececec;
}
.vdetails {
    background: #f1f1f1;
    border: none;
    border-radius: 10px;
}
.UpcomingTrips .titleDiv {
    margin-bottom: 50px;
}
.boxLogin .post_trip_btn_bx .form-group, .boxLogin .post_trip_btn_bx .form-group button {
    width: auto;
}
.boxLogin .post_trip_btn_bx .form-group button {
    padding: 1px 35px 1px 80px;
}

input.timepicki-input {
    padding: 0 !important;
    height: 40px;
    width: 40px;
}
.ChatSection div#people-list ul.list li.clearfix .unread{
    position: absolute;
    top: 4px;
    right: 4px;
    width: 25px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    color: #000;
}
.ChatSection div#people-list ul.list li.clearfix:hover .unread {
    background: #36b5af;
    color: #fff;
}
#loginform .button-group .form-group {
    width: 50%;
}

.PopularTripsHed h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}
.PopularTripsHed ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.PopularTripsHed ul li {
    margin: 0px 0 12px;
    border-bottom: 1px dashed #32b5ae;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.PopularTripsHed ul li a {
    color: #5d5e7a;
    text-decoration: none;
}
.PopularTripsHed ul li span {
    color: #32b5ae;
}
.PopularTripsHed ul li a:hover {
    color: #32b5ae;
}
.PopularTripsHed ul li:last-child {
    border: none;
    padding: 0;
}

.vehicledatadetail.vehicledatadetailDesign ul {
    width: 70%;
    float: left;
    margin: 0;
}
.vehicledatadetail.vehicledatadetailDesign .ImagesSection {
    width: 28%;
    float: right;
}
.vehicledatadetail.vehicledatadetailDesign .ImagesSection img {
    width: 100%;
    object-fit: cover;
}
.vehicledatadetail.vehicledatadetailDesign {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin-top: 15px;
}

.vehicledatadetail.vehicledatadetailDesign ul li b {
    padding-right: 20px;
}
.vehicledatadetail.vehicledatadetailDesign ul li:last-child {
    border-bottom: none !important;
}

.searchResult .resultli:hover {
    box-shadow: 0px 0px 20px #e4e4e4;
}
form#postupdateformsubmit .button-group .form-group {
    width: 38%;
}
.tabData1.notificationdata p.notificationaccept a {
    margin: 3px 10px 0 0px;
}

body.post-trip .datepicker.datepicker-dropdown thead th.next,
body.post-trip .datepicker.datepicker-dropdown thead th.prev,
body.post-request .datepicker.datepicker-dropdown thead th.next,
body.post-request .datepicker.datepicker-dropdown thead th.prev
 {
    background-image: none;
}
form#postRequestForm .form-group .time_pick input , 
form#postRequestFormUpdate .form-group .time_pick input{
    margin: 0;
}
form#postRequestForm .form-group  .time_pick , 
form#postRequestFormUpdate .form-group .time_pick {
    width: 100%;
    float: left;
}
/* Add New CSS SB */
form#addDailyCommuteForm .form-group .time_pick input , 
form#postRequestFormUpdate .form-group .time_pick input{
    margin: 0;
}
form#addDailyCommuteForm .form-group  .time_pick , 
form#postRequestFormUpdate .form-group .time_pick {
    width: 100%;
    float: left;
}
/* Add New CSS SB */
.detailsIn a > img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #23b5af;
}
.NavButtonToggle {
    display: none;
}
.topbar ul .dropdown .dropdown-menu.show {
    top: 8px !important;
    margin: 0;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 25px #d0cece;
    padding: 0;
    width: 250px;
    display: block;
}
.topbar ul .dropdown .dropdown-menu.show a.dropdown-item {
    padding: 6px 10px;
    width: 100%;
    float: left;
    white-space: normal;
    font-size: 13px;
}
.topbar ul .dropdown .dropdown-menu.show a.dropdown-item:last-child {
    color: #23b5af;
}
.ChatSection .chat .chat-history ul {
    height: 100%;
}
#priceconfirm .modal-body .form-group label , #priceconfirmpopup .modal-body .form-group label{
    position: unset;
}
#priceconfirm .modal-body .form-group .numberonly ,  #priceconfirmpopup .modal-body .form-group .numberonly {
    padding: 10px;
}
.requestdetailparent .userDetailsIn {
    margin: 0px 0px 0 0px !important;
    margin-left: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
}
.requestdetailparent .userDetailsIn > a {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 100%;
}
.requestdetailparent .userDetailsIn .detailRight {
    width: 100%;
    float: left;
}
.requestdetailparent .userDetailsIn > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.requestdetailparent .rAb {
    margin-top: 0;
    padding: 0;
}
.imagesection {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 100%;
}
.imagesection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.requestdetailparent .fullDetailRideBooking .detailRight h2 {
    font-size: 20px;
    margin: 0;
    margin-top: 14px;
    color: #5d5e7a;
    font-weight: 700;
}
.blog-section {
    padding-top: 50px;
    padding-bottom: 10px;
}
.blog-section .blog-details {
    margin: 0 0 20px;
    background: #eee;
}
.blog-img {
    width: 100%;
    height: 100%;
}
.blog-img a {
    width: 100%;
    height: 100%;
    display: flex;
}
.blog-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-section .blog-details .blog-content {
    width: 100%;
    height: 100%;
    padding-top: 10px;
}
.blog-section .blog-details .blog-content h1 {
    font-size: 21px;
}

.blog-section .blog-details .blog-content h1 a {
    font-size: 21px;
    color: #000;
    margin: 10px 0 8px;
    width: 100%;
    float: left;
}
.blog-section .blog-details .blog-content p {
    width: 100%;
    float: left;
    font-size: 14px;
}
.blog-section .blog-details .blog-content p .read-more {
    font-size: 11px;
    margin: 0 0 0 7px;
    color: #00b4ae;
}
.blog-section .blog-details:hover {
    box-shadow: -1px -1px 26px #d5cece;
}
.blogdetail-section.single-blog {
    padding-top: 50px;
    padding-bottom: 20px;
}
.blogdetail-section.single-blog .blog-img {
    height: 300px;
    overflow: hidden;
}
.blogdetail-section.single-blog .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogdetail-section.single-blog .blog-content {
    padding-top: 20px;
    padding-bottom: 10px;
}
.bookYourRide.aboutpagecontent.contactUsPage .\31 about-img h3.text-center {
    margin: 30px 0 0;
}
.blogdetail-section.single-blog .blog-content h1 {
    font-size: 20px;
    border-top: 1px solid #27b3ac;
    text-align: center;
    border-bottom: 1px solid #27b3ac;
    padding: 10px 5px;
    margin: 0 0 18px;
}
.blogdetail-section.single-blog .blog-content h2 {
    font-size: 19px;
    border-left: 2px solid #27b3ac;
    padding-left: 10px;
    color: #27b3ac;
}
.requestdetailparent .fullDetailRideBooking .button-group .form-group .themeButton {
    margin-right: 10px;
}
#marketplaceadd .form-group input {
    padding: 10px;
}
.marketplace.requestPostPage .reviewcontent #marketplaceadd {
    padding: 15px;
}

.homeCarousel .carousel-caption a.themeButton {
    font-size: 15px;
}
.topbar ul li + .dropdown.show {
    padding: 0 !important;
}
.request section.searchfilter form#searchform ul li .form-group ul.request_from,
.request section.searchfilter form#searchform ul li .form-group ul.request_to,
section.searchfilter form#searchform ul li .form-group ul.post_from,
section.searchfilter form#searchform ul li .form-group ul.post_to {
    position: relative;
    background: #fff;
    top: 5px;
    padding: 7px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 12px #eaeaea;
    overflow: hidden;
    overflow-y: auto;
    height: 106px;
}
.request section.searchfilter form#searchform ul li .form-group ul.request_from li,
.request section.searchfilter form#searchform ul li .form-group ul.request_to li ,
section.searchfilter form#searchform ul li .form-group ul.post_from li,
section.searchfilter form#searchform ul li .form-group ul.post_to {
    width: 100%;
    font-size: 14px;
    margin: 0 0 3px;
    cursor: pointer;
}
.request section.searchfilter form#searchform ul li .form-group ul.request_from li:hover,
.request section.searchfilter form#searchform ul li .form-group ul.request_to li:hover ,
section.searchfilter form#searchform ul li .form-group ul.post_from li:hover,
section.searchfilter form#searchform ul li .form-group ul.post_to:hover {
    color: #23b5af;
}
.socialicon-whatsapp {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.socialicon-whatsapp a.postbtn {
    display: flex !important;
    padding: 0;
    width: 60px !important;
    height: 60px !important;
    float: left;
    margin: 0 20px 0 0px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 30px !important;
    text-decoration: none;
}
.socialicon-whatsapp a.postbtn:hover {
    background: #159892;
    color: #fff;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .rAb .detailedRide p {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 7px 0;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .userDetailsIn {
    justify-content: center;
    text-align: center;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .userDetailsIn a {
    margin: 0 auto;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .rAb .detailedRide h2 {
    margin: 0px 0 10px;
    display: flex;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .imagesection {
    margin: 0 auto;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .detailRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .detailRight .ratingCol ul {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .detailRight .ratingCol p {
    font-size: 14px;
    text-align: center;
    padding: 0;
    display: unset;
    border: navajowhite;
}
.grayBg.upDock.requestdetailparent .fullDetailRideBooking .detailRight p {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 7px 0;
    width: 50%;
    margin: 0 25%;
}
.userDetailsIn.userDetailsInPostDetails {
    margin-top: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
}
.userDetailsIn.userDetailsInPostDetails a {
    width: 150px;
    height: 150px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 50%;
}
.userDetailsIn.userDetailsInPostDetails a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fullDetailRideBookingPostDetails .row.rAb {
    padding: 0 15px;
}
.fullDetailRideBookingPostDetails .detailedRide .spaceBet p {
    padding: 7px 0px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
}
.fullDetailRideBookingPostDetails .button-group .form-group button.button-disabled.booking.themeButton {
    width: auto;
}
.fullDetailRideBookingPostDetails .detailedRide img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin: 0px auto 10px;
    float: unset;
    display: block;
    border-radius: 50%;
}
.profileSidebar .userDetails .userDetailsIn {
    align-items: center;
}
.profileSidebar .userDetails .userDetailsIn .detailRight h2 {
    margin: 0;
}
.profileSidebar .userDetails .userDetailsIn .detailRight .ratingCol p {
    text-align: left;
    margin: 0;
}




.row.PopularTripsHed.mt-4 ul li:hover {
    background: #23b5af !important;
}
.row.PopularTripsHed.mt-4 ul li {
    margin: 0;
    padding: 25px 20px;
    background: #ececec !important;
    border-radius: 6px;
    box-shadow: 0px 0px 9px #f1eded;
}
.row.PopularTripsHed.mt-4 ul li:hover a {
    color: #ffff;
}
.row.PopularTripsHed.mt-4 ul li:hover span {
    color: #fff;
}
.PopularTripsHed ul li a img {
    width: 36px;
    margin: 0 10px 0px 0px;
}
.row.PopularTripsHed.mt-4 ul li:hover a img {
    filter: brightness(0) invert(1);
}
.blog-section .blog-details .blog-img a {
    width: 350px;
    height: 200px;
}


.time_pick .timepicker_wrap {
    background: #fff;
    border: none;
    box-shadow: 0px 0px 27px #dedcdc;
}
.time_pick .timepicker_wrap .action-next, .time_pick .timepicker_wrap .action-prev {
    border: 0;
}
.time_pick .timepicker_wrap .ti_tx input, .time_pick .timepicker_wrap .mi_tx input, .time_pick .timepicker_wrap .mer_tx input {
    border-radius: 5px;
    width: 40px;
    height: 36px;
    font-size: 16px;
}
.time_pick .timepicker_wrap .action-next:hover, .time_pick .timepicker_wrap .action-prev:hover {
    background-color: #23b5af;
    filter: brightness(3);
    box-shadow: 0px 0px 10px #525252;
}
.form-group.SeltFrmGrp .btn-group button.multiselect.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.SeltFrmGrp span.multiselect-native-select ul.multiselect-container.dropdown-menu {
    padding: 10px;
}
.SeltFrmGrp span.multiselect-native-select ul.multiselect-container.dropdown-menu li a label.checkbox {
    padding: 0;
    margin: 2px 0 7px;
    display: flex;
    align-items: center;
}
.SeltFrmGrp span.multiselect-native-select ul.multiselect-container.dropdown-menu li a label.checkbox input {
    margin: 0 10px 0 0px;
}
.no-padding{
    padding: 0px !important;
}






/* rating start */
.therating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.starlabel {
    padding: 0 !important;
    margin: 0 !important;
}

.hide {
  display: none;
}

.clear {
  float: none;
  clear: both;
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating > label {
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    color: #000;
    width: 1.1em;
}

.rating > label:hover,
.rating > label:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    content: "\2605";
    color: #FFD700;
}
/* rating end */


.boxLogin .form-group label i {
    margin-top: 4px;
}
.ProfileTabs1 {
    margin-bottom: 15px;
}

.tabData1.notificationdata th, .tabData1.notificationdata td {
    padding: 5px;
}
th.DateColumn {
    min-width: 85px;
}


.reviewcontent .form-control, .SeltFrmGrp .btn.btn-default {
    height: 53px;
}
.requestPostPage .boxLogin .form-group label.ReturnD {
    top: 1px;
}
.form-group.ReturnChk .radio { 
    width: auto;
}
.form-group.ReturnChk .radio input#returncheckbox {
    left: -16px; 
    height: 19px;
    width: 19px;
    top: 1px;
}

section#shadow-host-companion {
    padding: 0;
}

.requestPostPage form#postRequestForm input {
    font-size: 17px;
    font-weight: normal;
    text-transform: capitalize;
}
/* Add New CSS SB */
.requestPostPage form#addDailyCommuteForm input {
    font-size: 17px;
    font-weight: normal;
    text-transform: capitalize;
}
/* Add New CSS SB */