@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@400;500;700&display=swap');

body {
	font-family: 'DM Mono', monospace;
	font-family: 'DM Sans', sans-serif;
}
.login-btn:hover {
	text-decoration: none;
}
/* @media screen and (max-width: 600px) { */
   section {
		margin-top: 30px;
	}

	.pass_id p {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		text-align: center;
		color: #333333;
	}

	.pass_id p span {
		font-family: 'DM Mono' !important;
		font-weight: 500 !important;
	}

	.pass_id .date_time {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		color: #999999;
		text-align: center;
		margin-bottom: 2rem;
	}

	.pass_id .area_location {
		display: flex;
		justify-content: center;
		margin-bottom: 2rem;
	}

	.pass_id .area_location p {
		margin-bottom: 0 !important;
		color: #27AE60;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		padding: 0 15px;
	}

	.area_location_2 {
		display: flex;
		justify-content: space-evenly;
		margin-bottom: 15px;
	}

	.area_location_2 p {
		color: #666666;
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		margin-bottom: 0;
	}

	.seat_pos {
		display: flex;
		justify-content: space-around;
		margin-top: 15px;
	}

	.seat_pos p {
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		color: #666666;
	}

	.seat_pos p span {
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		color: #fff;
		background: #0066B3;
		padding: 6px;
		border-radius: 8px;
	}

	.valid_text {
		text-align: center;
		padding-top: 30px;
	}

	.valid_text p {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		color: #333333;
	}

	.scanner {
		width:auto;
		text-align: center;
		background: #F7F7F7;
		padding: 10px 9px;
		/* margin: 0 auto; */
		margin: -56px 18px 0;
		z-index: 0;
		position: relative;
		border-radius: 12px;
	}
	.scanner .scan_code{
		padding: 30px;
		width:100%;
	}
.scanner img{
	padding: 10px;
    margin: 0 auto;
    text-align: center;
}
	.pass_fare {
		background: #F9F9F9;
		display: flex;
		justify-content: space-between;
		padding: 10px 20px;
		margin-top: 3rem;
		align-items: center;
		border-radius: 8px;
	}

	.pass_fare .fare_in_rs p {
		margin-bottom: 0 !important;
		font-style: normal;
		font-weight: 400;
		color: #999999;
		font-family: 'DM Sans';
		font-size: 16px;
	}

	.pass_fare .fare_in_rs p span {
		font-weight: 700;
		color: #000;
	}

	.pass_fare .one_day_pss p {
		color: #0066B3;
		margin-bottom: 0;
		color: #0066B3;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
	}

	.pass_fare .one_day_pss span {
		float: right;
		color: #57C796;
		background: #DDF2F3;
		border-radius: 4px;
		padding: 1px;
		padding: 2px 4px;
		font-style: normal;
		font-weight: 500;
		font-size: 10px;
	}

	.invoice {
		display: flex;
		justify-content: space-between;
		margin-top: 3.5rem;
		align-items: center;
	}

	.invoice p {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		color: #999999;
	}

	.invoice p a {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		color: #FDB813;
	}

	.invoice .download {
		border-right: 2px solid #dddd;
		padding: 0 5px;
	}

	.cta {
		border: 2px solid #FDB813;
		text-align: center;
		width: 160px;
		margin: 40px auto;
		padding: 10px;
		border-radius: 12px;
	}

	.cta a {
		color: #000 !important;
		font-size: 16px;
		font-weight: 500;
	}


	/* Book another pass css */

	.has-search .form-control-feedback {
		right: initial;
		left: 0;
		color: #ccc;
		height: 50px;
		line-height: 50px;
	}

	.form-control {
		height: 50px;
	}

	.has-search .form-control {
		padding-right: 12px;
		padding-left: 34px;
	}

	.upcoming_trip_main_div {
		display: flex;
		justify-content: space-between;
		margin-top:30px;
	}
	.pass-list {
		/* margin-bottom: 0 !important; */
	}
	.upcoming_trip_main_div div:nth-child(1) {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
	}

	.upcoming_trip_main_div div:nth-child(2) {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		color: #FDB813;
	}

	.upcoming_trip {
		line-height: 40px;
	}

	.wrap .upcoming_trip p {
		color: #666666;
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 20px;
	}

	.pickup_point p {
		margin-bottom: 0;
	}

	.alley_road {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	.alley_road .pickup_point p:nth-child(1) {
		color: #999999;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
	}

	.alley_road .pickup_point p:nth-child(2) {
		color: #333333;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
	}

	.booking_details_bg {
		background: #F7F7F7;
		padding: 8px 15px;
		border-radius: 8px;

	}

	.booking_details {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;

	}

	.booking_details p {
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		color: #666666;
	}

	.seat_number p {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		color: #999999;
	}

	.seat_number p span {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		padding: 7px;
		color: #FFFFFF;
		background: #0066B3;
		border-radius: 8px;
	}

	.wrap {
		box-shadow: 0px 16px 40px rgb(112 144 176 / 20%);
		padding: 10px 20px;
		margin-bottom: 25px;
		border-radius: 8px;
	}

	.elipse {
		background-image: url(../../../../../assets/img/icons/nw.png);
		background-repeat: no-repeat;
		/* background-color: #f4f6f9; */
		height: 40px;
		width: 100%;
		background-position: center;
		background-size: contain;
	}

	.booking_details div img {
		margin-top: -3px;
	}

	.scan_btn {
		text-align: center;
		background-color: #FDB813;
		justify-content: center;
		align-items: center;
		padding: 15px 72px;
		border-radius: 12px;
		margin-top: 5px;
	}

	.scan_btn a {
		color: #333333;
		text-decoration: none;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		padding: 0 10px;
		font-size: 15px;
	}
   
	.wrap1 {
		/* box-shadow: 0px 16px 40px rgb(112 144 176 / 20%); */
		background: #E5F4FF;
		border-radius: 8px;
		margin-bottom: 32px;
		padding: 10px 20px;
		position: relative;
        z-index: 1 !important;
	}

	#wrap_ticket{
		border-radius: 8px 8px 0px 0px ;
		/* box-shadow: none; */
		box-shadow: 0px -8px 10px rgba(112, 144, 176, 0.2);
	}

	.log_div {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
		align-items: center;
	}
	.log_div div img{
		margin-top: -4px;
	}
	.log_div span {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		color: #333333;

	}

	.seat_number {
		padding-top: 10px;
	}

	.log_div div {

		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		color: #0066B3;
		font-size: 14px;

	}

	.wrap1 .area_location {
		display: flex;
		justify-content: space-evenly;
		margin-bottom: 15px;
		align-items: center;
	}

	.wrap1 .area_location p {
		color: #333333;
		font-weight: 500;
		margin-bottom: 0;
	}

	.valid_date {
		margin-bottom: 15px;
	}

	.valid_date p {
		margin-top: 20px;
		text-align: center;
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		color: #333333;
	}
	.valid_date p span{
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		color: #666666;
	}

	.total_fare {
		display: flex;
		justify-content: space-between;
	}

	.total_fare p {
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		color: #999999;
	}

	.total_fare p span {
		font-weight: 700;
		color: #333333;
	}

	/* .area_location_2 p {
		display: flex;
		width: 100%;
	} */

	/* .area_location_2 p span:nth-child(1) {
		width: 11%;
	} */

	/* .area_location_2 p span:nth-child(2) {
		width: 89%;
	} */


/* Trips Css */


 .uppr_div{
	margin-top: 20px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	align-items: center;
    margin-bottom: 30px;
	padding: 5px 20px;
}
.uppr_div div img{
	margin-top: -4px;
}
.uppr_div span{
	font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
color:#000;
padding-left: 10px;
}

.uppr_div .buy_pass_cta {
		border: 1px solid #0066B3;
		text-align: center;
		width: auto;
		padding: 6px 8px;
		border-radius: 8px;
		margin:0;
		min-width: 60px;
}
.uppr_div .buy_pass_cta a {
    color: #0066B3 !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}
.buy_pass_cta{
	border: 1px solid #0066B3;
	text-align: center;
	width: 160px;
	margin: 40px auto;
	padding: 10px;
	border-radius: 12px;
}
.buy_pass_cta a{
	color: #0066B3 !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
}
/*
.my_upcoming_trip .nav-tabs{
	border:none !important;
}

.my_upcoming_trip .nav-tabs>li.active>a, .my_upcoming_trip .nav-tabs>li.active>a:focus, .my_upcoming_trip .nav-tabs>li.active>a:hover{
	color: #555;
	cursor: default;
	background-color: #fff;
	border-bottom: 1px solid #ddd !important;
	border: transparent;
		/* border-bottom-color: transparent;
} */




.receipt_congratulation{
	display: flex;
    justify-content: center;
    margin: 20px 0;
    align-items: center;
}
.receipt_congratulation div{
	padding: 0 5px;
    text-align: center;
}
.receipt_congratulation div h3{
	font-family: 'DM Sans';
    font-style: normal;
    color: #27AE60;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px;
}

.receipt_congratulation div p{
	font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
}
.view_station .popup_btn_new a{
	color: #0066B3;
    display: block;
    text-align: center;
	font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
	text-decoration: none;
	padding-bottom: 16px;
}
.view_station .popup_btn_new{
	margin-top: 30px;
}
.my-header-new{
	border-bottom: none !important;
}
.my-header-new .close {
    margin-top: -30px !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
    font-size: 24px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
}
.my-header-new h5{
	color: #0066B3;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
}
.modal-body{
	color: #000;
}

.wrap1{
		box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
	}
	.downl_main{
		margin-top:-32px;
	}
	.downl_body{
		margin:0px 16px;
		display:flex;
		justify-content:center;
		align-items:center;
		background: #F7F7F7;
		border-radius: 0px 0px 12px 12px;
	}
	.downl_btn button{
		margin:24px 16px 16px 16px;
		padding:11px 25px;
		border:none;
		background: #FDB813;
		border-radius: 12px;
		color: #333333;
	}
	


#body_bkg{
	/* background-image:none !important; */
	/* background: #E5E5E5 !important; */
}
/* .buy-pass-card{
	height:100vh;
} */
.rip_main{
	margin-top:39px;
	
}
.downl_main2{
	box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
	margin-top:-6px;
	border-radius: 0px 0px 12px 12px;
}
.downl_body2{
	display:flex;
	justify-content:center;
	align-items:center;
	background: #fff !important;
	border-radius: 0px 0px 12px 12px;
}
.downl_btn2 button{
	text-decoration: none;
	margin:24px 16px 16px 16px;
	padding:11px 25px;
	border:none;
	background: #FDB813;
	border-radius: 12px;
	color: #333333;
}

/* } */
@media screen and (min-width: 600px) {
	.view_station{
		display:flex;
		flex-direction: column;
	}
	.login-btn {
		margin-left: 55%;
	}
	.desktop_ticket{
		background: #F7F7F7;
		border-radius: 8px;
		margin:0px 20px;
	}

	.desktop_scan_btn{
		margin:0px 108px;
	}

	.desktop_scan{
		background: #F2F2F2;
	  }
	.desktop_scan1{
		margin:8px 40px;
		background: #F2F2F2;
	}  

	.buy-pass-card,
	.upcoming_trip_main_div {
		width: 100%;
    max-width: 600px;
	}
	.upcoming_trip_main_div {
		width: 50%;
    margin: 50px auto 0;
	}
	.search-pass {
		display: none;
	}
	.buy-new-pass {
		display: block;
	}
	.book_pass {
		/* margin-bottom: 32px;
		padding-top: 24px; */
		/* background: #fff; */
    /* box-shadow: 0px 16px 40px rgb(112 144 176 / 20%); */
    border-radius: 8px;
		width: 82%;
    margin: 0 auto;
    max-width: 1246px;
	}
	.book_pass form {
		justify-content: space-between;
	}
	.book_pass > p {
		display: none;
	}
	.book_pass form > div:first-of-type {
		width: 60%;
	}
	.book_pass form > div:last-of-type {
		width: 25%;
	}
	.upcoming_trip_main_div p {
		font-weight: 700;
		font-size: 24px;
	}
	.upcoming_trip_main_div a {
		font-weight: 500;
		font-size: 16px;
	}
	.uppr_div span {
		color: #0066B3;
		font-weight: 700;
		font-size: 24px;
	}
}

@media only screen and (max-width: 360px ) {
	.wrap1 {
    padding: 10px 5px !important;
  }
  
  .area_location_2 p{
	font-size: 10px;
  }
}
@media screen and (min-width: 900px) {
	.login-btn {
		margin-left: 65%;
	}
}
@media screen and (min-width: 1024px) {
	.login-btn {
		margin-left: 65%;
	}
}