.W-100{width: 100%;}
.header.sticky .header-nav{
	height: 70px;
}
.header.sticky .header-nav .logo{
	width: 115px;
}

.sticky-logo, .header.sticky .nav-logo{
	display: none;
}

.header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

.header.sticky .sticky-logo{
	display: block;
}

.header.sticky .header-nav .main-nav li a{
	color: #0A1C34;
}

.header.sticky .header-navbar-rht li a.header-login{
	background: #65adfe;
	color: #fff;
}

.bus-animation{
	width: 180px;
	position: relative;
	margin: 0px auto;
	top: 40px;
	/* -webkit-animation: raftoshod 7s infinite; 
     -moz-animation:    raftoshod 7s infinite; 
     -o-animation:      raftoshod 7s infinite; 
     animation:         raftoshod 7s infinite;  */
}

/* @keyframes raftoshod {
    0%   { left: -80px; }
    100% { left: 100%; }
  }
 */

.best-offers{
	padding: 40px 0px;
}

.best-offers .slick-slide{
	padding: 0 10px
}

.offer-banners .banner-card{
	position: relative;
    border-radius: 8px;
}

.offer-banners .banner-card img{
	border-radius: 8px;
    position: relative;
}

.offer-banners .banner-card::before{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
    border-radius: 8px;
    
}

/*.offer-banners .slick-slide:nth-child(1) .banner-card::before{
	background: linear-gradient(140deg, #906521 25%, rgba(144, 101, 33, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(1) .banner-card .offcer-data a{
	color:#906521;
}

/*.offer-banners .slick-slide:nth-child(2) .banner-card::before{
	background: linear-gradient(140deg, #0021FF 25%, rgba(0, 33, 255, 0) 100%);*/
/*}*/

.offer-banners .slick-slide:nth-child(2) .banner-card .offcer-data a{
	color:#0021FF;
}

/*.offer-banners .slick-slide:nth-child(3) .banner-card::before{
	background: linear-gradient(140deg, #FF4500 25%, rgba(255, 69, 0, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(3) .banner-card .offcer-data a{
	color:#FF4500;
}

/*.offer-banners .slick-slide:nth-child(4) .banner-card::before{
	background: linear-gradient(140deg, #0D3E8A 25%, rgba(50, 205, 50, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(4) .banner-card .offcer-data a{
	color:#0D3E8A;
}

/*.offer-banners .slick-slide:nth-child(5) .banner-card::before{
	background: linear-gradient(140deg, #209F30 25%, rgba(144, 101, 33, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(5) .banner-card .offcer-data a{
	color:#209F30;
}

/*.offer-banners .slick-slide:nth-child(6) .banner-card::before{
	background: linear-gradient(140deg, #985DF6 25%, rgba(0, 33, 255, 0) 100%);*/
/*}*/

.offer-banners .slick-slide:nth-child(6) .banner-card .offcer-data a{
	color:#985DF6;
}

/*.offer-banners .slick-slide:nth-child(7) .banner-card::before{
	background: linear-gradient(140deg, #FF4500 25%, rgba(255, 69, 0, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(7) .banner-card .offcer-data a{
	color:#FF4500;
}

/*.offer-banners .slick-slide:nth-child(8) .banner-card::before{
	background: linear-gradient(140deg, #32CD32 25%, rgba(50, 205, 50, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(8) .banner-card .offcer-data a{
	color:#32CD32;
}

/*.offer-banners .slick-slide:nth-child(9) .banner-card::before{
	background: linear-gradient(140deg, #01aef0 25%, rgba(50, 205, 50, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(9) .banner-card .offcer-data a{
	color:#01aef0;
}

/*.offer-banners .slick-slide:nth-child(10) .banner-card::before{
	background: linear-gradient(140deg, #000000 25%, rgba(50, 205, 50, 0) 100%);
}*/

.offer-banners .slick-slide:nth-child(10) .banner-card .offcer-data a{
	color:#000000;
}

.banner-card .offcer-data{
	position: absolute;
    top: 0px;
    padding: 30px;
    width: 80%;
    z-index: 9;
}

.banner-card .offcer-data h3{
	font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin: 0px 0px 10px;
}

.banner-card .offcer-data p{
	font-weight: 500;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.banner-card .offcer-data a{
	background: #fff;
    color: #000;
    text-transform: uppercase;
    padding: 6px 12px;
    font-size: 13px;
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
}

.operators-list{
	background: #fff;
	padding: 25px 10px;
	border-radius: 8px;
	display: block;
	text-align: center;
	min-height: 150px;
	border: 1px solid #D2D2D2;
}

.operators-list img{
	height: 60px;
	margin-bottom: 10px;
}

.operators-list p{
	margin: 0px 0px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.section-why-choose{
	padding: 60px 0px 30px;
	position: relative;
}

.why-choose{
	position: relative;
}

.steps{
	position: relative;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.steps .iteam {
	width: 200px;
	text-align: center;
	position: absolute;
}

.steps .iteam p{
	font-size: 17px;
	font-weight: 600;
}

.steps .iteam .circle{
	width: 160px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0px;
    
}

.steps .iteam:nth-child(1){
	left: -50px;
	top: 240px;
}

.steps .iteam:nth-child(2){
	left: 110px;
	top: 40px;
}

.steps .iteam:nth-child(3){
	top: -25px;
}

.steps .iteam:nth-child(4){
	right: 130px;
	top: 60px;
}

.steps .iteam:nth-child(5){
	right: -50px;
	top: 240px;
}

.steps .iteam:nth-child(1) .circle{
	background-color: #F28C28; 
    border: 17px solid #FAA61A;
    box-shadow: 0 0 0 7px #FED7A2;
}

.steps .iteam:nth-child(1) p{
	color:#F28C28;
}

.steps .iteam:nth-child(2) .circle{
	background-color: #1ca4d6; 
    border: 17px solid #3eb9e6;
    box-shadow: 0 0 0 7px #9fdcf3;
}

.steps .iteam:nth-child(2) p{
	color:#1ca4d6;
}

.steps .iteam:nth-child(3) .circle{
	background-color: #e64077; 
    border: 17px solid #f76897;
    box-shadow: 0 0 0 7px #fbb4cb;
}

.steps .iteam:nth-child(3) p{
	color:#e64077;
}

.steps .iteam:nth-child(4) .circle{
	background-color: #bf4a9e; 
    border: 17px solid #d661b5;
    box-shadow: 0 0 0 7px #ebb0da;
}

.steps .iteam:nth-child(4) p{
	color:#bf4a9e;
}

.steps .iteam:nth-child(5) .circle{
	background-color: #00b7bd; 
    border: 17px solid #21d8de;
    box-shadow: 0 0 0 7px #90ecef;
}

.steps .iteam:nth-child(5) p{
	color:#00b7bd;
}

.why-choose-data{
	margin-top: 200px;
}

.why-choose-data, .why-choose-data img{
	position: relative;
}

.section-why-choose .content{
	position: absolute;
	width: 50%;
	left: 25%;
	margin: 0px auto;
	top: 0px;
	padding: 60px 50px;
	text-align: center;
}

.section-why-choose .content img{
	height: 60px;
	margin-bottom: 20px;
}

.section-why-choose .content h2{
	font-size: 27px;
	font-weight: 700;
	color: #5A5A5A;
}

.section-why-choose .content h2 span{
	color: #0a1c34;
}

.section-why-choose .content p{
	font-size: 17px;
}

.why-choose-mobile-view{
	display: none;
}


.mobile-fixed-menu{
	position: fixed;
	background: #fff;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding: 8px;
	z-index: 99;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.mobile-fixed-menu ul{
	display: flex;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.mobile-fixed-menu ul li{
	flex: 0 0 auto;
  width: 25%;
  text-align: center;
}

.mobile-fixed-menu ul li a{
	text-transform: capitalize;
	font-weight: 500;
	color: #717171;
}

.mobile-fixed-menu ul li a svg{
	fill: #717171;
	margin-bottom: 5px;
}

.mobile-fixed-menu ul li.active svg{
	fill: #0A1C34;
}

.mobile-fixed-menu ul li.active a{ 
	color: #0A1C34;
}

.mobile-fixed-menu ul li a span{
	display: block;
	font-size: 15px;
}

.loginPop .modal-body{
	padding: 40px;
}

.loginPop h3{
	font-size: 1.3rem;
}

.loginPop .form-control{
	background: #F2F2F2;
	height: 60px;
	color: #5B5B5B;
	font-weight: 500;
	border: 0px;
}

.loginPop .form-select{
	height: 60px;
	border: 0px;
	background-color: #F2F2F2;
}

.loginPop .btn-primary{
	text-transform: uppercase;
	height: 50px;
}

.loginPop .widget-btn{
	flex: 0 0 auto;
  width: 48%;
  margin-left: auto;
}

.loginPop #first2 .widget-btn{
	flex: 0 0 auto;
  width: 65%;
  margin-left: auto;
}

.otp-widget{
	display: flex;
  flex-wrap: wrap;
}

.otp-widget .otp-box{
	flex: 0 0 auto;
  width: 25%;
  margin: 0px 0;
}

.loginPop .otp-box .form-control{
	height: 74px;
}

.tr-timer span {
    display: inline-block;
    margin-left: 0px;
}

.tr-timer span div {
    display: inline-block;
    font-weight: 700;
    color: #0A1C34;
}

.tr-timer span .jst-hours{
	display: none;
}

.tr-timer a{
	text-transform: uppercase;
}

.dashboard-footer{
	background: #424358;
	padding:20px 0px;
}

.footer.dashboard-footer .footer-bottom .copyright{
	border-top: 0px solid rgba(255, 255, 255, 0.5);
	padding: 0px 0px;
}	

.sub-search{
	margin: 90px 0px 30px;
}

.sub-search .form-control {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 65px;
  font-weight: 700;
  font-size: 15px;
  padding-left: 53px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.sub-search  .form-floating .floating-icon{
	top: 30px;
}

.sub-search .form-floating>label{
	padding: 1rem 1.2rem;
}

.sub-search .swap-location{
	 left: 31.2%;
	 width: 45px;
   height: 45px;
   line-height: 45px;
   font-size: 16px;
   top: 10px;
}

.sub-search .form-control.datetimepicker{
		padding-left: 18px;
}

.sub-search .btn-primary{
	height: 65px;
}

.filters-search .search-input{
	margin-bottom: 15px;
}

.filters-search .search-input .form-control{
	background: #EEEEEE;
}

.filters-search .search-input input{
	padding: 0 10px 0 40px;
}

.filters-search .search-input > i.bficon{
	left: 15px;
	color: #000000;
}

.searched-locations{
	font-size: 18px;
	color: #383838;
	font-weight: 700;
	margin-bottom: 20px;
}


.booking-date-slider ul.nav-tabs{
	overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0px 0px 20px;
  padding: 0px;
  display: block;
  border-bottom: 3px solid #f0f0f0;
}

.booking-date-slider ul::-webkit-scrollbar{
		display: none;
}

.booking-date-slider .nav-tabs li{
	display: inline-block;
	margin-right: 10px;
}

.booking-date-slider .user-tabs .nav-tabs > li > a{
	padding: 0px;
}

.booking-date-slider .user-tabs .nav-tabs > li > a h4{
	font-size: 16px;
	color: #7C7C7C;
	font-weight: 600;
}

.booking-date-slider .user-tabs .nav-tabs > li > a.active h4{
	color: #0A1C34;
}

.total-buses img{
	margin-right: 6px;
	height: 18px;
}

.total-buses p{
	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.reviews-ratings {
	display: flex;
	align-items: center;
}

.reviews-ratings .icons{
	margin-right: 12px;
}

.reviews-ratings .icons:last-child{
	margin-right: 0px;
}

.reviews-ratings .dropdown-menu{
    height: 200px;
    padding: 15px;
    border-radius: 6px;
    overflow-y: scroll;
    width: 220px;
}

.reviews-ratings .dropdown-menu li{
    margin-bottom: 5px;
    font-weight: 600;
    color: #757575;
}

.reviews-ratings .btn-group a{
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
     color: #757575;
}
.user-dashboard{
	margin: 90px 0px 30px;
}

.my-booking-menu{
	position: relative;
    background: #fff;
    padding: 20px 0px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.my-booking-menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.my-booking-menu ul li{
	padding: 8px 20px;
	display: block;
	border-right: 8px solid transparent;
}

.my-booking-menu ul li:hover,
.my-booking-menu ul li.active{
	background: #ced2d6;
	border-right: 8px solid #0a1c34;
}

.my-booking-menu ul li a{
	font-size: 17px;
	font-weight: 600;
}

.ticket-info .date-time{
	background: #0A1C34;
	padding: 3px 15px;
	color: #fff;
	border-radius: 50px;
	margin-bottom: 8px;
	display: inline-block;
}

.ticket-info h4{
	font-size: 18px!important;
}

.ticket-info p{
	color: #303030;
	font-weight: 600;
}

.ticket-info small{
	color: #898989;
	font-size: 15px;
}

.card-bg .ticket-info .water-mark-icon{
	width: 80px !important;
	right: 30px;
	top: 22px;
	opacity: 0.1;
}

.price-details{
	height: 100px;
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  align-content: space-between;
  position: relative;
  z-index: 9;
}


.price-details .price,
.price-details .view-details{
	height: 30px;
	width: 100%;
	text-align: right;
}

.price-details .price{
	color: #000;
	font-size: 17px;
	font-weight: 800;
}

.price-details .price i{
	font-size: 13px;
	margin-right: 3px;
}

.view-details{
	position: relative;
}

.view-details a{
	position: relative;
	color: #EF7300;
	font-size: 14px;
	font-weight: 600;
	padding-left: 12px;
}

.view-details a:before{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 15px;
	background:#EF7300;
	left: 0px;
	top: 5px;
}

.status{
	position: relative;
	font-size: 13px;
	font-weight: 600;
	padding-left: 10px;
	
}

.status:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 15px;
	
	left: 0px;
	top: 6px;
}

.status.trip-confirmed{
	color: #FF00F5;
}

.status.trip-confirmed:before{
	background:#FF00F5;
}

.status.trip-completed{
	color: #138700;
}

.status.trip-completed:before{
	background:#138700;
}


.status.cancelled-status{
	color: #FF0000;
}

.status.cancelled-status:before{
	background:#FF0000;
}

.cancelled-card .price-details{
	height: 120px;
}

.cancelled{
	width: 45px;
	margin-left: auto;
}

.cancelled .cancelled-icon{
	height: 45px;
	width: 45px;
	
}

.booking-id-dates .bus-travels-name{
	font-size: 18px;
}

.card-bg.booking-id-dates .water-mark-icon{
	    right: 15px;
    top: 20px;
    width: 70px !important;
    opacity: 0.1;
}

.booking-id-dates span{
	color: #000;
	font-weight: 600;
}

.bus-details-view .timeings-and-details span{
	color: #000;
	font-weight: 600;
}

.bus-details-view .timeings-and-details .boarding-points{
	font-size: 14px;
	color: #898989;
}

.bus-details-view .timeings-and-details p{
	color: #000;
}


.bus-details-view .traveling-time:before{
	top: 13px;
}

.bus-passenger-details{
	margin-top: 15px;
	padding-top: 15px;
    border-top: 1px dashed #C7C7C7;
}

.bus-passenger-details h5{
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 20px;
}

.bus-passenger-details .passenger{
	display: flex;
	align-items: center;
	width: 50%;
	justify-content: space-between;
	margin-bottom: 20px;
}

.bus-passenger-details .passenger .name-age{
	min-width: 150px;
}

.bus-passenger-details .passenger p{
	color: #000;
	font-weight: 700;
	line-height: 10px;
}

.passenger .genger .male{
	background: #2DA9D9;
	color: #fff;
	position: relative;
	font-weight: 600;
	padding: 3px 10px 3px 25px;
	border-radius: 20px;
}

.passenger .genger .male:before{
	content: '';
    position: absolute;
    left: 9px;
    top: 5px;
    width: 11px;
    height: 13px;
    filter: brightness(0) invert(1);
    background: url(../img/men-dark.svg) no-repeat;
    background-size: cover;
}
.passenger .genger .female{
	background: #2DA9D9;
	color: #fff;
	position: relative;
	font-weight: 600;
	padding: 3px 10px 3px 25px;
	border-radius: 20px;
}

.passenger .genger .female:before{ 
	content: '';
    position: absolute;
    left: 9px;
    top: 5px;
    width: 11px;
    height: 13px;
    filter: brightness(0) invert(1);
    background: url(../img/female-dark.svg) no-repeat;
    background-size: cover;
}

.cancellation-policy a{
	font-weight: 700;
}

.cancellation-policy a i{
	font-size: 14px;
	color: #8D8D8D;
}

.cancellation-policy .btn{
	font-size: 14px;
}

.btn-cancel{
	padding: 10px 20px;
    font-weight: 500;
    background: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #737373;
}

.btn-primary:focus, .btn-cancel:hover, .btn-cancel:active, .btn-cancel.active{
	background: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #737373;
}

#cancellationPolicy .modal-title,
#cancelTicket .modal-title{
	font-weight: 700;
	font-size: 18px;
}

#cancellationPolicy .table tr{
	border: 0px;
	padding:  10px 0px;
}

#cancellationPolicy .table tr th,
#cancellationPolicy .table tr td{
	padding: 10px 0px;
	border: 0px;
	font-size: 16px;
}

#cancellationPolicy .btn,
#cancelTicket .btn{
	padding: 10px 20px;
}

#cancellationPolicy .table p{
	margin-bottom: 0px;
}


.reason-list{
	margin-bottom: 30px;
}

.reason-list h5{
	margin-bottom: 10px;
	font-weight: 600;
}

.reason-list .form-check{
	margin-bottom: 10px;
}

.reason-list .form-check-label{	
	color: #000;
	font-weight: 600;
}

.refund-amount-details{
	margin-bottom: 15px;
}

.refund-amount-details .order-id{
	color: #5E5E5E;
	font-weight: 600;
}

.refund-amount-details p{
	color: #000;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
}

.refund-amount-details p i{
	font-size: 14px;
}

.feedback-form img{
	height: 200px;
	margin-bottom: 20px;
}

.feedback-form textarea{
	height: 150px;
}

/*====== BUS Card ===========*/

.bus-booking-card{
	margin-bottom: 15px;
	border-radius: 6px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.bus-card{
	background: #fff;
	padding: 0px;
	border-radius: 6px;
	display: flex;
	align-items: center;
}

.bus-seats-booking-card{
	background: #edf5fd;
	padding: 15px;

}

.bus-details{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #C7C7C7;
}

.timeings{
	padding-right: 15px;
}

.bus-times{
	position: relative;
	font-size: 17px;
	color: #000;
	font-weight: 700;
}

.bus-times::before{
	content: '';
  position: absolute;
  width: 125px;
  height: 1px;
  border-bottom: 1px dashed #C7C7C7;
  left: 83px;
  top: 14.5px;
}

.bus-times span{
	position: relative;
  margin: 0px 40px;
  font-size: 13px;
  color: #6B6B6B;
  font-weight: 500;
  background: #fff;
}

.bus-times span::before{
	content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #138700;
  left: -28px;
  top: 3px;
  border-radius: 14px;
}

.bus-times span::after{
	content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #00AEEF;
  right: -28px;
  top: 3px;
  border-radius: 14px;
}

.seats-seats{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.total-seats{
	display: flex;
	padding-top: 5px;
}

.seats-count{
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dashed #C7C7C7;
}

.seats-count:last-child{
	border-right: 0px dashed #C7C7C7;
}

.total-seats p{
	margin: 0px;
	font-size: 16px;
	font-weight: 600;
	color: #020202;
	line-height: 10px;
}

.total-seats span{
	font-size: 13px;
	color: #4D4D4D;
}

.full-detail{
	margin-right: 15px;
}

.full-detail img{
	height: 16px;
	margin-right: 6px;
}

.full-detail a{
	font-weight: 600;
	display: flex;
  align-items: center;
  font-size: 16px;
}


#BusDetails .modal-title{
	font-size: 20px;
	font-weight: 800;
}

#BusDetails .modal-header p{
	color: #000;
	font-weight: 500;
}

#BusDetails .nav-tabs{
	width: 100%;
	margin: 0px;
}

#BusDetails .nav-tabs li.nav-item{
	flex-basis: inherit;
	flex-grow: inherit;
	
}

#BusDetails .nav-tabs li a{
	padding: 0px;
	font-size: 16px;
	margin: 0px 8px;
}

#BusDetails .nav-tabs li a:hover{
	background: transparent;
}

#BusDetails .nav-tabs li a.active{
	font-weight: 600;
}

#BusDetails .tab-title{
	margin: 0px 0px 15px;
    font-weight: 700;
    font-size: 22px;
    color: #0A1C34;
}

.gallery-iteam{
	margin-bottom: 15px;
}


.gallery-iteam img {
    border-radius: 5px;
    width: 100%;
    height: 80px;
    background: #efefef;
    object-fit: contain;
}

.boardin-departure-list{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.boardin-departure-list li{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 35px;
	margin-bottom: 15px;
}

.boardin-departure-list li:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 12px;
	background: url('../img/bus-icon.svg') no-repeat;
	background-size: 100%;
	width: 24px;
	height: 24px;
}

.boardin-departure-list li p{
	margin: 0px;
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.boardin-departure-list li span{
	color: #353535;
}

.boardin-departure-list li .time{
	color: #626262;
	font-weight: 600;
        white-space: nowrap;
}

.rating-section .rating-summary {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.rating-section .rating-summary {
    padding: 10px 20px 30px 20px;
    border-bottom: 1px solid #DFDFDF;
}

.rating-section .rating-summary .score {
    font-size: 2em;
    font-weight: bold;
    width: 160px;
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}	

.rating-section .score span {
    color: #0A1C34;
    font-size: 30px;
    text-align: center;
    font-weight: 800;
}

.rating-section .arrival-members {
    padding-top: 0px;
    justify-content: center;
    line-height: 0px;
}

.arrival-members {
    display: flex;
    justify-content: flex-start;
    padding-top: 30px;
    align-items: center;
}

.arrival-ratings1 i {
    font-size: 16px!important;
}

.rating-section .description-rating {
    font-size: 13px;
    font-weight: 500;
    color: #626262;
}


.productviewreviewouter {
    width: 65%;
    padding-left: 20px;
    padding-top: 7px;
}

.productviewreviewouter .productviewreviewbar {
    display: flex;
    align-items: center;
    align-self: center;
    margin-bottom: 10px;
}

.productviewreviewouter .productviewreviewbar .startxt {
    flex: 0 0 50px;
    font-size: 15px;
    color: #626262;
    font-weight: 500;
    height: 15px;
}

.productviewreviewouter .productviewreviewbar .startxt i{
	color: #FFB800;
}

.productviewreviewouter .productviewreviewbar .progress {
    width: 70%;
    height: 5px;
    margin-top: 2px;
    border-radius: 2px;
}

.productviewreviewouter .productviewreviewbar .prgstatus {
    flex: 0 0 100px;
    padding-left: 10px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    height: 15px;
}


.bus-status-list{
	margin: 0px 0px 15px;
	padding: 0px;
	list-style-type: none;
}

.bus-status-list li{
	display: inline-block;
	position: relative;
    padding-left: 28px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.bus-status-list li::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 2px;
	width: 18px;
	height: 18px;
}

.bus-status-list li.available::before{
	background: url('../img/available.svg') no-repeat;
	background-size: 100%;
}

.bus-status-list li.for-ladies::before{
	background: url('../img/for-ladies.svg') no-repeat;
	background-size: 100%;
}

.bus-status-list li.booking::before{
	background: url('../img/booking.svg') no-repeat;
	background-size: 100%;
}

.bus-status-list li.booked::before{
	background: url('../img/booked.svg') no-repeat;
	background-size: 100%;
}

.bus-status-list li.ladies-booked::before{
	background: url('../img/ladies-booked.svg') no-repeat;
	background-size: 100%;
}


.bus-seats-card{
	background: #fff;
	padding: 15px 20px;
	border-radius: 8px;
}

.berth-type{
	color: #4F4F4F;
	font-weight: 600;
}

.driver-set{
	text-align: right;
        padding:0px 32px
}

.bus-sets-selections{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.bus-sets-selections input[type="checkbox"]{
  -webkit-appearance:none;
  cursor: pointer;
  outline: none;
}

.set-card{
	position: relative;
	width: 30px;
	display: flex;
        flex-wrap: wrap;
	margin-bottom: 10px;
	justify-content: center;
}

.berth-card{
	position: relative;
	width: 30px;
	display: flex;
        flex-wrap: wrap;
	margin-bottom: 12px;
	justify-content: center;
}
.horizontal-card{
	position: relative;
	width: 30px;
	display: flex;
	margin-bottom: 0px;
	justify-content: space-between;
}
.empty-card{
	position: relative;
	width: 30px;
        height:49.1px;
	display: flex;
	margin-bottom: 10px;
	
}
.empty-card-id-sleeper{
	position: relative;
	width: 0px;
        height:3px;
	display: flex;
	margin-bottom: 10px;   
	
}
.empty-card-id{
	position: relative;
	width: 0px;
        height:50px;
	display: flex;
	margin-bottom: 10px;   
	
}

.set-card .set,
.berth-card .berth{
  transition: 0.3s;
}

.set-card .set.available{
	background: url('../img/available-set.svg') no-repeat;
	background-size: 100%;
	width: 27.84px;
	height: 32px;
}

.set-card .available:checked{
  	background: url('../img/selected-set.svg') no-repeat;
	background-size: 100%;
	width: 29.23px;
	height: 32px;
}

.set-card .set.female-booked:disabled{
	background: url('../img/female-set-booked.svg') no-repeat;
	background-size: 100%;
	width: 27.84px;
	height: 32px;
}


.set-card .set.female-available{
	background: url('../img/female-set-available.svg') no-repeat;
	background-size: 100%;
	width: 27.84px;
	height: 32px;
}

.set-card .female-available:checked{
  	background: url('../img/female-selected.svg') no-repeat;
	background-size: 100%;
	width: 29.23px;
	height: 32px;
}

.set-card .booked-sets:disabled{
  	background: url('../img/booked-set.svg') no-repeat;
	background-size: 100%;
	width: 29.23px;
	height: 32px;
}


.berth-card .berth.available{
	background: url('../img/berth-available.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}

.berth-card .berth.female-berth-available{
	background: url('../img/female-berth-available.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}

.berth-card .berth.female-berth-available:checked{
	background: url('../img/selected-female-berth.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}

.berth-card .berth.available:checked{
	background: url('../img/selected-berth.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}

.berth-card .berth.booked-berth:disabled{
	background: url('../img/booked-berth.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}


.berth-card .berth.female-booked-berth:disabled{
	background: url('../img/female-booked-berth.svg') no-repeat;
	background-size: 100%;
	width: 26.85px;
	height: 48px;
}


.pickup-and-droup{
	background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
}

.pickup-and-droup ul li{
	border-radius: 0px;
}

.pickup-and-droup ul li a.nav-link{
	color:#0A1C34;
	font-weight: 700;
	border-radius: 0px;
}	

.pickup-and-droup .nav-tabs.nav-tabs-bottom > li > a.active{
	border-bottom-width: 5px;
	border-radius: 5px;
}

.pickup-and-droup .filters-search{
	overflow: hidden;
}

.pickup-and-droup-points{
    margin: 0px;
    padding: 0px 5px;
    list-style-type: none;
    height: 250px;
    overflow-y: scroll;
}

.pickup-and-droup-points li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #717171;
}

.pickup-and-droup-points li:last-child{
	border-bottom: 0px dashed #717171;
	margin-bottom: 0px;
	padding-bottom:0px;
}

.pickup-and-droup-points li .form-check{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 0px;
}

.pickup-and-droup-points li .form-check-label{
	font-size: 16px;
	font-weight: 600;
	color: #1A1A1A;
}

.pickup-and-droup-points li .form-check-label span{
	font-size: 14px;
	display: block;
	color:#626262;
}

.pickup-and-droup-points li .form-check-input{
	width: 22px;
	height: 22px;
        min-width: 22px;
	border: 2px solid #3D3D3D;
}

.pickup-and-droup-points li .form-check-input:checked{
	border: 2px solid #0d6efd;
}

.total-sets-and-payment{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 20px;
	background: #0A1C34;
	border-radius: 8px;
	margin-top: 15px;
	color: #fff;
}

.total-sets-and-payment p{
	margin: 0px;
	font-size: 17px;
	font-weight: 700;
	line-height: 0px;
}

.total-sets-and-payment span{
	font-size: 13px;
}

.total-sets-and-payment a{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

.sitting-buses-only .set-card{
	width: 70px;
}

.sitting-buses-only .cetre-sets .set-card{
	width: auto;
}


.booking-review{
	margin: 90px 0px 30px;
}

.booking-review h3{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.card-bg{
	position: relative;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.card-bg .water-mark-icon{
	position: absolute;
	right: 15px;
	top: 20px;
	width: 50px!important;
	opacity: 0.2;
}

.bus-travels-name{
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.booking-review .bus-type{
	color: #767373;
}

.selected-seat-numbers{
	color: #000;
	font-size: 16px;
	font-weight: 600;
}

.passenger-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:5px;
}

.passenger-info .title h5{
	margin: 0px;
	font-weight: 700;
	font-size: 18px;
}

.add-passenger .btn{
	font-weight: 600;
	font-size: 15px;
}

.seat-number{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-weight: 600;
}

.added-passenger-details{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #717171;
}

.added-passenger-details:last-child{
	border-bottom: 0px;
}

.added-passenger-details .form-control{
	background: #F2F2F2;
    height: 50px;
    color: #5B5B5B;
    font-weight: 500;
    border: 0px;
    font-weight: 600;
}

.radio_container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #F6F6F6;
    width: 100%;
    height: 40px;
    border-radius: 9999px;
    position: relative
}

.radio_container input[type="radio"] {
    appearance: none;
    display: none;
}

.radio_container label {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: inherit;
    width: 50%;
    height: 40px;
    text-align: center;
    border-radius: 9999px;
    overflow: hidden;
    font-weight: 700;
    transition: linear 0.3s;
    color: #5B5B5B;
    cursor: pointer;
    padding-left: 20px;
    position: relative;
}

.radio_container label.male:before{
	content: '';
    position: absolute;
    left: 25px;
    top: 9px;
    width: 15px;
    height: 17px;
    background: url(../img/men-dark.svg) no-repeat;
    background-size: cover;
}

.radio_container label.female:before{
	content: '';
    position: absolute;
    left: 20px;
    top: 9px;
    width: 15px;
    height: 17px;
    background: url(../img/female-dark.svg) no-repeat;
    background-size: cover;
}

.radio_container input[type="radio"]:checked + label {
    background-color: #2DA9D9;
    color: #fff;
    transition: 0.3s;
}

.radio_container input[type="radio"]:checked + label.male:before,
.radio_container input[type="radio"]:checked + label.female:before{
	filter: brightness(0) invert(1);
}

.add-to-save-list{
	margin-top: 15px;
	text-align: center;
}

.add-to-save-list .btn{
	border-radius: 50px;
	padding: 5px 15px;
	background: #e6e8eb;
	color: #0A1C34;
	font-weight: 600;
}


#addPassengerDetails .modal-body,
#addFromSavedList .modal-body{
	padding: 30px;
}

#addPassengerDetails h3,
#addFromSavedList h3{
	text-align: center;
	margin: 0px 0px 20px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.coupons-slider .slick-slide{
	padding-right: 10px;
}

.coupon-card{
	width: 100%;
/* 	height: 110px; */
	padding: 0px 10px;
	display: flex!important;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	position: relative;
}

.coupon-card p{
	margin: 0px;
}

.offer-percentage{
	width: 70px;
	padding-right: 0px;
	margin-right: 10px;
	text-align: center;
	position: relative;
}

.offer-percentage:before{
	content: '';
    position: absolute;
    top: -33px;
    /* transform: translateY(-50%); */
    width: 20px;
    left: 52px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
}

.offer-percentage:after{
	content: '';
    position: absolute;
    bottom: -33px;
    /* transform: translateY(-50%); */
    width: 20px;
    left: 52px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #138700;
}

.offer-percentage h3{
	margin: 0px;
	font-weight: 700;
	font-size: 24px;
}
.offer-percentage h3 span{
	display: block;
	font-size: 16px;
}

.coupon-data{
	padding: 10px;
}

.coupon-data p{
	color: #000;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 0px;

}

.coupon-data a{
	
	padding: 3px 15px;
	border-radius: 30px;
	color: #fff;
	float: right;
}


.coupons-slider .slick-slide:nth-child(1) .coupon-card{
	border: 1px solid #138700;
	background: #e7f3e5;
}

.coupons-slider .slick-slide:nth-child(1) .coupon-card .offer-percentage:after,
.coupons-slider .slick-slide:nth-child(1) .coupon-card .offer-percentage:before{
	border: 1px solid #138700;
}

.coupons-slider .slick-slide:nth-child(1) .coupon-card .coupon-data{
	border-left: 2px dashed #138700;
}

.coupons-slider .slick-slide:nth-child(1) .coupon-card .offer-percentage h3{
	color: #138700;
}

.coupons-slider .slick-slide:nth-child(1) .coupon-card .coupon-data a{
	background:#138700;
}


.coupons-slider .slick-slide:nth-child(2) .coupon-card{
	border: 1px solid #ffb800;
	background: #fff8e5;
}

.coupons-slider .slick-slide:nth-child(2) .coupon-card .offer-percentage:after,
.coupons-slider .slick-slide:nth-child(2) .coupon-card .offer-percentage:before{
	border: 1px solid #ffb800;
}

.coupons-slider .slick-slide:nth-child(2) .coupon-card .coupon-data{
	border-left: 2px dashed #ffb800;
}

.coupons-slider .slick-slide:nth-child(2) .coupon-card .offer-percentage h3{
	color: #ffb800;
}

.coupons-slider .slick-slide:nth-child(2) .coupon-card .coupon-data a{
	background:#ffb800;
}

.coupons-slider .slick-slide:nth-child(3) .coupon-card{
	border: 1px solid #5c009d;
	background: #f4e4ff;
}

.coupons-slider .slick-slide:nth-child(3) .coupon-card .offer-percentage:after,
.coupons-slider .slick-slide:nth-child(3) .coupon-card .offer-percentage:before{
	border: 1px solid #5c009d;
}

.coupons-slider .slick-slide:nth-child(3) .coupon-card .coupon-data{
	border-left: 2px dashed #5c009d;
}

.coupons-slider .slick-slide:nth-child(3) .coupon-card .offer-percentage h3{
	color: #5c009d;
}

.coupons-slider .slick-slide:nth-child(3) .coupon-card .coupon-data a{
	background:#5c009d;
}

.booking-summary .btn{
	padding: 15px 20px;
}


.saved-passenger-list{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.saved-passenger-list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.saved-passenger-list li .form-check{
	display: flex;
	align-items: center;
}

.saved-passenger-list li .form-check-input{
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #595959;
}

.saved-passenger-list li label{
	padding-left: 10px;
	font-size: 16px;
	color: #272b41;
	font-weight: 700;
	line-height: 18px;
}

.saved-passenger-list li label .age{
	font-size: 14px;
	font-weight: 400;
}

.saved-passenger-list li label .gender{
	position: relative;
	font-size: 14px;
	font-weight: 400;
	background: transparent;
	border-radius: 30px;
	padding: 1px 10px 1px 25px;
	color: #fff;
}

.saved-passenger-list li label .gender:before{
	content: '';
    position: absolute;
    left: 9px;
    top: 3px;
    width: 11px;
    height: 12px;
    filter: brightness(0) invert(1);
}

.saved-passenger-list li label .gender.male{
	background: #2DA9D9;
}

.saved-passenger-list li label .gender.female{
	background: #B73377;
}

.saved-passenger-list li label .gender.male:before{
	background: url(../img/men-dark.svg) no-repeat;
	background-size: cover;
}

.saved-passenger-list li label .gender.female:before{
	background: url(../img/female-dark.svg) no-repeat;
	background-size: cover;
}

.action-btns{
	display: flex;
}

.action-btns .btn{
	width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    margin-right: 10px;
    border-radius: 50px;
    font-size: 15px;
    line-height: 32px;
    padding: 0px;
}

.action-btns .btn.edit-btn{
	background: #ced1d6;
	color: #0a1c34;
}

.action-btns .btn.delete-btn{
	background: #ffcccc;
	color: #ff2727;
}

.action-btns .btn:last-child{
	margin-right: 0px;
}


.booking-page{
	width: 100%;
	height: 100%;
	padding: 60px 0px;
	background: #fff url(../img/booking-bg.svg) center center repeat-x;
}


.support-page{
	width: 100%;
	height: 100%;
	padding: 100px 0px;
	background: #C7E7FA url(../img/support-bg.svg) center bottom repeat-x;
}

.booking-info{
	text-align: center;
}

.booking-info .check-svg{
	width: 85px!important;
	height: 85px!important;
	margin-bottom: 15px!important;
}

.booking-info h2{
	font-weight: 800;
	color: #000;
}

.booking-info-status{
/* 	text-align: center; */
	padding-top: 120px;
}

.booking-info-status .blue-bus{
	text-align: center;
	margin-bottom: 10px;
	margin: 0px auto;
	display: block;
}


.support-info{
	padding-bottom: 170px;
}

.support-info h2{
	text-align: center;
	font-weight: 900;
	color: #383838;
	font-size: 32px;
}

.support-info p{
	text-align: center;
	font-weight: 500;
	color: #676767;
	margin-bottom: 20px;
}

.support-info a{
	background: #fff;
	display: block;
	margin: 0px auto;
	text-align: center;
	padding: 30px;
	border-radius: 6px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.support-info a span{
	font-weight: 600;
	font-size: 17px;
}

.timeings-and-details{
	margin: 20px 0px;
	display: flex;
	justify-content: space-between;
}

.timeings-and-details h5{
	font-weight: 800;
	font-size: 18px;
	margin: 0px;
}

.timeings-and-details p{
	margin: 0px;
}

.traveling-time{
	position: relative;
}

.traveling-time:before{
	content: '';
    position: absolute;
    width: 140px;
    height: 1px;
    border-bottom: 1px dashed #C7C7C7;
    left: -32%;
    top: 9px;
}

.traveling-time span{
	position: relative;
    margin: 0px 0px;
    font-size: 13px;
    color: #6B6B6B;
    font-weight: 500;
    background: #fff;
}

.traveling-time span::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #138700;
    left: -50%;
    top: 2px;
    border-radius: 14px;
}

.traveling-time span::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #00AEEF;
    right: -50%;
    top: 2px;
    border-radius: 14px;
}

.btn-primary2{
	background: #B6C0CC;
	color: #0A1C34;
	padding: 10px 20px;
    font-weight: 600;
}

.btn-primary2:hover{
	background: #B6C0CC;
	color: #0A1C34;
}

.section-space{
	padding: 50px 0px;
}

.terms-content ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.terms-content ul li{
	position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #6B7280;
}

.terms-content ul li:before{
	content: '\f058';
    font-family: 'FontAwesome';
    position: absolute;
    color: #65adfe;
    left: 0px;
    top: 0px;
}


.filters-btn{
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 80px;
        z-index: 9; 
}

#mobileFilters{
	height: 50vh;
}

#mobileFilters .card{
	box-shadow: inherit;
}

#mobileFilters .card .card-header{
	display: none!important;
}

#mobileFilters{
	border-radius: 20px 20px 0px 0px;
}

.offcanvas-title{
	font-size: 18px;
	font-weight: 700;
}

@media only screen and (max-width: 1400px) {
	.steps .iteam:nth-child(1) {
	  left: -52px;
	  top: 200px;
	}

	.steps .iteam:nth-child(2) {
	  top: 0px;
	}

	.steps .iteam:nth-child(3) {
	  top: -25px;
	}


	.steps .iteam:nth-child(4) {
	  top: 18px;
	  right: 115px;
	}


	.steps .iteam:nth-child(5) {
	  top: 200px;
	}

	.banner-card .offcer-data{
	    padding: 20px;
	  }

	  .banner-card .offcer-data h3{
	    font-size: 22px;
	    margin: 0px 0px 5px;
	  }

	  .banner-card .offcer-data a{
	  	 font-size: 12px;
	  }

	  .section-why-choose .content{
	  	padding: 40px 40px;
	  }

	  .section-why-choose .content p{
	  	   font-size: 16px;
	  }
}



@media (max-width: 1199.98px) {

	 .banner-card .offcer-data {
    padding: 30px;
  }

	.location{
		margin-bottom: 20px;
                margin-right: 20px;
	}

	.swap-location{
		left: 47%;
	}

	.data-calendar{
		justify-content: center;
	}

	.operators-list{
		margin-bottom: 15px;
	}

	.section-why-choose .content{
		padding: 60px 12px;
	}

	.nav-tabs{
		width: 100%;
	}
        
        .booking-date-slider .nav-tabs li{
            margin-right: 15px;
        }

	.added-passenger-details .form-control{
		margin-bottom: 15px;
	}


}


@media only screen and (max-width: 1025px){

	.steps .iteam .circle{
		width: 130px;
    height: 130px;
	}

	.steps .iteam .circle img{
		height: 45px;
	}

	.steps .iteam:nth-child(1) .circle{
		border: 10px solid #FAA61A;
	}

	.steps .iteam:nth-child(2) .circle{
		border: 10px solid #3eb9e6;
	}

	.steps .iteam:nth-child(3) .circle{
		border: 10px solid #f76897;
	}

	.steps .iteam:nth-child(4) .circle{
		border: 10px solid #d661b5;
	}

	.steps .iteam:nth-child(5) .circle{
		border: 10px solid #21d8de;
	}

	.steps .iteam:nth-child(1){
		left: -20px;
	}

	.steps .iteam:nth-child(2){
		left: 150px;
		top: 15px;
	}

	.steps .iteam:nth-child(3){
		top: -10px;
	}

	.steps .iteam:nth-child(4){
		top: 60px;
    right: 130px;
	}

	.steps .iteam:nth-child(5){
		right: -20px;
	}

}

@media only screen and (max-width: 991.98px){


	.header .header-nav .main-nav li a{
		color: #0A1C34;
	}

	.header .header-nav .main-nav > li.active > a{
		color: #0A1C34;
	}

	.steps .iteam:nth-child(1){
		top: 170px;
	}

	.steps .iteam:nth-child(2){
		top: 10px;
	}

	.steps .iteam:nth-child(4){
		top: 35px;
	}

	.steps .iteam:nth-child(5){
		top: 170px;
	}

	.search-box{
		margin-top: -110px;
	}

	.bus-animation{
		top: 5px;
	}

	.loginPop .widget-btn,
	.loginPop #first2 .widget-btn{
		width: 100%;
	}
	.tr-timer{
		margin-bottom: 1rem;
	}

	.bus-seats-card{
            margin-bottom: 15px;
            padding: 15px 10px;
	}

	.booking-review{
		margin: 30px 0px 0px;
	}

	.user-dashboard {
		  margin: 30px 0px 0px;
	}

	.my-booking-menu{
		background: transparent;
		box-shadow: inherit;
		padding: 0px;
	}

	.my-booking-menu ul{
		overflow: hidden;
	    overflow-x: auto;
	    white-space: nowrap;
	    text-align: center;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	}

	.my-booking-menu ul li{
		display: inline-block;
		margin-right: 10px;
		background: #fff;
		border-radius: 50px;
		border-right: 0px solid #0a1c34;
	}

	.my-booking-menu ul li.active,
	.my-booking-menu ul li:hover{
		background: #0a1c34;
  		border-right: 0px solid #0a1c34;
	}

	.my-booking-menu ul li.active a,
	.my-booking-menu ul li:hover a{
		color: #fff;
	}

	.ticket-info h4 {
	  font-size: 16px !important;
	}

	.ticket-info .date-time{
		font-size: 14px;
	}
}


@media only screen and (max-width: 879.98px){
	.section-why-choose .content {
    padding: 60px 0px;
    width: 70%;
    left: 15%;
  }

  .why-choose-data{
  	margin-top: 0px;
  }

  .steps .iteam{
  	position: inherit;
  	left: inherit;
  	top: inherit;
  	right: inherit;
  	width: 33.33333333%;
  	margin-bottom: 20px;
  }

  .steps .iteam .circle{
  	margin: 12px auto 0px;
  }

  .steps .iteam p{
  	margin-bottom: 10px;
  }

  .steps .iteam:nth-child(1),
  .steps .iteam:nth-child(2),
  .steps .iteam:nth-child(3),
  .steps .iteam:nth-child(4),
  .steps .iteam:nth-child(5){
  	position: inherit;
  	left: inherit;
  	top: inherit;
  	right: inherit;
  }

  .why-choose-mobile-view{
		display: block;
		margin-bottom: 20px;
	}

	.why-choose-desktop-view{
		display: none;
	}

	.nav-tabs {
	    width: 100%;
	  }
}

.seat-price{
    font-size: 10px;
    white-space: nowrap;
}


@media only screen and (max-width: 1199.98px){
    .bus-name{
        font-size: 16px;
    }
    
    .bus-times{
        font-size: 11px;
    }
    
    .bus-times::before{
        left: 60px;
        top: 9.5px; 
    }
}

@media only screen and (max-width: 767.98px){
	.location .form-floating{
		margin-bottom: 10px;
	}
	.search-box .form-control{
		height: 60px;
		padding-left: 49px;
	}

	.search-box .form-floating > label{
		padding: 0.9rem 1.2rem;
	}

	.form-floating .floating-icon{
		top: 25px;
	}

	.swap-location{
		left: 85%;
		top: 40px;
		transform: rotate(90deg);
	}

	.search-form .btn{
		width: 100%;
	}

	.bus-animation{
		width: 150px;
		top: 18px;
	}

	.section-why-choose .content{
		position: relative;
		width: 100%;
		left: 0px;
		padding: 0px 0px 10px;
	}

	.steps .iteam{
		width: 50%;
	}

	.nav-tabs{
		margin: 0px auto 10px;
	}

	.tab-content{
		padding-top: 10px;
	}

	.progress-wrap{
		bottom: 80px;
	}

	.loginPop .modal-body {
    padding: 25px;
	}

	.loginPop .otp-box .form-control{
		height: 60px;
	}

	.section-why-choose{
		padding: 30px 0px 30px;
	}

	.bus-card{
		display: block;
	}

	.sub-search .swap-location{
		left: 85%;
		top: 45px;
	}

	.sub-search .location{
		margin-bottom: 0px;
                margin-right: 0px;
	}

	.doc-info-left{
		border-right: 0px dashed #C7C7C7;
	}

	.clini-infos ul{
		display: flex;
		justify-content: space-between;
	}

	.doc-info-right{
		padding: 0px 15px 15px 15px;
	}

	.doc-info-left{
		padding: 15px 15px 15px 15px;
	}

	.bus-name{
		font-size: 18px;
	}

	.doc-speciality{
		margin-bottom: 10px;
	}

	.reviews-ratings{
		margin-bottom: 10px;
		justify-content: space-between;
	}
	.bus-details{
		display: block;
	}

	.clini-infos ul li.price{
		font-size: 20px;
	}

	.clini-infos ul li.price i{
		font-size: 18px;
	}

	.full-detail{
		margin-right: 0px;
	}

	  .booking-review {
	    margin: 85px 0px 0px;
	  }

	.user-dashboard {
		margin: 85px 0px 0px;
	}

	.filters-btn{
	  	bottom: 110px;
	}

	.cancelled-card .price-details{
		height: 25px;
	}

	.price-details{
		flex-wrap: inherit;
		height: 25px;
		border-top: 1px dashed #ccc;
		padding-top: 10px;
		margin-top: 10px;
	}

	.price-details .price{
		text-align: left;
	}

	.ticket-info .date-time {
	    font-size: 12px;
	}

	.cancelled{
		position: absolute;
	    top: -150px;
	    right: 0px;
	}

	.bus-passenger-details .passenger{
		width: 100%;
		justify-content: space-between;
	}

	.timeings-and-details h5{
		font-size: 14px;
	}

	.bus-details-view .traveling-time::before{
		top: 10px;
	}


	.timeings-and-details .strt-time,
	.timeings-and-details .end-time{
		padding-top: 25px;
	}

	.traveling-time{
		margin-top: -5px;
	}

	.bus-passenger-details .passenger .genger{
		margin-right: 20px;
	}
	.bus-passenger-details .passenger .name-age{
		min-width: 110px;
	}

	.support-page{
		background-size: 100%;
	}

	#BusDetails .nav-tabs.nav-justified{
		border: 0px;
		overflow: hidden;
		white-space: nowrap;
		overflow-x: auto;
		flex-wrap: inherit;
	}	

	#BusDetails .nav-tabs li.nav-item{
		display: inline-block;
	} 


	.footer,
	.dashboard-footer{
		padding-bottom: 80px;
	} 
        
    .booking-date-slider .nav-tabs li {
        margin-right: 0px;
    }
    
    .berth-card .berth.available,
    .berth-card .berth.booked-berth:disabled,
    .berth-card .berth.female-booked-berth:disabled,
    .berth-card .berth.female-berth-available:checked
    {
        width: 16.85px;
        height: 32px;
    }
    
    .set-card .set.female-booked:disabled,
    .set-card .set.female-available{
        width: 18.84px;
        height: 20px;
    }
    
    .set-card .booked-sets:disabled{
        width: 18.84px;
        height: 20px;
    }
    
    .set-card .set.available{
        width: 18.84px;
        height: 20px;
    }
    
    .empty-card{
        width: 10px;
        height: auto;
    }
    
    .berth-card{
        width: 30px;
    }

    .set-card{
	width: 30px;
    }
    
    
    
    .berth-card .berth.available:checked,
    .berth-card .berth.female-berth-available{
        width: 16.85px;
        height: 32px;
    }
    
    .seat-price{
        font-size: 9px; 
    }
    
    .pickup-and-droup-points li .form-check-label{
        font-size: 13px;
    }
} 

@media only screen and (max-width: 575.98px){

	.header.sticky .header-nav .logo{
		width: 100%;
    text-align: center;
    margin-right: 0;
	}
	.header.sticky .sticky-logo{
		height: 40px;
    margin: 0px auto;
	}

	.support-info h2{
		font-size: 22px;
	}

	.rating-section .rating-summary{
		display: block;
		padding: 0px;
	}

	.rating-section .rating-summary .score{
		width: 100%;
	}

	.productviewreviewouter{
		width: 100%;
		padding-left: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

}

@media only screen and (max-width: 530.98px){
	.swap-location{
		left: 80%;
	}

	.date-btn label .date-box {
	  width: 55px;
	  font-size: 18px;
	  margin: 0px 12px 0px 0px;
	  line-height: 20px;
	  height: 70px;
	  padding: 14px 0px;
	}

	.add-dats{
		height: 70px;
	}

	.add-dats .icon img{
		height: 20px;
	}

	.add-dats .icon span {
    font-size: 13px;
  }

  .search-box{
  	padding: 15px;
  }

   .banner-card .offcer-data {
	    padding:15px 35px;
	  }


	  .sub-search .swap-location{
		left: 80%;
	}

	.bus-status-list li{
		font-size: 14px;
	}

	#cancellationPolicy .table tr th,
	#cancellationPolicy .table tr td{
		font-size: 13px;
		padding: 5px 0px;
	}

	.refund-amount-details p.mb-3{
		margin-bottom: 0px!important;
	}
}

@media only screen and (max-width: 470.98px){
/*	.berth-card{
		width: 30px;
	}

	.set-card{
		width: 45px;
	}*/

	.bus-travels-name{
		font-size: 17px;
	}

	.selected-seat-numbers{
		font-size: 14px;
	}

	.passenger-info{
		display: block;
	}

	.passenger-info .add-passenger{
		margin: 10px 0px 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #ccc;
	}

	.passenger-info .add-passenger .btn{
		padding: 0px;
	}
}

@media only screen and (max-width: 410.98px){


	 .date-btn label .date-box {
	    width: 50px;
	    font-size: 16px;
	    margin: 0px 10px 0px 0px;
	    line-height: 15px;
	    height: 60px;
	    padding: 12px 0px;
	  }

	  .add-dats {
	    height: 60px;
	  }

	  .add-dats .datetimepicker{
	  	height: 60px;
	  }

	 .add-dats .icon img {
    height: 16px;
  }

    .add-dats .icon span {
	    font-size: 12px;
	  }
}