/* body {
	font-family: Poppins, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
} */

header {
	position: relative;
}

.search-head {
	font-size: 1.2rem;
	margin: 0;
	font-weight: 500;
}

.bg-content {
	background-color: #f8f9fa !important;
	overflow: hidden !important;
}

.right-chevron {
	width: 30px;
	height: 30px;
}

.blue-chevron {
	width: 24px;
	height: 24px;
}

.w-hund {
	width: 100%;
}

.w-thrsvn {
	width: 95%;
}

.f12 {
	font-size: 12px !important;
}

.fG-1 {
	flex-grow: 1 !important;
}

.fW {
	flex-wrap: wrap !important;
}

.m-0 {
	margin: 0 !important;
}

.mLR_100 {
	margin: 0 60px !important;
}

.mt-10 {
	margin-top: 10px !important;
}
.f-10 {
	font-size: 10px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.pLR-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pR {
    position: relative;
}

.pA {
    position: absolute;
}

.cP {
    cursor: pointer;
}

.fR {
    float: right !important;
}

.pLR-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pR-0 {
    padding-right: 0 !important;
}

.pL-0 {
    padding-left: 0 !important;
}

.mL-7 {
    margin-left: 7px !important;
}

.pL-15 {
    padding-left: 15px !important;
}

.reschedule-list {
    padding: 10px !important;
}

.jce {
    justify-content: end !important;
}

.jcc {
    justify-content: center !important;
}

.mL-10 {
    margin-left: 10px !important;
}

.mR-10 {
    margin-right: 10px !important;
}

.loading {
    text-align: center;
    padding: 150px;
}

.search-breadcrumb {
    padding: 10px 0;
    background-color: #f8f9fa;
}

.marquee {
    width: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
}

.marquee img {
    height: 100%;
    margin-right: 30px;
    /* animation: marqueead 10s linear infinite; */
}

@keyframes marqueead {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.advertise-card {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: red;
}

.search-form {
    padding: 14px 20px;
    border-radius: 12px;
}

.from-icon, .to-icon {
    position: absolute;
    z-index: 2;
    width: 25px;
    top: 8px;
    left: 8px;
    height: 25px;
}

.calender-icon {
    position: absolute;
    z-index: 2;
    width: 20px;
    top: 8px;
    left: 8px;
    height: 25px;
}

.bPdP {
    margin: 4px 0 0;
}

.search-form .search-group {
	position: relative;
	margin-bottom: 1rem;
}

.search-form #search-btn {
    width: 180px;
    height: 44px;
    border-radius: 6px;
}

.search-form .search-control:not(.selectize-control),
.search-form .search-control>.selectize-input {
    color: #797979;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c5c4c4 !important;
    border-radius: 8px;
    width: 230px;
    height: 44px;
    padding: 0px 15px 0px 40px;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.search-form #search-onward-date,
.search-form #search-return-date {
    width: 180px;
}

.search-control.selectized+.search-control.single,
.search-control.selectized+.search-control.single>.selectize-input {
	border: none;
}

.search-control.selectized+.search-control.single>.selectize-input {
	display: flex;
	align-items: center;
}

.search-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

#trip-list-header {
    background: linear-gradient(90deg, rgba(21, 203, 251, 0.15) 0%, rgba(147, 252, 225, 0.15) 100%);
	color: #000;
    padding: 10px;
    border-radius: 4px;
}

.sorting-card {
    padding: 10px 0;
}

.bold {
    font-weight: bold !important;
}

#trip-list-header .active {
    color: #1496e0;
    font-weight: bold;
}

.total-trip-count {
    font-weight: bold;
    margin-left: 15px;
}

#trip-seats-card {
    margin-bottom: 15px;
}

#trip-filter-panel {
    padding: .5rem !important;
    background: linear-gradient(348.83deg, rgba(146, 141, 171, 0.05) 0%, rgba(0, 210, 255, 0.05) 100%);
    border-radius: 12px;
}

.filter-card {
    margin: -.5rem;
}

.filter-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    border-bottom: 1px solid #797979;
    padding-right: 9.5px !important;
    padding-left: 9.5px !important;
    color: #000;
}
.filter-heading a {
    color: #000;
    text-decoration: none;
}

.filter-word {
    font-size: 20px;
}

.departure-card {
    margin-top: .5rem;
    padding-top: 13.5px;
}

.pR_25 {
    padding-right: .25rem !important;
}

.departure-card .btn-outline-primary {
    color: #000;
    background-color: #ffff;
    background-image: none;
    border: 1px solid #ffff;
}
.departure-card .btn-outline-primary:not(:disabled):not(.disabled):active img,
.departure-card .btn-outline-primary:not(:disabled):not(.disabled).active img,
.departure-card .show>.btn-outline-primary.dropdown-toggle img {
    filter: invert(1) brightness(1000%) contrast(100%);
}


.departure-card .btn-outline-primary.disabled img,
.departure-card .btn-outline-primary:disabled img {
	filter: invert(0);
}


.bustype-card .btn-outline-primary {
    color: #000;
    background-color: #ffff;
    background-image: none;
    border: 1px solid #ffff;
}

.bustype-card .btn-outline-primary:not(:disabled):not(.disabled):active img,
.bustype-card .btn-outline-primary:not(:disabled):not(.disabled).active img,
.bustype-card .show>.btn-outline-primary.dropdown-toggle img {
    filter: invert(1) brightness(1000%) contrast(100%);
}

.bustype-card .btn-outline-primary.disabled img,
.bustype-card .btn-outline-primary:disabled img {
	filter: invert(0);
}

.bustype-card .btn-outline-primary {
	width: 50px;
    height: 50px;
    font-size: 12px;
    padding: 10px 5px;
}

.filter-section #collapseBoardingFilter,
.filter-section #collapseDroppingFilter,
.filter-section #collapseOperatorFilter,
.filter-section #collapseAmenitiesFilter {
    padding: 0;
    background-color: #fff;
    border-radius: 8px;
}

.filter-section #collapseBoardingFilter img,
.filter-section #collapseDroppingFilter img,
.filter-section #collapseOperatorFilter img,
.filter-section #collapseAmenitiesFilter img {
    position: absolute;
    z-index: 2;
    width: 20px;
    top: 19px;
    left: 20px;
    height: 20px;
}

.filter-section #collapseBoardingFilter .filter-search, 
.filter-section #collapseDroppingFilter .filter-search, 
.filter-section #collapseOperatorFilter .filter-search,
.filter-section #collapseAmenitiesFilter .filter-search {
    height: 38px;
    padding-left: 45px;
    border-radius: 6px;
    background: #F6F6F6;
}

.filter-section #collapseBoardingFilter .filter-cb-list,
.filter-section #collapseDroppingFilter .filter-cb-list,
.filter-section #collapseOperatorFilter .filter-cb-list,
.filter-section #collapseAmenitiesFilter .filter-cb-list {
    scrollbar-width: thin;
    margin: 0 0 0 7px;
}


/* App Slider */
.app-slider-container {
    margin-top: 16px;
    background: #ffffff;
    padding: 10px;
    border-radius: 12px;
}

.app-slider-card .slider-card {
    padding: 0 5px;
}

.app-slider img {
    width: 100%;
}
.app-slider .slick-dots {
    bottom: -35px;
}

.app-slider .slick-dots li {
    margin: 0;
}

.app-slider .slick-dots li button:before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 30px;
    background: #d9d9d9;
    opacity: 1;
}

.app-slider .slick-dots li.slick-active button:before {
    background: #02918a;
}

.app-slider .slick-prev, .app-slider .slick-next {
    font-size: 30px;
    color: #02918a;
}

.slick-prev:before, .slick-next:before {
    content: "";
}

.app-heading {
    font-weight: bold;
    margin-bottom: 10px;
}


.mini-busmap-layers .busmap-legend {
	font-size: 11px;
}

.mini-busmap-layers .busmap-overflow {
	position: relative;
	overflow: auto;
}

.mini-busmap-layers {
	border: .5px solid #dddddd;
	padding: 2px;
	border-radius: 4px;
}

.mini-busmap-layers .vertical-text {
	writing-mode: vertical-lr;
	white-space: nowrap;
	font-size: 10px;
	margin-bottom: 0;
	rotate: 180deg;
	color: #797979;
	margin: 1.5px 3px;
}

.trip-fare .onwardTag {
    font-size: 11px;
    position: relative;
    top: -5px;
    font-weight: 500;
	color: #797979;
}

.seatTag {
	position: relative;
	top: -3px;
}

.mini-busmap-layers .mini-upper-layer,
.mini-busmap-layers .mini-lower-layer {
	width: max-content;
	border-radius: 4px;
}

.mini-busmap-layers .mini-lower-layer {
	margin-top: 1.5px;
}

.mini-busmap-layers .driver-icon::before {
	content: '';
	display: inline-block;
	background: url(../images/icons/steering.png) no-repeat center top;
	background-size: 15px 15px;
	height: 25px;
	width: 20px;
}

/* Seat Type Styles */
.mini-busmap-layers .seat-select-visibilitys {
	border: .5px solid #d9d9d9;
}

.mini-busmap-layers .seat-lay-details {
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-bottom: 5px;
	border-radius: 2px;
	vertical-align: text-top;
}

.mini-busmap-layers .seat-lay-searchs,
.mini-busmap-layers .sleeper-lay-searchs,
.mini-busmap-layers .restroom-sleeper-filer {
	float: left;
	position: relative;
	font-size: 11px;
	cursor: pointer;
	margin: 1px;
	border-radius: 1px;
}

.mini-busmap-layers .seat-lay-searchs {
    width: 7.95px;
    height: 7.85px;
    line-height: 19px;
}

.mini-busmap-layers .sleeper-lay-searchs {
    width: 20px;
    height: 8px;
    line-height: 19px;
}

.mini-busmap-layers .vertical-seat {
	margin-top: -6px;
    margin-bottom: 0px;
    height: 20px;
    width: 8px;
    line-height: 4px;
    writing-mode: vertical-lr;
}

.mini-busmap-layers .restroom-sleeper-filer {
    width: 20px;
    height: 10px;
}

.mini-busmap-layers .restroom-lay {
	position: absolute;
	width: 100%;
	height: 46px;
	/* background: url(../images/icons/restroom.png) no-repeat center center; */
	background-size: contain;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	z-index: 1;
}
.mini-upper-layer-seats {
	border-bottom: 1px dashed #868886;
}

.minibusfilter {
	filter: blur(1px);
}

#minibusmap .busmap-overflow {
    overflow: hidden;
    margin-bottom: 0;
}

#minibusmap .seat-booked-ladies {
    border: 1px solid #ff4598;
    background-color: #ff89be;
}

#minibusmap .seat-booked-gents {
    border: 1px solid #067ea3;
    background-color: #02c9de;
}

#minibusmap .seat-booked-blocked {
	border: 1px solid #B88A4C;
	background-color: #EED4AF;
}

/* Seat Status Styles */
/*  .seat-booked {
	border: .5px solid #A0A0A0;
	background-color: #E8E8E8;
}

.seat-booked-gents {
	border: .5px solid #017099;
	background-color: #88D1F2;
}


.seat-available-gents {
	border: 1px solid #017099;
	background-color: #FFFFFF;
}

.seat-available-ladies {
	border: 1px solid #FF89BE;
	background-color: #FFFFFF;
}

.seat-booked-blocked {
	border: .5px solid #B88A4C;
	background-color: #EED4AF;
}

.seat-blocked-socialdis {
	border: .5px solid #6E6D6D;
	background-color: #C7C5AB;
}

.seat-available-other {
	border: .5px solid #bbbbbb;
	background-color: #d3d7d7;
}

.seat-available-you {
	border: .5px solid #008b00;
	background-color: #FFFFFF;
}

.seat-available-all {
	border: .5px solid #CCCCCC;
	background-color: #FFFFFF;
} */

/* .seat-selected {
	border: .5px solid #12532e;
	background-color: #27AE60;
    filter: contrast(0.5);
} */

.sleeper-selected {
	background: url(../images/search/seat-select-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}
.seater-selected {
	background: url(../images/search/seat-select-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}

.seat-booked-gents.SLEEPER {
	background: url(../images/search/male-booked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
    border: none;
}
.seat-booked-gents.SEATER {
	background: url(../images/search/male-booked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.seat-available-gents.SLEEPER {
	background: url(../images/search/male-available-sleeper.svg) no-repeat center;
    background-size: 54px;
}
.seat-available-gents.SEATER {
	background: url(../images/search/male-available-seater.svg) no-repeat center;
    background-size: 100% 100%;
}

.seat-booked-ladies.SLEEPER {
	background: url(../images/search/female-booked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
    border: none;
}

.seat-booked-ladies.SEATER {
	background: url(../images/search/female-booked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.seat-available-ladies.SLEEPER {
	background: url(../images/search/female-available-sleeper.svg) no-repeat center;
    background-size: 54px;
}

.seat-available-ladies.SEATER {
    background: url(../images/search/female-available-seater.svg) no-repeat center;
    background-size: 100% 100%;
}

.seat-booked-blocked.SLEEPER {
    background: url(../images/search/blocked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}

.seat-booked-blocked.SEATER {
    background: url(../images/search/blocked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}


.seat-disabled.SLEEPER{
    background: url(../images/search/disable-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}

.seat-disabled.SEATER{
    background: url(../images/search/disable-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}

.extras-icon {
    background-color: #f4f4f4;
    border-radius: 50%;
    padding: 3px;
    margin-top: 8px;
}

.mr_2 {
	margin-right: 2px !important;
}

.mbr-2 {
	margin-bottom: 2.5rem !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.pl_5 {
    padding-left: 5px !important;
}

.boardingpoint-count, .droppingpoint-count {
    height: 19px;
    width: 19px;
    border-radius: 50%;
    display: inline-block;
    background: #2d579f;
    color: white;
    text-align: center;
    font-size: 12px;
	padding: 1px;
	cursor: pointer;
}

.bus-profile {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    /* background: aqua; */
    /* background-image: url('../images/search/IMG.jpg'); */
    background-size: 100% 100%;
    display: inline-block;
}

.busgallery-background {
    background: url('../images/search/busimage-bg.svg') no-repeat bottom left;
    background-size: auto 100%;
}

.journeyTime {
	background: #f6f6f6;
    color: #797979;
    border-radius: 30px 30px;
    padding: 4px 4px;
	font-size: 12px;
}

.bus-features {
    padding: 4px 10px;
    border-radius: 36px;
    font-size: 10px;
    color: #fff;
    background: linear-gradient(90deg, rgba(161,56,243,1) 30%, rgba(234,107,255,1) 100%);
}

.newbus {
    color: #fff;
    background: linear-gradient(90deg, rgba(161,56,243,1) 30%, rgba(234,107,255,1) 100%);
}

.free-cancel {
    color: #000;
    background: linear-gradient(90deg, rgba(18, 239, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

.hg-g {
    color: #01a91e;
}

.hg-b {
    color: #1496e0;
}

.coming-from {
    background: linear-gradient(90deg, rgba(18, 239, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 5px;
}

.vehicle-details-card {
    margin: 10px 0 0;
    width: 99.5%;
}

.border-line {
    border: .8px solid #eeeeee;
    margin: 8px 0 0;
    position: relative;
    width: 95%;
    left: 15px;
    opacity: 0;
    transition: 1s;
}
.trip-ratings {
    display: flex;
    align-items: center;
    height: 22px;
}

.rating-star-card {
    display: flex;
    align-items: center;
    background: #258d3f;
    color: #fff;
    padding: 4px;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
}

.rating-user-card {
    display: flex;
    align-items: center;
    background: #f6f6f6;
    color: #797979;
    padding: 4px;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
}

.ratings-star, .ratings-user {
    margin-left: 3px;
}

/* bus image slider */
.image-slider {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 300px; 
    margin: auto;
    overflow: hidden;
    border-radius: 12px;
}

.trip-tabs-content .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.1s ease-in-out; 
}

.bus-image-new {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.trip-tabs-content .sslick-arrow {
    position: absolute;
    top: 60%;
    background: #4ac8ca;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    user-select: none;
    outline: none;
}

.trip-tabs-content .slick-prev {
    left: 30px;
}

.trip-tabs-content .slick-next {
    right: 30px;
}

.trip-tabs-content .slick-next::before, .trip-tabs-content .slick-prev::before {
    content: none;
}

.trip-tabs-content .sslick-arrow:hover {
    background: #3ba5a1;
    /* transform: scale(1.1); */
    color: #fff;
}

.trip-tabs-content .sslick-arrow i {
    font-size: 16px;
}

.trip-infos .border-left {
    border-left: 1px solid #cccccc;
}

/* .trip-infos:hover .trip-tabs {
    transition: 1s;
    opacity: 1;
} */

.tab-row {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.trip-infos:hover .tab-row {
    max-height: 100px;
}

.trip-infos:hover .border-line {
    opacity: 1;
    transition: 0.4s;
}

/* .tab-row {
    transform: scaleY(0);
    transform-origin: top;
    overflow: hidden;
    transition: transform 0.3s ease;
    will-change: transform;
}

.trip-infos:hover .tab-row {
    transform: scaleY(1);
}

.border-line {
    opacity: 0;
    transition: opacity 0.3s ease;
    will-change: opacity;
}

.trip-infos:hover .border-line {
    opacity: 1;
} */


/* .tab-row {
    height: 0;
    overflow: hidden;
    transition: height 1s ease;
    will-change: height;
}

.trip-infos:hover .tab-row {
    height: auto;
}

.border-line {
    opacity: 0;
    transition: opacity 0.4s ease;
    will-change: opacity;
}

.trip-infos:hover .border-line {
    opacity: 1;
} */
/* offers */
.trip-offer {
    padding: 3.5px 5.5px;
    display: flex;
    align-items: center;
}

.offer-1 {
    background: linear-gradient(90deg, rgba(18, 239, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    border: 0.5px solid #12efe4;
    border-radius: 37px;
    background-size: contain;
    font-size: 12px;
    text-align: center;
}

.offer-2 {
    position: relative;
    left: 15px;
    bottom: 5px;
    height: 35px;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    margin: -5px 0;
}

.offer-3 {
    height: 27px;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    margin-left: 18px;
}

.offer-2 {
    background: url(../images/search/offer-2.svg) no-repeat;
}

.offer-3 {
    background: url(../images/search/offer-3.svg) no-repeat;
}

.hl-off-percent {
    font-size: 14px;
    font-weight: bold;
    color: #f15700;
}

.hl-off {
    font-size: 14px;
    font-weight: bold;
}

.offer-colour {
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}

.trip-viewbusmap {
    border-radius: 6px;
    height: 37px;
    width: 124px;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.minhieghtstartsfrom {
    min-height: 21px;
}

.trip-list-container .trip-infos {
	position: relative;
	margin: 0em 0em 1em 0em;
	padding: 10px 5px;
	background: #ffffff;
	border-radius: 12px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.trip-list-conn-container .buslist-card {
	position: relative;
	margin: 0em 0em 1em 0em;
	padding: 10px;
	background: #ffffff;
	border-radius: 12px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.trip-list-container .trip-infos .trip-starttime,
.trip-list-container .trip-infos .trip-endtime {
	font-weight: 700;
	color: #3e3e52;
	font-size: 14px;
}

.trip-list-container .trip-infos .trip-onwards small {
	font-size: 14px !important;
}

.trip-list-container .trip-infos .trip-fare {
	font-weight: 700;
	font-size: 20px;
}


.trip-list-container .trip-infos .trip-fare-original {
	font-size: 14px;
}

.trip-list-container .trip-tabs {
	padding: 0.3rem 0;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
	color: #797979;
    /* opacity: 0;
    transition: 1s; */
}

.trip-list-container .trip-tabs [data-triptab] {
	padding-right: 4px;
	padding-left: 4px;
	margin: .4rem 0;
	font-size: 12px;
}

.trip-list-container .trip-tabs [data-triptab]:not(:last-child) {
	border-right: 1px solid #aaaaaa;
}

.trip-list-container  .trip-tabs-content:not(:empty) {
	padding: 1rem 0;
	border-top: 1px solid #e9e7e7;
	margin-top: 10px;
}

.trip-list-container  .busmap-container {
	text-align: unset;
}

.button-all {
    margin-right: 10px;
    width: 86px;
    height: 32px;
    border-radius: 4px !important;
    border-color: #d9d9d9 !important;
    color: #000;
}

.busmap-legend-inner {
    font-size: 13px !important;
}

.busmap-legend-inner .seat-lay-details {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-bottom: 5px;
    border-radius: 4px;
    vertical-align: text-top;
}

.busmap-card {
    border-radius: 8px;
    background: #fafefd;
    border: 1px solid #f6f9f8;
    text-align: center;
}

.busmap-divider {
    border-top: 1px solid #797979;
    margin: 1rem 1.5rem 1.5rem;
}

.busmap-info {
    padding: 8.5px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(150, 230, 161, 1) 12%, rgba(212, 252, 121, 1) 87%);
    margin-bottom: .8rem;
}

.fare-tabs small {
    color: #797979;
}

/* boarding & dropping */
.bpdpSelecting {
    width: 100%;
    background: white;
    border: 1px solid #f6f6f6;
    border-radius: 12px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.boarding-dropping-card {
    display: flex;
    justify-content: space-between;
    padding: 11px 14px 3.5px 15px;
}

.boarding-dropping-points-inner {
    display: flex;
    gap: 18.5px;
    align-items: center;
    font-size: 18px;
    color: #797979;
}

.boarding-point-divider {
    height: 22px;
    border-left: 1px solid #797979;
}

.bpdp-card-divider {
    margin-top: 0;
    margin-bottom: 3px;
    border-top: 1px solid #797979;
}

.boardingdroppingbold {
    font-weight: bold !important;
    color: #000;
}

.boarding-point-list-card, .dropping-point-list-card {
    padding: 9.5px 10px 16px;
    height: fit-content;
    max-height: 390px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.boarding-point-list-inner, .dropping-point-list-inner {
    box-sizing: border-box;
}


.boarding-time, .dropping-time {
    flex-grow: 1;
    text-align: right;
    font-size: 12px;
}

.boarding-name, .dropping-name {
    margin-left: 5px;
    font-weight: bold;
}

.bpaddress {
    font-size: 12px;
    color: #797979;
    margin-left: 18px;
}

.boarding-card, .dropping-card {
    display: flex;
}

.bpamenity, .dpamenity {
    /* display: flex; */
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    background: rgba(255, 102, 0, 0.1);
    border: 1px dashed #ff6600;
    border-radius: 8px;
    padding: 10px;
}

.bpamenity .ezeeicon-amenities, .dpamenity .ezeeicon-amenities {
    font-size: 14px;
}

.bpamenity .boarding-amenity, .dpamenity .boarding-amenity{
    display: flex;
    flex-wrap: wrap;
}

.bpamenity .amenity-name, .dpamenity .amenity-name {
    padding-right: 10px;
}

.bpamenity .boarding-amenity-inner:not(:last-child), .bpamenity .dropping-amenity-inner:not(:last-child) {
    border-right: 1px solid #797979;
}

.boarding-inner, .dropping-inner {
    cursor: pointer;
    width: 100%;
    padding: 8px 7px;
    border-radius: 12px;
}

.boarding-inner:hover, .dropping-inner:hover {
    background: #f9f9f9;
}

.boardingPointCard, .droppingPointCard{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding-right: 15.5px;
    padding-left: 15.5px;
    margin-bottom: 12px;
    background: white;
    border: 1px solid #f6f6f6;
    border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
.droppingPointCard {
    margin-bottom: 20px;
}

.boarding-point-container, .dropping-point-container {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    height: 59px;
    border-bottom: 0.8px solid #797979;
}

.boarding-details-container, .dropping-details-container {
    padding-top: 15.5px;
    padding-bottom: 16px;
}

.boarding-point-content, .dropping-point-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boarding-address-details, .dropping-address-details {
    padding: 0;
    margin-top: 10px;
    color: #ababab;
    text-align: left;
}

.boarding-point-heading, .dropping-point-heading {
    font-size: 18px;
    font-weight: bold;
}

#booking-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 72px;
    padding-right: 10px;
    padding-left: 10px;
    background: linear-gradient(90deg, rgba(1,155,247,1) 17%, rgba(18,240,228,1) 91%);
    border-radius: 12px;
    color: #fff;
    margin-bottom: 15px;
}

.boarding-point-title, .dropping-point-title {
    cursor: pointer;
}

.vertical-divider {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 1px;
    height: 29px;
    border-left: 1px solid white;
    margin-left: 25px;
}

.seat-info {
    margin-left: 25px;
}

.fare-box {
    font-weight: bold;
    font-size: 18px;
    width: 105px;
}

.selectedBorder {
    background: #27ae60;
}

.book-btn .btn:disabled {
    opacity: 1;
}

.in-journey {
    color: #1496e0;
}

.all-via-routes {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    opacity: 1;
    transition: opacity 1s ease-in-out;
    top: 6px;
}

.all-via-routes span {
    display: inline-block;
    transform: translateX(100%);
    transition: transform 1s ease-in-out;
    opacity: 0;
}

.all-via-routes.show span {
    opacity: 1;
    transform: translateX(0);
}

.w-240 {
    width: 230px;
}

.fare-margin {
    margin-top: 30px !important;
}


#seat-layout-fare-filter {
    display: flow-root;
}

#seat-layout-fare-filter .fare-labels {
    margin-top: 5px;
    margin-left: auto;
}

.rest-stopH {
    margin-left: 1rem;
}

.reporting-info-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 97px;
    padding-right: 16.5px;
    padding-left: 16.5px;
    margin-top: -12.5px;
    background: white;
    border: 0.5px solid #f6f6f6;
    border-radius: 8px;
}

.reporting-time, .travel-info-heading {
    position: relative;
    left: 100px;
}

.travel-info-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 16.5px;
    padding-left: 16.5px;
    margin-top: -12.5px;
    background: white;
    border: 0.5px solid #f6f6f6;
    border-radius: 8px;
}

.cancellation-table {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background: linear-gradient(180deg, rgba(21, 203, 251, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.cancellation-table .table td,
.cancellation-table .table th {
    padding: 1rem;
}

.cancellation-table .table th {
    background: rgba(223, 240, 250, 0.5);
}

.travel-policy {
    font-size: 12px;
    line-height: 17px;
    padding-left: 10px;
    margin: .5rem 0 !important;
}

.travel-policy li::marker {
    color: #f6f6f6;
    font-size: 20px;
}

.bpdpHeight {
    height: 450px;
}

.boarding-point-list-card::-webkit-scrollbar, .dropping-point-list-card::-webkit-scrollbar {
	width: 8px;
    border-radius: 38px;
}

.select-info-card {
    text-align: center;
    border-radius: 8px;
    background: #f9f9f9;
    font-size: 18px;
    padding: 22px;
    color: #797979;
    margin-bottom: 15px;
}

#selected-seat-next:focus {
    outline: none;
}

.COPYtooltip, .COPYConntooltip {
    position: absolute;
    top: -22px;
    left: -25px;
    padding: 3px 10px;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    display: none;
    z-index: 1000;
}

.imageloading {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 100% 100%;
    background-position: left -40px top 0px;
    animation: 1.5s ease 0s infinite normal none running shine;
}

.overall-amount-details {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.overall-amount-tooltip, .overall-seat-tooltip {
    display: none;
    position: absolute;
    left: -87px;
    bottom: 48px;
    background: linear-gradient(90deg, rgba(1, 155, 247, 1) 17%, rgba(18, 240, 228, 1) 91%);
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 9999;
    width: 220px;
    height: fit-content;
}

.overall-amount-details:hover .overall-amount-tooltip {
    display: block;
    transition:2s;
}

.seat-select-visibility:hover .overall-seat-tooltip {
    display: block;
    transition:2s;
}

.inValid-shadow {
    box-shadow: 0px 0px 4px rgba(255, 0, 0, 0.5) !important;
}


.toproutes-conatiner {
    padding: 1.5rem 7rem;
    color: #000;
    border-radius: 16px;
    background-color: #e0f0fa !important;
    background: url(../images/search/toproutes-bg.svg) no-repeat bottom;
    background-size: 100% auto;
    margin-bottom: 1rem;
}

/* .toproutes-conatiner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    filter: hue-rotate(180deg) brightness(5);
} */

.toproutes-conatiner .toproutes-heading  {
    padding: 0 0 5rem;
    font-weight: bold;
}

.toproutes-conatiner .routes-symbol  {
    display: inline-block;
    margin-right: .5rem;
}

.toproutes-conatiner .toproutes-card:not(:last-child),
.toproutes-conatiner .toproutes-card:nth-last-child(2) {
    margin-bottom: 15px;
}

/* connecting services  */
.fd-c {
    flex-direction: column !important;
}

.conn-line {
    height: 2px;
    background: #d9d9d9;
    width: 70px;
    margin-top: 6px;
    border-radius: 11px;
}

._fs-10 {
    font-size: 10px !important;
}
._fs-12 {
    font-size: 12px !important;
}

._mb-17 {
    margin: 0 0 17px 0 !important;
}

._ml-5{
    margin: 0 5px 0 0 !important;
}

._mb-7 {
    margin: 0 0 7px 0 !important;
}

._mt-10 {
    margin: 10px 0 0 0 !important;
}

._bl {
    border-left: 1px solid #a3a3a3 !important;
}

.conn-cont.badge {
    display: inline-block;
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 46px;
    width: max-content;
    height: 23px
}

.discount-bg {
    padding: 3.5px 5.5px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(18, 239, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    border: 0.5px solid #12efe4;
    border-radius: 37px;
    background-size: contain;
    font-size: 12px;
    text-align: center;
    width: max-content;
    gap: 6px;
}

.buslist-card .trip-tabs {
	padding: 0.3rem 0;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
	color: #797979;
    opacity: 0;
    transition: 1s;
}

.buslist-card .trip-tabs [data-triptab] {
	padding-right: 4px;
	padding-left: 4px;
	margin: .4rem 0;
	font-size: 12px;
}

.buslist-card .trip-tabs [data-triptab]:not(:last-child) {
	border-right: 1px solid #aaaaaa;
}

.buslist-card  .trip-tabs-content:not(:empty) {
	padding: 1rem 0;
	border-top: 1px solid #e9e7e7;
	margin-top: 10px;
}

.c-m-trip-infos:hover  .trip-tabs {
    transition: 1s;
    opacity: 1;
}

.buslist-card .border-line {
    width: 98%;
}

.starts-from {
    color: #797979;
}

.c-v-btn i {
    display: contents;
    margin-left: 5px;
}

.conn-viewbtn-mq  .btn:hover {
    opacity: 1 !important;
}

.sequence-card {
    text-align: center;
    position: relative;
    height: 54px;
}

.borderofStation {
    padding: 13px;
}

/* .station-head {
    border-bottom: 2px solid blue;
} */

.conn-selected-seat-card {
    width: 100%;
    background: white;
    border: 1px solid #f6f6f6;
    border-radius: 12px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin-bottom: 10px;
}

.conn-selected {
    display: flex;
    gap: 10px;
    margin-top: 7px;
    flex-wrap: wrap;
}

.conn-busmin-title {
    color: #f15700;
    font-size: 12px;
}

/* timelinee */
#conn-trip-pts-accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative;
    margin: 10px 0 40px 0;
}

#conn-trip-pts-accordion:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ddd;
    top: 87%;
    left: 50%;
    transform: translateY(-50%);
}

.closestdiv:not(:first-child):not(:last-child)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ddd;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

/* .closestdiv:last-child::before {
    display: none;
} */

.closestdiv {
    position: relative;
    transition: background-color 1s ease;
}

.borderofStation {
    position: relative;
    z-index: 2;
}

/* .closestdiv:not(:last-child)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: blue;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
} */

/* new */
/* .closestdiv:first-child:not(:last-child) .checked:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: blue;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.closestdiv:not(:first-child):not(:last-child) .checked:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: blue;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.closestdiv:last-child:before {
    display: none;
} */

.blue-checked:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: blue !important;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
    animation: slideIn 1s forwards;
}

.middle-checked:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: blue !important;
    bottom: 6%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 2;
    animation: slideIn 1s forwards;
}

.connecting-content {
    min-height: 285px;
}

.last-checked:before {
    display: none;
}

.removeBlue:before {
    background-color: #ddd !important;
    animation: slideOut 1s forwards;
}

@keyframes slideIn {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes slideOut {
    from {
        width: 100%;
    }
    to {
        width: 0;
    }
}

.connecting-details-card .gst-card {
    margin-bottom: 16px;
}


/* media query for between  1024px to 1440px*/
@media screen and (min-width: 1024px) and (max-width: 1430px) {
    .search-form #search-btn {
        width: 100px;
    }

    .mLR_100 {
        margin: 0 !important;
    }

    .bus-profile {
        width: 50px;
        height: 50px;
    }

    .trip-viewbusmap {
        width: 103px;
    }

    .search-form .search-control:not(.selectize-control), .search-form .search-control>.selectize-input {
        width: 230px;
    }
    
    .boarding-dropping-points-inner {
        font-size: 17px;
    }

    #selected-seat-next {
        color: #9a4fff;
        width: 80px;
        height: 40px;
    }
    .trip-offer {
        padding: 0;
    }
    .trip-offer .hl-off {
        font-size: 11px;
    }
    .toproutes-conatiner .toproutes-heading {
        padding: 0 0 2rem;
        font-size: 25px;
    }
}

/* media query for between  768px to 1024px*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search-form #search-btn {
        width: 100px;
    }

    .mLR_100 {
        margin: 0 !important;
    }

    .bus-profile {
        width: 50px;
        height: 50px;
    }

    .trip-viewbusmap {
        width: 103px;
    }

    .search-form .search-control:not(.selectize-control), .search-form .search-control>.selectize-input {
        width: 170px;
    }

    .boarding-dropping-points-inner {
        font-size: 16px;
    }

    .bustype-card .row {
        margin: 0;
    }

    .bustype-card .row .col-3 {
        padding: 0;
    }

    .time-duration-card.ml-15{
        margin: 0 !important;
    }

    #selected-seat-next {
        color: #9a4fff;
        width: 80px;
        height: 40px;
    }
    .trip-offer {
        padding: 0;
        margin-left: -7px;
    }

    .trip-offer .mL-7 {
        margin-left: 0px !important;
    }

    .trip-offer .hl-off {
        font-size: 11px;
    }
    .bPdP .text-left {
        padding: 0;
    }
    .vehicle-details-card .col-md-8 {
        padding-left: 0;
    }
    .toproutes-conatiner .toproutes-heading {
        padding: 0 0 2rem;
        font-size: 25px;
    }
}