.clear,
.clearfix,
.clearfix:after,
.domlem,
.formto input,
.taboption {
	clear: both
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .item,
.welcome .col-md-3:last-child .single_item:after {
	opacity: 0
}

.apply,
.coupon-slt,
.firstbtn,
.secondbtn {
	text-transform: uppercase
}

.feedbackin label input,
img {
	height: auto
}

#MenuDetailsPopup .close,
.feedbackin .close {
	position: absolute;
	z-index: 999999;
	right: 0;
	font-size: 30px;
	background: #f1832c;
	opacity: 1;
	color: #fff;
	font-weight: 400;
	width: 30px;
	line-height: 1
}

.amount,
.backbtn,
.contsec a,
.float-right,
.floatright,
.sample,
.schedul-colmun .schedul-table li span,
.toprightside,
.useradmin {
	float: right
}

.zero_mp,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin: 0
}

.wel_header h2 {
	font-size: 31px;
	font-weight: 700;
	padding-bottom: 31px;
	font-family: Montserrat
}

#PassengerDetails h4,
.aboutcont h4,
.footer-title h6,
.orclas,
body p {
	font-weight: 500;
}

#event,
#welcome {
	background: #fff
}

.container-fluid,
img {
	max-width: 100%
}

body {
	overflow-x: hidden
}

body,
html,
p {
	font-family: 'Open Sans'
}

.container {
	transition: .9s;
	-webkit-transition: .9s;
	-moz-transition: .9s;
	-o-transition: .9s;
	-ms-transition: .9s
}

a,
a:focus,
a:hover,
a:visited {
	text-decoration: none !important
}

#back-to-top,
.booknowbtn:hover,
.category a {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

img {
	transition: .4s ease-in-out;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out
}

html {
	height: 100%
}

#header .top_header {
	min-height: 50px;
	background: #fbfbfb;
	border-bottom: 2px solid #f2f2f2;
	padding-top: 15px
}

	#header .top_header .address {
		margin-bottom: 6px
	}

#welcome .item_list:hover .welcome_icon i,
.additional.two .column.one-third.last h2,
.btn.focus,
.btn:focus,
.btn:hover,
.fancy-heading,
.faq.two .right h3,
.method a,
.socialLink a,
.stars i,
.testimonial-author,
.topleftside li a,
.topleftside li a i,
.wel_header h2 {
	color: #fff
}

#header .header_menu ul.main_menu li,
#header .header_menu ul.main_menu li.active a {
	display: inline-block;
	position: relative;
	transition: .3s;
	float: none;
	width: 12.2%
}

#header .header_menu ul.main_menu > li > a:after {
	content: '';
	display: block;
	margin: 8px auto auto;
	height: 3px;
	width: 0;
	background: 0 0;
	transition: width .5s, background-color .5s;
	position: absolute;
	top: unset;
	bottom: 0;
	left: 0;
	right: 0
}

#header .header_menu ul.main_menu > li.active > a:after,
#header .header_menu ul.main_menu > li:hover > a:after {
	width: 90%;
	background: #fff
}

#slider .slider_overlay,
.Passenger,
.btn-outline,
.cart_totals,
.contact,
.container,
.control--radio input,
.contsec a,
.disitem,
.domlem,
.leftside,
.login-page.about,
.loopdiscount,
.mycart,
.paymode-block ul li,
.rcb-container,
.runtrain,
.section-wraper,
.siderepeat,
.trakinput,
.trakinput input,
.wpcf7-form-control-wrap {
	position: relative
}

#slider .owl-dots {
	position: absolute;
	margin: 0;
	bottom: 1.5em;
	left: 50%;
	transform: translateX(-50%);
}

#slider .owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
	margin: 5px 7px;
	background: none;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	border: 1px solid #fff;
}

#slider .slider_overlay {
	height: 34vw;
}

#showcase {
	color: #fff;
	background: #f88036;
	padding: 5vw 0 1.75vw 0;
}

	#showcase .txt-container {
		position: relative;
		padding: 0 5em;
	}

	#showcase h1 {
		font-size: 2.6vw;
		color: #a93739;
		font-weight: 600;
		letter-spacing: 2px;
		position: relative;
		width: calc(100% - 34vw);
		z-index: 1;
		margin-bottom: 0.25em;
	}

	#showcase .txt-container::before {
		content: '';
		position: absolute;
		clear: none;
		background: url(/Content/Images/ShowcaseImg.webp) center/cover no-repeat;
		width: 35vw;
		aspect-ratio: 118/100;
		right: 5em;
		bottom: -1.75vw;
	}

	#showcase p {
		font-size: 1.6vw;
		font-weight: 400;
		letter-spacing: 0.05em;
		position: relative;
		max-width: calc(100% - 40vw);
	}

	#showcase b {
		font-size: 1.64vw;
	}

		#showcase b::after {
			content: '';
			background: url(/Content/Images/IRCTC-LOGO.webp) center/contain no-repeat;
			display: inline-block;
			aspect-ratio: 4/2;
			height: 3vw;
			position: relative;
			top: 0.9vw;
			right: 0.75vw;
		}

.showcase-form #txtTrainStartDatePicker,
.showcase-form #txtPNR,
.showcase-form #txtTrainNoName,
.showcase-form #txtStationName, .showcase-form #ddlBoardingStation {
	border: 0.3vw solid #fff;
	font-weight: 600;
	border-radius: 1.5vw;
	width: 100%;
	padding: 0.5vw 1.25vw;
}

.showcase-form {
	width: 40vw;
	font-size: 1.2vw;
}

	.showcase-form ::placeholder {
		color: #fff;
	}

	.showcase-form input, .showcase-form #ddlBoardingStation {
		background: none;
		outline: none;
	}

	.showcase-form #ddlBoardingStation {
		appearance: none;
		color: #fff;
	}

#ddlBoardingStation option {
	color: #333;
}

#ContainerStation {
	position: relative;
	margin: 1.015vw 0;
}

	#ContainerStation::before {
		content: "\f078";
		font-family: 'fontAwesome';
		position: absolute;
		pointer-events: none;
		right: 1vw;
		top: 50%;
		transform: translateY(-50%);
	}

#dateContainer {
	position: relative;
	margin: 1.015vw 0;
}

#showcase #dateContainer::before {
	content: "";
	background: url(/Content/Images/calendar.webp) center/contain no-repeat;
	aspect-ratio: 1/1;
	display: block;
	position: absolute;
	top: 0.5vw;
	pointer-events: none;
	width: 2.3vw;
	right: 0.6vw;
}

.showcase-form div {
	margin: 1.015vw;
}

.invisible {
	visibility: hidden;
}

.hide {
	display: none;
}

#orderviaRadioBtns {
	display: flex;
	/*justify-content: space-around;*/
	justify-content: space-evenly;
}

	#orderviaRadioBtns input[type="radio"] {
		margin: 0.3em;
	}

	#orderviaRadioBtns label {
		font-weight: 400;
	}

#showcase #btnSearch {
	background: #fff;
	border: none;
	outline: none;
	padding: 0.5vw 1vw;
	font-size: 1.15vw;
	color: #a9373a;
	font-weight: 700;
	border-radius: 1.5vw;
}

.orderSec {
	margin: 0;
	display: grid;
	grid-auto-flow: column;
	align-items: center;
}

	.orderSec strong {
		font-size: 1.2vw;
		display: block;
		width: fit-content;
		text-align: center;
		margin-left: 1vw;
	}

	.orderSec a {
		display: grid;
		color: #fff;
		padding: 0.25vw 0.5vw 0.25vw 0.5vw;
		gap: 0.5vw;
		width: fit-content;
		grid-template-columns: 2vw 5vw;
		font-weight: 500;
		font-size: 0.9vw;
		aspect-ratio: 146/45;
		align-items: center;
		border-radius: 0.5vw;
	}

.WhatsappIcon .iconContainer {
	background: url(/Content/Images/whatsapp.png) center/contain no-repeat;
}

.TelegramIcon .iconContainer {
	background: url(/Content/Images/telegram.png) center/contain no-repeat;
}

a .iconContainer {
	aspect-ratio: 1/1;
	width: 100%;
	margin: 0;
}

.WhatsappIcon {
	background: #56b54f;
}

.TelegramIcon {
	background: #2ca5e0;
	aspect-ratio: 146/45;
}

.subscribe-form .orderSec {
	gap: 1vw;
}

#grpBooking {
	background: #f88036;
	padding: 1vw 12vw 3vw
}

	#grpBooking .card {
		display: grid;
		grid-auto-flow: column;
		align-items: center;
		background: #fce6d8;
		color: #555;
		margin: 0;
		gap: 1vw;
		transition: 0.35s;
		padding: 1vw 1.5vw;
	}

		#grpBooking .card h3 {
			font-weight: 500;
			padding-bottom: 0.5vw;
			font-size: 1.68vw;
		}

		#grpBooking .card p {
			font-weight: 400;
			font-size: 1.1vw;
		}

	#grpBooking .btn.material {
		padding: 1vw;
		font-size: 1.2vw;
		transition: 0.35s;
		font-weight: 500;
	}

.seo-txt {
	padding: 0 5em 5em;
}

#showcase a,
#showcase button,
#grpBooking a,
.circularImgContainer {
	transition: 0.35s;
}

	#showcase a:hover,
	#showcase button:hover,
	#grpBooking a:hover,
	#grpBooking a button:hover,
	.circularImgContainer:hover {
		transform: scale(0.9);
	}

#slider .owl-theme .owl-dots .owl-dot.active span {
	background: #fff;
}

#slider .slider_overlay:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#slider {
	height: 34vw;
	overflow: hidden;
}

#welcome {
	min-height: 350px;
	padding: 38px 0 40px
}

.wel_header {
	text-align: center;
	color: #222;
	padding-top: 0
}

.wel_headerwhite {
	text-align: center;
	padding-bottom: 30px
}

	.wel_headerwhite h2 {
		color: #f1832c;
		position: relative;
		font-size: 3.2em;
		font-weight: 900;
	}

	.wel_headerwhite p {
		margin: auto;
		max-width: 30em;
		margin-top: 1.25em;
	}

.weoffer .wel_headerwhite p {
	color: #a9373a;
}

#volunteer .join_us a.vol_cust_btn,
#volunteer .volunteer_content h3,
#volunteer .volunteer_content p,
#welcome .item_list p,
.wel_header p {
	font-family: 'Open Sans', sans-serif
}

#welcome .single_item {
	padding: 48px 13px;
	text-align: center;
	width: 240px;
	height: 240px;
	background: rgba(255, 255, 255, .45);
	border-radius: 100%;
	border: 4px solid #fff;
	margin: 40px auto;
	position: relative
}

.howwework .welcome_icon {
	width: 46px;
	text-align: left;
	margin: 0 auto;
	transition: .7s;
	display: table-cell;
	vertical-align: top
}

#orderWhatYouLike {
	background-image: url('/Content/Images/orderwhatyoulikeBG.webp');
}

	#orderWhatYouLike h2,
	#orderWhatYouLike h3 {
		color: #fff;
	}

#back-to-top,
#filters,
.contact-us .contact-method .method-block,
.contact-us .leave-message,
.howwework .single_item,
.product-quantity {
	text-align: center
}

.welcome_icon i {
	font-size: 5em;
	transition: .7s;
	color: #ad393d;
	margin-right: 0.3em;
}

#whychoseus h4 {
	font-size: 1.7em;
	font-weight: 600;
	color: #ad393d;
}

#whychoseus .item_list {
	display: flex;
	align-items: center;
}

#whychoseus h2 {
	color: #ad393d;
}

#whychoseus .content {
	display: grid;
	grid-template-columns: 40vw 40vw;
	padding: 1.5vw 3vw;
	margin: auto;
	align-items: center;
	justify-content: center;
	gap: 5vw;
}

.tablecel p {
	margin-top: 0.5em;
	margin-left: 0.25em;
}

#welcome .item_list h4 {
	padding: 20px;
	font-weight: bolder;
	font-size: 20px;
	color: #fff;
	transition: .7s;
	font-style: italic
}

#back-to-top,
#welcome .item_list p {
	font-size: 18px;
	color: #fff
}

.howwework .item_list h4 {
	padding: 0 0 5px;
	font-weight: bolder;
	font-size: 16px;
	color: #f1832c;
	transition: .7s
}

.howwework {
	padding: 30px 0;
	background: #3a2222
}

#portfolio ul.portfolio_custom_menu li,
.footer-bottom {
	padding: 10px 0
}

#event .event_item img,
.imgsoan,
.input-group,
.paymode-block {
	width: 100%
}

#blog p,
.cart,
.contsec h3,
.contsec p,
.couponcode,
.footer-bottom .terms-service li,
.formto .form-group,
.hungers td,
.imgsoan,
.inline-block,
.listing .delivery-potions .post-time,
.mycart a,
.mycart img,
.mycart span,
.namet,
.pagination ul li,
.rowright,
.social-links,
.topleftside,
.topleftside li,
.toprightside,
.toprightside ul li {
	display: inline-block
}

.aboutcont,
.main-footer,
.testimonials-block {
	display: table;
	width: 100%;
	clear: both
}

#market-place .fw-single-image img,
.testimonials {
	margin: 0 auto
}

#footer .copyright p,
.service-list li,
ul.entry-meta {
	text-align: left
}

#back-to-top {
	position: fixed;
	bottom: 55px;
	right: 15px;
	z-index: 9999;
	width: 40px;
	height: 40px;
	line-height: 41px;
	background: #000;
	cursor: pointer;
	border: 0;
	transition: .5s;
	opacity: 0;
	display: none;
	border-radius: 100%;
	box-shadow: 0 4px 8px #0000005c
}

.testimonials-block {
	background: #d88237;
	text-align: right;
	padding: 4% 0;
	position: relative;
}

.aboutcont h4,
.main-footer {
	background: #f1832c
}

.testimonials {
	vertical-align: middle
}

.bx-wrapper .bx-viewport {
	top: 0;
	background: 0 0;
	border: 0;
	box-shadow: none;
	left: -5px;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.custom_btn:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #8ec63f;
}

.text-sp {
	letter-spacing: .05em;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 2em;
}

.sumitform form,
.sumitform h3 {
	vertical-align: middle;
	display: inline-block
}

.formto .form-group,
.imgsoan,
.namet,
.paymode-block span,
.rightside,
.rowright,
.sample.fourteen input,
.sample.thirteen input,
.secrow,
.tablecel {
	vertical-align: top
}

.subscribe-block .top-text,
.subscribe-form,
.sumitform form,
.testimonials {
	width: 100% !important
}

.block,
.specials {
	padding: 5em 0
}

.specials {
	background: #fce6d8;
}

.subscribe-form {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	letter-spacing: .1em;
}

.links {
	display: flex;
}

.mission,
.sp-five {
	padding: 60px 0 0
}

.pdn,
li,
ul {
	padding: 0
}

.footer-top .colmun {
	margin-bottom: 40px
}

.footer-top .about-colmun {
	margin-right: 40px
}

.mb-20 {
	margin-bottom: 20px !important
}

.social-links li {
	display: inline-block;
	margin-right: 0
}

	.social-links li a {
		font-size: 1.5vw;
		color: #fff;
		width: 3vw;
		height: 3vw;
		line-height: 3vw;
		text-align: center;
		border-radius: 50%;
		display: inline-block;
		transition: .3s;
	}

.footer-title h6 {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	text-transform: capitalize;
	margin-bottom: 22px;
	font-family: Montserrat;
	border-bottom: 3px solid #ddd;
	padding-bottom: 5px
}

li,
ul {
	list-style: none;
	margin: 0
}

.li-style {
	list-style: disc
}

.footer-bottom .footer-copyright {
	line-height: 26px;
	float: left
}

.footer-bottom .terms-service li a {
	line-height: 15px;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	transition: .3s
}

.aboutcont h4 {
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding: 13px 0
}

.aboutcont .content {
	padding: 0 0 19px
}

#grid a,
#package .item a,
.gift-page .row .col-lg-6,
.listing .delivery-potions,
.offfive p {
	display: block
}

@media (min-width:1200px) {
	.col-lg-3 {
		width: 25%;
		float: left
	}
}

#pmpmaster .item p {
	line-height: 2;
	color: #fff
}

.mt20,
.testimonial-author {
	margin-top: 20px
}

#package .item img,
#package .item span,
.disitem img {
	transition: .5s ease-in-out
}

.sample {
	height: 55px;
	margin: 0;
	top: 0;
	z-index: 99999999
}

	.sample.fourteen input,
	.sample.thirteen input {
		background-color: #fff;
		border-radius: 39px;
		transition: .8s ease-in-out;
		padding: 13px 51px 13px 49%;
		font-size: 20px;
		font-weight: 500;
		width: 683px;
		border: 1px solid #f1832c;
		box-shadow: 0 7px 7px 5px #ddd
	}

	.sample.fourteen button,
	.sample.thirteen button {
		transition: .8s ease-in-out
	}

		.sample.fourteen button.btn-search,
		.sample.thirteen button.btn-search {
			border-radius: 50%;
			height: 30px;
			right: 29px;
			width: 30px;
			color: #f1832c;
			padding: 0;
			top: 5px;
			background: 0 0;
			position: absolute;
			text-align: center;
			font-size: 28px;
			font-weight: 100
		}

#home .owl-nav.disabled + .owl-dots {
	z-index: 99999999;
	position: relative;
	top: -65px
}

@media (min-width:992px) {
	.mobilelogo {
		display: none
	}
}

#progressbar,
.blog-admin figure,
.button-3,
.clear-space,
.disitem,
.ui-icon {
	overflow: hidden
}

.dropdown-menu {
	transition: .3s
}

.aboutcont img {
	text-align: center;
}

.pdrnone,
.rightpanel {
	padding-right: 0
}

.ui-widget {
	font-family: 'Open Sans' !important;
	font-size: 14px !important
}

.clearfix:after {
	content: '';
	display: block
}

.addto,
.nextbtn,
.rightside .table {
	display: table
}

	.faqmenu .table .row:last-child .cell,
	.rightside .table tr:last-child td {
		border-bottom: none
	}

.billing,
.mb20,
fieldset {
	margin-bottom: 20px
}

.disitem,
.offer {
	margin-bottom: 15px
}

.absolute-no,
.absolute-train {
	line-height: 56px;
	border-radius: 34px;
	font-weight: 600;
	text-align: center;
	cursor: pointer
}

#msform {
	position: relative;
	text-align: center
}

	#msform fieldset:not(:first-of-type),
	.hidesearch,
	.slectbox,
	.switch input {
		display: none
	}

	#msform input,
	#msform textarea {
		padding: 10px 15px;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-bottom: 10px;
		width: 100%;
		box-sizing: border-box;
		font-family: montserrat;
		color: #2c3e50;
		font-size: 13px
	}

	#msform .action-button {
		width: 100px;
		background: #f1832c;
		font-weight: 700;
		color: #fff;
		border: 0;
		border-radius: 1px;
		cursor: pointer;
		padding: 10px 5px;
		margin: 10px 5px
	}

#itemfood .owl-next,
#itemfood .owl-prev,
.booknowbtn,
.booknowbtn:hover,
.disitem,
.topleftside li a {
	transition: .3s ease-in-out
}

.absolute-no {
	left: -11px;
	color: #2f4f4f;
	font-size: 20px;
	width: 224px;
	background: #ddd;
	padding: 13px 27px 14px 53px
}

.absolute-train {
	left: 43px;
	color: #fff;
	font-size: 20px;
	width: 206px;
	background: #f1832c;
	padding: 15px 28px;
	position: relative
}

.searchtab {
	position: absolute;
	left: -9%;
	top: 0
}

.wel_header h2:after {
	background: #fff;
	position: absolute;
	bottom: 12px
}

.wel_header h2:before {
	background: #fff;
	position: absolute;
	bottom: 0
}

#welcome .single_item:after {
	content: '';
	width: 113px;
	height: 3px;
	display: table;
	position: absolute;
	text-align: center;
	left: 102%;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	top: 49%
}

.trackSection {
	background: #ad393d;
	padding: 7em 0;
}

	.trackSection .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.trackSection .container::before,
		.trackSection .container::after {
			display: none;
		}

.trakbody {
	border: none;
	width: 425px;
}

.trakinput {
	padding: 20px 20px 10px
}

	.trakinput input {
		border: 1px solid #f1832c;
		padding: 11px 82px;
		width: 81%
	}

	.trakinput span {
		position: absolute;
		left: 21px;
		background: #eee;
		padding: 11px;
		font-weight: 700;
		top: 21px
	}

.disitem h1,
.disitem:after {
	left: 0;
	position: absolute;
	right: 0
}

.trackbtn {
	background: #f1832c;
	border-color: #f1832c;
	padding: 11px 25px;
	border-radius: 2px;
	margin-top: -3px
}

.orclas {
	text-align: center;
	color: #f1832c;
	font-size: 30px;
	font-style: italic;
}

.trakbody .orclas {
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-list li a {
	color: #fff;
	display: block;
	padding-bottom: 7px;
	font-weight: 500
}

.bookingStatus,
.currentStatus,
.headh3 h3,
.namet,
.station span,
.sumitform h3,
li.pyby-card span {
	font-weight: 700
}

.appmage {
	display: block;
	width: 9vw;
	border-radius: 0.4em;
	margin-right: 1em;
}

#iphoneImage {
	background: url(/Content/Images/iphoneapp.webp) center/cover no-repeat;
}

#androidImage {
	background: url(/Content/Images/appdownloadicon.webp) center/cover no-repeat;
}

.sumitform {
	background: #fce6d8;
	padding: 1.5vw 0;
}

	.sumitform h3 {
		color: #333;
		font-size: 1.69vw;
		letter-spacing: 0;
		padding-right: 1vw;
	}

.fb,
.inlink,
.insta {
	background-color: #3b5998
}

.tw {
	background-color: #4099ff
}

.terms-service img {
	width: 300px
}

.weofimg {
	text-align: center;
	padding: 24px 14px;
	border-right: none;
	min-height: 270px
}

.circularImgContainer {
	width: 150px;
	margin: auto;
	padding: 2em;
	background: #f98036;
	border-radius: 50%;
}

.weofimg img {
	aspect-ratio: 1/1;
	width: 100%;
	margin: 0 auto;
}

.weofimg h3 {
	font-weight: 600;
	font-size: 24px;
	padding: 0.5em 0em 0.25em 0em;
	color: #f98036;
}

.weofimg p {
	color: #3f3f3f;
}

.weoffer {
	padding: 50px 0
}

#ourProcessSection {
	background: #f98036;
}

	#ourProcessSection header {
		color: #ffece1;
	}

	#ourProcessSection h2,
	.testimonials-block h2 {
		font-size: 4em;
		font-weight: 600;
		text-align: left;
		color: #ffece1;
	}

		#ourProcessSection h2::before,
		.testimonials-block h2::before,
		#ourProcessSection h2::after,
		.testimonials-block h2::after {
			display: none;
		}

	#ourProcessSection header p {
		padding: 0.75em 0.5em;
	}

	#ourProcessSection .content {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	#ourProcessSection .card.material {
		box-shadow: none;
		width: 240px;
		border-radius: 14px;
		text-align: center;
		background: #ffece7;
		padding: 1.5em 1em;
	}

	#ourProcessSection h4 {
		color: #dd7017;
		font-weight: 600;
	}

	#ourProcessSection .card.material p {
		color: #dd7017;
		font-weight: 400;
	}

.processIcon {
	aspect-ratio: 1/1;
	width: 5em;
	margin: 4em auto;
}

#processIcon1 {
	background: url(/Content/Images/foodInTrain.webp) center/contain no-repeat;
}

#processIcon2 {
	background: url(/Content/Images/train-ticket.webp) center/contain no-repeat;
}

#processIcon3 {
	background: url(/Content/Images/train2.webp) center/contain no-repeat;
}

#processIcon4 {
	background: url(/Content/Images/pnrStatus.webp) center/contain no-repeat;
}

.booknow,
.coupon {
	padding: 10px 20px;
}

.loopdiscount {
	display: inline-block;
	border: 1px solid #ddd;
	width: 50%
}

.disitem {
	cursor: pointer;
	text-align: center;
	display: block
}

	.disitem h1 {
		top: 40%;
		margin: 0 auto;
		display: block;
		font-weight: 600;
		color: #fff;
		z-index: 999
	}

	.disitem span {
		font-size: 22px
	}

.coupon span,
.offfive h3 span {
	font-size: 20px
}

.coupon span {
	margin-right: 10px
}

.couponcode {
	border: 2px solid #ddd;
	padding: 9px 10px;
	box-shadow: 0 1px 2px #f9f9f9;
	font-size: 17px
}

.loopdiscount p {
	padding: 0 20px;
	font-size: 15px
}

.offer {
	padding: 40px 0;
	font-size: 0;
	background: #f7f7f7
}

.disitem:after {
	content: '';
	background: rgba(0, 0, 0, .4);
	top: 0;
	bottom: 0
}

.leftrowimg {
	width: 100%;
	padding: 12px;
	border: 1px solid #eee;
	box-shadow: 0 2px 3px #ddd;
	background: #fff
}

	.leftrowimg img {
		width: 100%;
		height: 173px
	}

.rowright {
	padding-left: 15px;
	padding-right: 10px;
	width: 100%;
	text-align: center
}

	.rowright h2 {
		border-bottom: 2px solid #000;
		font-weight: 700;
		line-height: 43px
	}

.offfive {
	padding: 8px 0 0
}

.firstbtn,
.secondbtn {
	font-size: 20px;
	padding: 9px 0;
	color: #fff;
	text-align: center
}

.secrow p {
	font-size: 14px;
	padding-bottom: 9px
}

.firstbtn {
	background: #f1832c;
	margin-bottom: 12px
}

.formto input {
	background: 0 0
}

.tabstop .tab-content {
	background: #c3c3c3;
	line-height: 25px;
	border: 2px solid #f1832c;
	padding: 26px 30px;
	width: 99.8%;
	/*height:340px;*/
	position: relative;
	border-top: none
}

.formto {
	font-size: 0;
	width: 100%;
	padding: 0
}

	.formto input {
		width: 100%;
		padding: 9px 22px;
		border: none;
		border-radius: 3px;
		border: 1px solid #f1832c;
		color: #000;
		position: relative;
		font-size: 19px
	}

.trakbody .formto .form-group input {
	background: #faf8f1;
	border: none;
	border-radius: 0;
}

.trakbody .submit {
	border: none;
	border-radius: 0;
	padding: 0.5em 3em;
	background: #ece4cd;
	color: #ad393d;
	font-weight: 600;
}

#btnTrackOrderDevice::after,
.faqSection h2::after {
	content: '';
	display: block;
	position: absolute;
	width: 5em;
	background: url(/Content/Images/whiteSquiggle.png) center/contain no-repeat;
	height: 0.7em;
	bottom: -1.5em;
	left: 50%;
	transform: translateX(-50%);
}

.faqSection h2::after {
	bottom: -0.6em;
	width: 1.8em;
	background: url(/Content/Images/redSquiggle.png) center/contain no-repeat;
}

.trackSection h2 {
	color: #fff;
	font-size: 2.5em;
	font-weight: 600;
	margin-bottom: 1.2em;
}

.formto .form-group {
	width: 32%;
	position: relative;
	margin-right: 10px
}

.trakbody .formto .form-group {
	width: 100%;
}

.tabstop {
	margin-top: -100px;
	position: relative;
	z-index: 999
}

.input-group-addon {
	background: 0 0;
	position: absolute;
	right: 25px;
	top: 4px;
	font-size: 22px;
	color: #f1832c;
	z-index: 9999999
}

.foodimages {
	margin-top: -20px;
	position: relative;
	z-index: 999;
	background-size: cover;
	background-position: 100%;
	background-repeat: no-repeat;
	height: 200px
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: auto !important;
	touch-action: auto !important
}

.topheader {
	background: #181717
}

.innerfood,
.trainboard {
	background-position: top;
	position: relative
}

.stations {
	position: absolute
}

.topleftside {
	padding: 2px 0 0;
	float: left
}

	.topleftside li {
		list-style: none;
		padding: 3px 14px
	}

.toprightside ul {
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 3px
}

.logo {
	width: 100%;
}

.header-area {
	padding-left: 4vw;
	padding-right: 2vw;
	display: grid;
	grid-template-columns: 11vw 1fr;
	align-items: center;
	column-gap: 5vw;
	z-index: 9999;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.main_menu {
	display: grid;
	grid-template-columns: repeat(auto-fit, 10.3vw);
	align-items: stretch;
	justify-content: end;
}

	.main_menu li a span {
		font-size: 2.4vw;
	}

	.main_menu li a {
		display: grid;
		text-align: center;
		font-size: 1.2vw;
		font-weight: 500;
		color: #f88036;
	}

		.main_menu li a::after {
			content: '';
			height: 0.35vw;
			border-radius: 0.2vw;
			width: 0;
			transition: 0.5s;
			margin: 0.25vw auto 0.25vw auto;
		}

	.main_menu li.active a::after,
	.main_menu li:hover a::after {
		background: #f88036;
		width: 95%;
	}

.innerfood {
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 150px;
	padding: 43px 0
}

	.h1-heading,
	.innerfood h3 {
		text-align: center;
		color: #fff;
	}

.h3-heading {
	text-align: center;
	color: #fff;
	font-size: 40px;
}

.h1heading {
	font-size: 26px;
}

.h2heading {
	font-size: 24px;
}



.showcase-h3 {
	font-size: 2.6vw;
	color: #a93739;
	font-weight: 600;
	letter-spacing: 2px;
	position: relative;
	width: calc(100% - 34vw);
	z-index: 1;
	margin-bottom: 0.25em;
}

.innerfood p,
.innerfood #spanSelectedTrainNumberName {
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 8px
}

	.innerfood #spanSelectedTrainNumberName::before {
		content: ''
	}

.booknowbtn,
.trainboard p {
	background: #f1832c;
	color: #fff
}

.rightside {
	display: table-cell;
	padding: 0 25px
}

.trainpoit {
	display: table;
	width: 100%;
	padding: 20px 0
}

.rightside .table th {
	color: #555;
	text-align: center;
	border-bottom: none !important;
	font-size: 17px
}

.rightside .table td {
	position: relative;
	text-align: center;
	border-top: none !important;
	border-bottom: 1px solid #a5a5a5;
	vertical-align: middle !important
}

.rightside .table img {
	width: 170px
}

.booknowbtn {
	border: none;
	padding: 7px 11px;
	display: unset
}

.disitem:hover img {
	transition: .5s ease-in-out;
	transform: scale(1.1);
	filter: gray;
	-webkit-filter: grayscale(100%);
	cursor: pointer
}

#itemfood .owl-next,
#itemfood .owl-prev,
.siderepeat.green.active:after,
.siderepeat.red:before {
	position: absolute;
	border-radius: 100%
}

.stations {
	top: 38%;
	left: 50%;
	font-size: 11px;
	width: 130px;
	display: table;
	margin: 0 auto;
	text-align: center;
	z-index: 99;
	transform: translate(-50%, 0);
	color: #000;
	font-weight: 500
}

.rightimg {
	border-top: 4px solid #f1832c;
	padding: 15px 0;
	background-size: cover;
	background-position: 100%
}

.vendor.card.material {
	margin: 1em 5em;
	padding: 1.5em 2em;
	border-radius: 0.5em;
}

.vendor .card-header {
	justify-content: space-between;
	display: flex;
	align-items: baseline;
	border-bottom: #ddd solid 1px;
	margin-bottom: 0.65em;
}

.iteminline {
	position: relative;
	box-shadow: rgb(51 51 51 / 15%) 2px 2px 20px 3px;
	border-radius: 8px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 0.75em;
	transition: 0.35s;
	border: 1px solid #eee;
}

	.iteminline.productselect,
	.iteminline:hover {
		box-shadow: 2px 2px 10px 3px rgb(241 131 44 / 60%);
		transform: scale(0.9);
	}

.proceed {
	background-color: #f1832c;
	color: #fff;
	width: 100%;
	border: 0;
	padding: 6px 12px;
	font-size: 16px;
	border-radius: 4px;
	margin: 0;
}

#MenuDetailsPopup {
	z-index: 99999;
	overflow: auto;
}

	#MenuDetailsPopup .modal-dialog {
		padding: 2px 16px;
		width: 40%;
		transform: translateY(20%);
		display: block;
	}

.mt10 {
	margin-top: 10px
}

.contsec {
	padding: 12px 19px
}

	.contsec h3 {
		font-size: 19px;
		font-weight: 500;
		vertical-align: -webkit-baseline-middle
	}

	.contsec a {
		top: -4px
	}

.viewd {
	position: relative;
	color: #333;
	font-weight: 500;
}

.namet,
.pipe {
	padding: 0 5px
}

.bordertop {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee
}

.mycart {
	padding: 1em 1em 0;
}

.cartHeadTxt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#clearCartBtn {
	display: none;
	cursor: pointer;
	color: #333;
}

.category input {
	color: #f1832c;
	font-weight: 700;
	text-align: center
}

.mycart p {
	padding: 4px 0
}

.trainame {
	display: table;
	border-bottom: 1px solid #ddd;
	padding: 14px 8px;
	width: 100%
}

.taboption {
	width: 100%;
	margin-bottom: 80px
}

.dropdown-menu {
	min-width: 15rem
}

.coupon {
	border-top: 1px solid #dee2e6
}

.coupon-slt {
	position: relative;
	margin-bottom: 20px
}

.coupon-option {
	left: 0;
	padding: 0 23px;
	display: block;
	height: 46px;
	width: 100%;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 2px solid #f1832c;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.coupon-offr-blk .cpn-offer {
	border: 2px dashed #f1832c;
	padding: 12px 25px;
	margin: 0;
	background: #fff
}

	.coupon-offr-blk .cpn-offer h2 {
		font-size: 17px !important;
		color: #f1832c;
		font-weight: 700
	}

.bgclr-whtopti {
	padding: 20px 9px;
	display: table;
	width: 100%;
	background: #fff;
	border: 1px solid #d0cdcd;
	margin: 10px 0;
	box-shadow: 0 3px 3px #ddd
}

.fare-block label {
	display: block;
	font-size: 17px;
	color: #6f6f6f
}

.fare-block p {
	color: #333;
	padding: 6px 0
}

.faq h3 {
	font-size: 17px;
	font-weight: 700;
	padding: 15px 0
}

.faq .panel {
	margin-bottom: 15px;
	box-shadow: none;
	position: relative;
	border: 1px solid #d0d0d0
}

.faq .panel-default > .panel-heading {
	background: #fff;
	color: #000;
	padding: 17px 15px;
	position: relative
}

.paymode-block img {
	height: 25px
}

.paymode-block span {
	padding: 0;
	font-weight: 700;
	font-size: 16px
}

.checkbox,
.radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.apply {
	position: absolute;
	font-weight: 600
}

.payready {
	background-color: #f1832c;
	color: #fff;
	border: 0;
	padding: 6px 12px;
	font-size: 16px;
	border-radius: 4px;
	margin: 25px 0
}

.with {
	width: 50px
}

.hungers,
.owlretor,
.payment-filters {
	display: table;
	width: 100%
}

.apply {
	right: 0;
	top: 25px;
	background: #000;
	padding: 12px 25px;
	border: 1px solid #000;
	color: #fffd;
	font-size: 15px;
	border-radius: 0 4px 4px 0
}

i[class*=icon-] {
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

.font-weight-bold {
	font-weight: 700 !important
}

.hungers {
	padding: 10px 7px
}

	.hungers p {
		padding: 5px 8px
	}

.station {
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
	box-shadow: 0 1px 2px #ddd;
	padding: 25px 0;
	text-align: center
}

.payment-filters {
	background: #f7f4f4;
	padding: 30px;
	margin-bottom: 30px;
	border-top: 3px solid #f1832c
}

.blog-agileinfo {
	width: 45% !important;
	margin: 1em auto;
	padding: 1em 3em 2.5em;
	box-shadow: 0 0 14px 7px rgb(224 224 224 / 50%)
}

.inlineInputWithBtn,
.payment-filters .row:first-child {
	display: flex
}

.payment-filters .row:last-child {
	padding-left: 2em
}

.domlem {
	display: flex;
	width: 100%;
	padding: 1em 2em;
	align-items: flex-start;
}

.tabstop nav > div a.nav-item.nav-link,
.tabstop nav > div a.nav-item.nav-link.active {
	border: none;
	padding: 10px 15px;
	color: #fff;
	background: #ff7100;
	border-radius: 4px 4px 0 0;
	display: inline-block;
	width: 17%;
	vertical-align: top;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
	border-right: 1px solid #fff;
}

.download,
.feedback {
	transform: rotate(270deg)
}

.list-post {
	border: 1px solid #dcd8d8;
	border-radius: 5px;
	padding: 23px 28px 23px 20px;
	position: relative;
	background-color: #fff;
	margin: 0 0 30px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}

.listing.fancy .img-holder {
	width: 72px;
	margin-right: -4px;
	vertical-align: top
}

	.listing.fancy .img-holder figure {
		text-align: center;
		border: 1px solid #e5e5e5;
		padding: 5px;
		height: 72px;
		position: relative
	}

.listing.fancy .text-holder {
	width: 75%;
	width: -webkit-calc(100% - 74px);
	width: -moz-calc(100% - 74px);
	width: calc(100% - 74px);
	margin-right: -4px;
	padding-left: 26px;
	vertical-align: middle;
	position: relative;
	text-align: left
}

.listing .post-title h5 {
	font-weight: 400;
	margin-bottom: 4px
}

.menuWrapper {
	background: #f7f7f7;
	padding: 3em 0;
}

.menuWrapper {
	background: #f7f7f7;
	padding: 3em 0;
}

.vendorSelect {
	position: relative;
	display: flex;
	width: 40em;
}

	.vendorSelect::after,
	.vendorSelect::before {
		position: absolute;
		top: 50%;
		pointer-events: none;
		color: #ff7100;
	}

	.vendorSelect::after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-size: 1.75em;
		right: 0.35em;
		transform: translateY(-50%);
	}

	.vendorSelect::before {
		content: "View All Restaurant";
		font-size: 1.25em;
		right: 1.9em;
		transform: translateY(-55%);
	}

#ddlVendor {
	border: none;
	outline: none;
	background: none;
	box-shadow: none;
	appearance: none;
	padding: 0.25em 0.125em;
	padding-left: 0.2em;
	flex: 1;
	cursor: pointer;
	font-weight: 400;
	font-size: 1.75em;
	height: 1.8em;
	border-bottom: #333 solid 2px;
	border-radius: 0;
	color: #333;
}

.vendor p {
	font-size: 1.3em;
	color: #585858;
	font-weight: 400;
	line-height: 1.5em;
}

.vendorDetailContainer {
	display: flex;
	align-items: center;
}

.vendorInfo {
	flex: 1;
}

.vendorRating {
	display: none;
	background: #ddd;
	text-align: center;
	border-radius: 1em;
	margin-right: 2em;
	overflow: hidden;
}

#rating {
	font-size: 1.75em;
	font-weight: 600;
	background: #f77100;
	padding: 0.3em;
	line-height: 1em;
	padding-bottom: 0.1em;
	color: #fff;
}

	#rating::after {
		content: '\f005';
		margin-left: 0.2em;
		font-family: FontAwesome;
		font-size: 0.7em;
	}

#reviewPara {
	font-weight: 500;
	padding: 0.2em 0.9em;
	color: #555;
	line-height: 1.1em;
}

#noOfReviews {
	display: block;
	font-size: 1em;
	font-weight: 600;
	line-height: 1em;
}

#spanSelectedStation {
	color: #f77100;
	font-weight: 500;
	border: solid;
	display: flex;
	padding: 0.25em 0.5em;
	font-size: 1.25em;
	/* line-height: 2em; */
	border-radius: 0.5em;
}

	#spanSelectedStation::before {
		content: '\f041';
		font-family: 'FontAwesome';
		margin-right: 0.3em;
	}

.vegFilterContainer,
.vegFilterContainer p {
	display: flex;
	align-items: center;
}

.vegFilterContainer {
	justify-content: space-between;
	padding-left: 3em;
	padding-right: 3em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.hide {
	display: none
}

.vegFilterContainer p {
	font-size: 14px;
	align-items: baseline;
	color: #555;
}

.vegFilterContainer label {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: 600;
}

.vegFilterContainer input[type="checkbox"] {
	position: relative;
	background: #ddd;
	width: 30px;
	height: 10px;
	transition: 0.35s;
	appearance: none;
}

	.vegFilterContainer input[type="checkbox"]::before {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		transition: 0.35s;
		background: #fff;
		transform: scale(1.6);
	}

#veg::before {
	border: hsl(97, 92%, 40%) solid 1px;
}

#non-veg::before {
	border: #d30101 solid 1px;
}

.vegFilterContainer input[type="checkbox"]:checked::before {
	right: 0;
}

#non-veg:checked {
	background: #d30101;
}

#veg:checked {
	background: hsl(97, 92%, 40%);
}

.viewOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.itesimg {
	display: block;
	border-radius: 4px;
	background-color: #ddd;
	position: relative;
	aspect-ratio: 4.5/3;
}

.ItemDetails {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}

.ItemNameContainer {
	margin-top: 0.4em;
	font-size: 18px;
	font-weight: 400;
}

.NonVeg,
.Veg {
	position: relative;
	top: 3.5px;
	display: inline-block;
	width: 19px;
	aspect-ratio: 1/1;
	margin-right: 0.3em;
}

.Veg {
	background: url(/Content/Images/points.png) center/cover no-repeat;
}

.NonVeg {
	background: url(/Content/Images/redpoint.png) no-repeat center/cover;
}

.itemDesc {
	color: #555;
	margin: 0.3em 0;
	font-weight: 400;
	overflow-wrap: break-word;
}

.itemFooter {
	display: grid;
	grid-template-columns: 1fr 5em;
	align-items: center;
}

	.itemFooter p {
		font-size: 20px;
		font-weight: 500;
	}

.category,
.addbtn {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	z-index: 2;
}

	.addbtn a {
		background: #f1832c;
		display: block;
		color: #fff;
		padding: 0.25em 1.25em;
		border: 2px solid #f1832c;
		text-align: center;
		height: 100%;
	}

.iteminline.productselect .addbtn {
	display: none;
}

.category {
	display: none;
	color: #fff;
	grid-template-columns: repeat(3, 1fr);
	justify-items: stretch;
	border: 2px solid #f1832c;
	border-radius: 4px;
}

	.category .add,
	.category .sub,
	.category .cartAdd,
	.category .cartSub,
	.modalAdd,
	.modalSub {
		border: 2px solid #f1832c;
		color: #fff;
		background: #f1832c;
		padding: 1px 0;
		font-weight: 400;
		font-size: 12px;
	}

	.category input {
		border: none;
		max-width: 1.5em;
		-moz-appearance: none;
		appearance: none;
	}

.iteminline.productselect .category,
.cartItem .category,
#MenuDetailsPopup .category {
	display: grid;
}

.brants {
	position: relative;
	display: grid;
	flex: 1;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 1em;
	column-gap: 1em;
	padding: 0 1.5em 6em 1em;
}

@media(max-width:992px) {
	.brants {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:796px) {
	.brants {
		grid-template-columns: repeat(1, 1fr);
	}
}

.norec {
	justify-items: center;
	grid-template-columns: 1fr;
	align-items: center;
	padding-top: 3em;
}

.norecImg {
	background: url(/Content/Images/no-results.webp) center/contain no-repeat;
	aspect-ratio: 1/1;
	width: max(4em, 15vw);
}

.norec p {
	font-size: max(14px, 1.65vw);
	font-weight: 400;
}

#cartTitle {
	font-size: 28px;
	font-weight: 500;
}

.mycart p {
	font-size: 24px;
	font-weight: 400;
	padding: 9px 0;
}

#itemTxt {
	margin-left: 0.3em;
}

.cartItem {
	display: grid;
	grid-template-columns: 1fr 4.5em 6em;
	align-items: center;
	column-gap: 0.5em;
	margin-bottom: 0.7em;
}

#cartItemTotal {
	display: grid;
	border-top: #ccc solid 1px;
	padding: 0.6em 0;
	grid-template-columns: 1fr 6.1em;
}

#divCartDetails p {
	font-size: 16px;
	font-weight: 400;
}

#expectedArrival {
	font-size: 16px;
	padding: 0;
	font-weight: 500;
}

#menuSearchBox {
	border: solid #bebebe;
	background: #fff;
	border-radius: .4em;
	position: relative;
	padding: .25em 0 .32em 1.9em;
}

	#menuSearchBox::before {
		content: '\f002';
		font-family: FontAwesome;
		position: absolute;
		font-weight: 100;
		top: 50%;
		left: .5em;
		color: #777;
		transform: translateY(-50%);
	}

	#menuSearchBox input#menuSearch {
		line-height: 1.8em;
		width: 100%;
		outline: 0;
		border: none;
		appearance: none;
		color: #444;
	}

#menuSearch::placeholder,
input#menuSearch {
	font-size: 1em;
}

#filterSection {
	display: grid;
	align-items: center;
	grid-template-columns: 300px 1fr;
	justify-content: space-between;
	margin: 3em 2em 1em 3em;
}

#searchContainer {
	padding-right: 1.5em;
}

#divItemcatagory {
	display: grid;
	position: relative;
	padding: 0 2.2em;
	align-items: center;
}

	#divItemcatagory .next,
	#divItemcatagory .prev {
		position: absolute;
		background: none;
		border: none;
	}

		#divItemcatagory .prev i,
		#divItemcatagory .next i {
			font-size: 1.3em;
		}

	#divItemcatagory .next {
		right: 0;
	}

	#divItemcatagory .prev {
		left: 0;
	}

#itemfood::-webkit-scrollbar {
	display: none;
}

#itemfood {
	display: flex;
	overflow-x: scroll;
	scroll-behavior: smooth;
}

	#itemfood .item {
		cursor: pointer;
		user-select: none;
		font-size: 16px;
		min-width: fit-content;
		color: #555;
		padding: 0.25em 1em;
		border-radius: 1em;
	}

		#itemfood .item.active,
		#itemfood .item:hover {
			background: #f1832c;
			color: #fff;
		}

.viewd::after {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 11px;
	position: relative;
	left: 2px;
}

#MenuDetailsPopup .close {
	border-radius: 0px 10px 0px 0px;
}

#MenuDetailsPopup .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	border-radius: 12px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#MenuDetailsPopup .ItemDetails {
	flex-direction: row;
	justify-content: space-between;
	margin: 1em 0;
	align-items: center;
}

#MenuDetailsPopup .itemDesc {
	font-size: 16px;
	color: #000;
}

#MenuDetailsPopup .modal-footer {
	border-top: 1px solid #ccc;
	padding: 1em;
	display: flex;
	align-items: center;
}

#MenuDetailsPopup .itemPrice {
	flex: 1;
	font-size: 1.5em;
	color: #f1832c;
	font-weight: 700;
}

#MenuDetailsPopup .modalAddBtn a {
	padding: .25em 3em;
	border-radius: 1em;
	font-size: 1.15em;
}

#login-modal.fade {
	background: rgba(0, 0, 0, .1);
}

#login-modal.fade {
	background: rgba(0, 0, 0, 0.5)
}

#myOrderConfirmationModals .modal-content {
	box-shadow: 2px 2px 20px rgba(0, 0, 0, .3);
	border: none;
	border-radius: 8px;
}

.material.card {
	background: #fff;
	box-shadow: 0 4px 8px 0 #33333333, 0 6px 20px 0 #33333333;
	border-radius: 4px
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
}

#itemfood .owl-prev:hover,
#itemfood .owl-next:hover {
	background: none;
	transform: scale(1.1);
}

.skeleton {
	position: relative;
	background: #ddd;
	opacity: 0.7;
	overflow: hidden;
}

span.skeleton {
	display: inline-block;
	border-radius: 0.4em;
	overflow: hidden;
	width: 400px;
	height: 1em;
}

.innerfood #spanSelectedTrainStartDate.skeleton {
	width: 350px;
	height: 1em;
}

.skeleton:after {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 1), transparent);
	transform: translateX(-100%);
	animation: loading 1s infinite;
}

.iteminline.skeleton {
	background: #fff;
}

	.iteminline.skeleton .ItemNameContainer,
	.iteminline.skeleton .itemDesc {
		height: 1.1em;
		background: #ddd;
		border-radius: 0.4em;
	}

	.iteminline.skeleton .itemFooter p {
		background: #ddd;
		width: 70%;
		border-radius: 0.4em;
		height: 1.1em;
	}

	.iteminline.skeleton .addbtn {
		z-index: 0;
	}

.skeleton .addbtn a {
	height: 1.6em;
	background: #ddd;
	border: none;
}

#spanSelectedStation.skeleton::before,
.vendorSelect.skeleton::before {
	content: '';
}

.vendorSelect.skeleton {
	border-radius: 1em;
	overflow: hidden;
}

.vendorSelect {
	margin-bottom: 1em;
}

@keyframes loading {
	100% {
		transform: translateX(100%);
	}
}

.circLoader {
	display: none;
	margin: auto;
	width: 35px;
	height: 35px;
	border: solid 0.35em #ccc;
	border-right: solid 0.35em #f1832c;
	border-radius: 50%;
	animation: spin 1s infinite;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.circloading .circLoader {
	display: block;
}

.circloading :not(.circLoader) {
	display: none;
}

.material .card-header h4 {
	color: #555;
	font-size: 16px
}

.material.card-header {
	padding: 1em 1.1em;
	border-bottom: 1px solid #efefef
}

.card-body.material {
	padding: 1em 1em 2em
}

.inlineInputWithBtn .form-group {
	flex: 1;
	padding-right: 16px
}

.inlineInputWithBtn .material.form-group label {
	position: absolute;
	font-size: 16px;
	pointer-events: none;
	top: 6px;
	left: 6px;
	transition: 1s;
	font-weight: 300
}

.btn.material {
	background-color: #f1832c;
	color: #fff
}

#Class h5,
#Class p,
#Quota h5,
#Quota p,
.material.btn,
.material.form-group .form-control {
	font-size: 16px
}

.material.form-group .form-control {
	outline: 0;
	-webkit-appearance: none;
	box-shadow: none
}

.material.form-group input {
	border: none;
	caret-color: #f1832c;
	border-radius: 0;
	border-bottom: 1px solid #000;
	transition: .5s
}

.material.form-group {
	position: relative;
	margin-bottom: 0
}

	.material.form-group .form-control:focus + label,
	.material.form-group .form-control:valid + label {
		top: -12px;
		left: 0;
		font-weight: 400;
		font-size: 12px;
		color: #555
	}

	.material.form-group .form-control:focus {
		outline: 0;
		-webkit-appearance: none;
		box-shadow: none;
		border-color: #f1832c
	}

.material.resetbtn {
	background: 0 0;
	border: none;
	position: absolute;
	right: 8px;
	top: 2px
}

	.material.resetbtn svg {
		transition: 1s
	}

.material.card {
	margin: 1em .5em
}

#FoodCard p,
.card-body .passenger_row {
	margin-bottom: 1em
}

.material.form-group .form-control:focus ~ .material.resetbtn svg path {
	fill: #f1832c
}

.material.form-group .form-control:invalid ~ .material.resetbtn svg path {
	display: none
}

#TrainDetails {
	flex: 2
}

	#TrainDetails .material.card-header {
		color: #ef7210;
		padding-left: .4em
	}

#PNRForm .card-body.material {
	padding: 2em 1em 3em
}

#PNRForm.material .card-header h4 {
	font-size: 24px
}

#TrainDetails .material.card-header h3 {
	font-weight: 600;
	font-size: 32px
}

#TrainDetails .card-body.material {
	padding: 1em 0
}

#JunctionDetails {
	padding: .75em 1.5em;
	background: #fae3d1
}

#CoachDetails,
#JourneyDates,
#Junctionlabels,
#StnCodes,
#StnNames,
#TrainDetails .material.card-header,
.trainNumberAndName {
	display: flex;
	align-items: center
}

.trainNumberAndName {
	margin-left: 1.2em;
	margin-bottom: .75em
}

	.trainNumberAndName h4 {
		font-size: 24px;
		font-weight: 500
	}

#CoachDetails,
#JourneyDates,
#Junctionlabels,
#StnCodes,
#StnNames {
	justify-content: space-between
}

#StnNames {
	align-items: flex-start
}

#toStnName {
	text-align: right
}

#Junctionlabels p {
	font-weight: 600;
	color: #555;
	font-size: 16px
}

.StnCode {
	font-weight: 700;
	font-size: 36px;
	color: #333
}

.StnName {
	width: 50%;
	font-size: 20px
}

.JourneyDate h5 {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	margin-top: 4px
}

#CoachDetails h5,
#CoachDetails p {
	display: inline-flex
}

#CoachDetails {
	margin: .5em 1em 0
}

	#CoachDetails h5 {
		font-weight: 700;
		color: #555
	}

#Class p,
#Quota p {
	font-weight: 500
}

#PassengerDetails .material.card-body {
	padding-bottom: .5em
}

#PassengerDetails .card-body.material p {
	font-weight: 500;
	font-size: 1.11em
}

.Passenger:before {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.33334C10.8841 3.33334 11.7319 3.68453 12.3571 4.30965C12.9822 4.93478 13.3334 5.78262 13.3334 6.66668C13.3334 7.55073 12.9822 8.39858 12.3571 9.0237C11.7319 9.64882 10.8841 10 10 10C9.11599 10 8.26814 9.64882 7.64302 9.0237C7.0179 8.39858 6.66671 7.55073 6.66671 6.66668C6.66671 5.78262 7.0179 4.93478 7.64302 4.30965C8.26814 3.68453 9.11599 3.33334 10 3.33334ZM10 11.6667C13.6834 11.6667 16.6667 13.1583 16.6667 15V16.6667H3.33337V15C3.33337 13.1583 6.31671 11.6667 10 11.6667Z' fill='black'/%3E%3C/svg%3E%0A");
	position: absolute;
	left: -24px
}

.passenger_row {
	display: flex;
	justify-content: space-around
}

#FoodCard {
	text-align: center;
	flex: 1
}

.foodicon {
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64.9936 88.4391C80.3656 88.4391 92.8726 75.936 92.8726 60.564C92.8726 45.192 80.3659 32.6829 64.9936 32.6829C49.6223 32.6829 37.1165 45.19 37.1165 60.564C37.1165 75.936 49.6204 88.4391 64.9936 88.4391Z' fill='%23EF7210'/%3E%3Cpath d='M64.9938 95.9222C84.5241 95.9222 100.351 80.0907 100.351 60.5644C100.351 41.0333 84.5237 25.205 64.9938 25.205C45.4654 25.205 29.636 41.0333 29.636 60.5644C29.636 80.0903 45.4654 95.9222 64.9938 95.9222ZM64.9938 30.6222C81.5017 30.6222 94.9359 44.0569 94.9359 60.5644C94.9359 77.0727 81.5021 90.5046 64.9938 90.5046C48.4855 90.5046 35.0536 77.0731 35.0536 60.5644C35.0536 44.0569 48.4855 30.6222 64.9938 30.6222Z' fill='%23EF7210'/%3E%3Cpath d='M120 99.2116L117.937 19.8517C117.937 18.1429 116.551 16.757 114.842 16.757C114.385 16.757 113.956 16.8618 113.567 17.0419V17.0126C113.567 17.0126 113.486 17.0641 113.371 17.1427C113.075 17.3061 112.81 17.5073 112.58 17.7533C110.315 19.612 103.095 27.1879 102.49 37.4288C101.573 53.0496 109.161 59.3757 111.746 65.1698L109.683 99.21C109.683 100.918 113.132 102.305 114.84 102.305C116.551 102.306 120 100.92 120 99.2116Z' fill='%23EF7210'/%3E%3Cpath d='M5.40133 50.8655L10.742 53.5332C11.3506 53.8383 12.0215 54.0609 12.7225 54.2263L10.6594 100.649C10.6594 102.083 14.1095 103.243 15.8172 103.243C17.5255 103.243 20.9749 102.083 20.9749 100.649L18.9118 53.9887C19.6382 53.7602 20.3381 53.4812 20.9507 53.1063L24.9074 50.6969C27.7624 48.9551 29.914 45.1245 29.914 41.7799V20.98C29.914 19.2712 28.5278 17.8854 26.8194 17.8854C25.1118 17.8854 23.7247 19.2712 23.7247 20.98V39.7165H22.006V20.98C22.006 19.2712 20.6198 17.8854 18.9114 17.8854C17.2038 17.8854 15.8168 19.2712 15.8168 20.98V39.7165H14.0921V20.98C14.0921 19.2712 12.7059 17.8854 10.9975 17.8854C9.28985 17.8854 7.90282 19.2712 7.90282 20.98V39.7165H6.18927V21.6486C6.18927 19.9402 4.80303 18.5539 3.09463 18.5539C1.38703 18.5539 0 19.9402 0 21.6486V42.1255C0 45.5673 2.32296 49.3265 5.40133 50.8655Z' fill='%23EF7210'/%3E%3C/svg%3E%0A");
	width: 120px;
	height: 120px;
	margin: auto
}

#FoodCard p {
	font-size: 1.68em
}

.card-flex {
	display: flex;
	width: 100%;
	justify-content: space-between
}

@media (max-width:992px) {
	.card-flex {
		display: block
	}
}

#TrainStatusForm .card-body.material {
	display: flex;
	align-items: flex-end;
}

#TrainStatusForm.expand .DateSelect {
	display: block;
}

#TrainStatusForm.expand .card-header {
	display: none;
}

.DateSelect {
	padding-left: 1em;
	display: none;
}

.inlineInputWithBtn {
	flex: 1;
}

#JourneyDate {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #f1832c;
	color: #f1832c;
	padding: .5em 1em .5em 0em;
}

	#JourneyDate:focus,
	#JourneyDate:active {
		outline: none;
	}

#OverviewCard .card-header.material {
	padding-bottom: 0;
}

	#OverviewCard .card-header.material h3 {
		font-weight: 500;
	}

#OverviewCard .trainNumberAndName {
	position: relative;
	margin-left: 40px;
}

#OverviewCard .card-body.material {
	display: flex;
}

#OverviewCard .trainNumberAndName:before {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='white'/%3E%3Cpath d='M20.0001 3.33333C13.3334 3.33333 6.66675 4.16667 6.66675 10V25.8333C6.66675 27.3804 7.28133 28.8642 8.37529 29.9581C9.46925 31.0521 10.953 31.6667 12.5001 31.6667L10.0001 34.1667V35H13.7167L17.0501 31.6667H23.3334L26.6667 35H30.0001V34.1667L27.5001 31.6667C29.0472 31.6667 30.5309 31.0521 31.6249 29.9581C32.7188 28.8642 33.3334 27.3804 33.3334 25.8333V10C33.3334 4.16667 27.3667 3.33333 20.0001 3.33333ZM12.5001 28.3333C11.837 28.3333 11.2012 28.0699 10.7323 27.6011C10.2635 27.1323 10.0001 26.4964 10.0001 25.8333C10.0001 25.1703 10.2635 24.5344 10.7323 24.0656C11.2012 23.5967 11.837 23.3333 12.5001 23.3333C13.1631 23.3333 13.799 23.5967 14.2678 24.0656C14.7367 24.5344 15.0001 25.1703 15.0001 25.8333C15.0001 26.4964 14.7367 27.1323 14.2678 27.6011C13.799 28.0699 13.1631 28.3333 12.5001 28.3333M18.3334 16.6667H10.0001V10H18.3334V16.6667ZM21.6667 16.6667V10H30.0001V16.6667H21.6667ZM27.5001 28.3333C26.837 28.3333 26.2011 28.0699 25.7323 27.6011C25.2635 27.1323 25.0001 26.4964 25.0001 25.8333C25.0001 25.1703 25.2635 24.5344 25.7323 24.0656C26.2011 23.5967 26.837 23.3333 27.5001 23.3333C28.1631 23.3333 28.799 23.5967 29.2678 24.0656C29.7367 24.5344 30.0001 25.1703 30.0001 25.8333C30.0001 26.4964 29.7367 27.1323 29.2678 27.6011C28.799 28.0699 28.1631 28.3333 27.5001 28.3333V28.3333Z' fill='black'/%3E%3C/svg%3E%0A");
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	left: -40px;
}

#NextStnDetails {
	flex: 1;
	padding: 0.75em;
}

	#NextStnDetails .title {
		font-weight: 400;
		border: 1px solid #555;
		color: #555;
		width: fit-content;
		padding: 0.25em 0.5em;
		border-radius: 8px;
	}

	#NextStnDetails p {
		margin-bottom: 6px;
	}

#ETAvalue {
	font-weight: 500;
}

.timeToast {
	width: fit-content;
	padding: 0.5em 0.75em;
	color: #fff;
	border-radius: 20px;
}

	.timeToast.onTime {
		background: #16975A;
	}

	.timeToast.Delay {
		background: #ff0000;
	}

#OverviewCard #JunctionDetails {
	background: #fff;
	border-left: 1px solid #d9d9d9;
	flex: 1;
}

.trnTimeTable {
	margin-top: 3em;
}

.stationCard .card-header.material {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stationCard .card-body.material {
	display: flex;
}

.timeTable {
	flex: 1;
	padding: 0 1em;
}

.Expected.timeTable {
	border-left: 1px solid #dedede;
}

.schedule .schedule-title:before {
	content: "Scheduled";
	font-weight: 500;
	font-size: 1.2em;
	background: #dedede;
	color: #333;
	padding: 0.25em 0.5em;
	border-radius: 4px;
}

.Expected .schedule-title:before {
	content: "Expected";
	font-weight: 500;
	font-size: 1.2em;
	background: #333;
	color: #fff;
	padding: 0.25em 0.5em;
	border-radius: 4px;
}

.stationRow.departed .Expected .schedule-title:before,
.stationRow.current .Expected .schedule-title:before {
	content: "Actual";
}

.schedule-title {
	display: flex;
}

.Expected .schedule-title {
	justify-content: space-between;
}

.schedule-body {
	display: flex;
	justify-content: space-between;
	margin-top: 1em;
}

.timeTitle {
	color: #777;
	font-weight: 500;
}

.stationCard .card-header.material {
	padding: 1em 2em;
}

.dayCard {
	width: fit-content;
	background: #000;
	color: #fff;
	padding: 0.5em 2em;
}

.stationList,
.stationRow {
	position: relative;
}

.stationCard.card.material {
	margin: 0;
}

.stationRow {
	padding: 1em 0em 1em 4em;
}

.stationList {
	margin: 3em 0 3em 0;
}

	.stationList:before {
		content: "";
		position: absolute;
		height: 100%;
		width: .5em;
		background: #f1832c;
		left: 1.5em;
		border-radius: 0.25em;
	}

.stationRow:before {
	position: absolute;
	content: "";
	background: #ddd;
	width: 0.5em;
	height: 0;
	left: 1.5em;
	top: 0;
}

.stationRow:first-child:before {
	border-top-left-radius: 0.25em;
	border-top-right-radius: .25em;
}

.stationRow:last-child:before {
	border-bottom-left-radius: 0.25em;
	border-bottom-right-radius: .25em;
}

.stationCard h3.StnNameAndCode {
	color: #f1832c;
}

.stationCard:before {
	position: absolute;
	content: "";
	width: 0.5em;
	height: 0.5em;
	background: #fff;
	border-radius: 0.25em;
	top: 50%;
	left: 1.5em;
}

.stationRow.departed .stationCard:before,
.stationRow.current .stationCard:before {
	background: #000;
}

.stationRow.current:before {
	height: 50%;
}

.stationRow.departed:before,
.stationRow.current.departed:before {
	height: 100%;
}

.stationRow.current .card-header:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 40%;
	z-index: 2;
	animation-name: blink;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	left: 0em;
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='49' rx='24.5' fill='white' stroke='%23EF7210'/%3E%3Crect x='5' y='5' width='40' height='40' rx='20' fill='white'/%3E%3Cpath d='M25.0001 8.33337C18.3334 8.33337 11.6667 9.16671 11.6667 15V30.8334C11.6667 32.3805 12.2813 33.8642 13.3753 34.9582C14.4693 36.0521 15.953 36.6667 17.5001 36.6667L15.0001 39.1667V40H18.7167L22.0501 36.6667H28.3334L31.6667 40H35.0001V39.1667L32.5001 36.6667C34.0472 36.6667 35.5309 36.0521 36.6249 34.9582C37.7188 33.8642 38.3334 32.3805 38.3334 30.8334V15C38.3334 9.16671 32.3667 8.33337 25.0001 8.33337ZM17.5001 33.3334C16.837 33.3334 16.2012 33.07 15.7323 32.6011C15.2635 32.1323 15.0001 31.4964 15.0001 30.8334C15.0001 30.1703 15.2635 29.5344 15.7323 29.0656C16.2012 28.5968 16.837 28.3334 17.5001 28.3334C18.1631 28.3334 18.799 28.5968 19.2678 29.0656C19.7367 29.5344 20.0001 30.1703 20.0001 30.8334C20.0001 31.4964 19.7367 32.1323 19.2678 32.6011C18.799 33.07 18.1631 33.3334 17.5001 33.3334M23.3334 21.6667H15.0001V15H23.3334V21.6667ZM26.6667 21.6667V15H35.0001V21.6667H26.6667ZM32.5001 33.3334C31.837 33.3334 31.2011 33.07 30.7323 32.6011C30.2635 32.1323 30.0001 31.4964 30.0001 30.8334C30.0001 30.1703 30.2635 29.5344 30.7323 29.0656C31.2011 28.5968 31.837 28.3334 32.5001 28.3334C33.1631 28.3334 33.799 28.5968 34.2678 29.0656C34.7367 29.5344 35.0001 30.1703 35.0001 30.8334C35.0001 31.4964 34.7367 32.1323 34.2678 32.6011C33.799 33.07 33.1631 33.3334 32.5001 33.3334V33.3334Z' fill='%23EF7210'/%3E%3C/svg%3E%0A");
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}

	100% {
		opacity: 1;
	}
}

.stationRow.current .card-body:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 40%;
	left: 0em;
	border-radius: 25px;
	background: #fff;
	z-index: 1;
}

.stationRow.current.departed .card-header:before,
.stationRow.current.departed .card-body:before {
	top: 90%;
}

.fs-title,
.listing.fancy address,
.prtocedd .panel {
	margin-bottom: 10px
}

.listing .post-title h5 a {
	font-weight: 600;
	text-decoration: none;
	outline: 0;
	color: #000;
	font-size: 18px;
	margin-bottom: 2px;
	display: block
}

.listing.fancy address {
	font-size: 12px;
	line-height: 18px
}

.tablecel {
	display: table-cell;
	text-align: left;
	padding: 0;
}

.feedback {
	background: #3a2222;
	width: auto;
	display: table;
	position: fixed;
	top: 63%;
	z-index: 10009;
	right: -30px;
	padding: 10px 11px;
	border-radius: 4px 4px 0 0
}

	.download a,
	.feedback a {
		color: #fff;
		font-size: 16px;
		letter-spacing: 1px
	}

.feedbackin {
	z-index: 999999
}

	.feedbackin input {
		height: 45px;
		margin-bottom: 15px
	}

	.feedbackin textarea {
		border-radius: 3px;
		border: 1px solid #d2d2d2
	}

	.feedbackin .modal-body {
		padding: 35px
	}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-body {
	position: relative;
	padding: 15px
}

.prtocedd .paymode-block {
	background: #f1832c;
	color: #fff;
	padding: 17px 10px;
	font-weight: 700
}

.submit {
	margin-top: 14px;
	background: #f1832c;
	padding: 10px 26px;
	color: #fff;
	transition: .3s ease-in-out;
	font-size: 18px
}

.howwework .tablecel p {
	font-size: 12px
}

.whychose {
	padding: 21% 0;
	border-right: 1px solid #969696
}

	.whychose h2 {
		color: #ccc
	}

.faqsection {
	width: 100%
}

	.faqsection .panel > .panel-heading.collapsed > .panel-title:before {
		font-family: FontAwesome;
		content: "\f067";
	}

	.faqsection .panel > .panel-heading > .panel-title:before {
		transition: .5s;
		position: absolute;
		font-family: FontAwesome;
		content: "\f068";
		background: #fff;
		border: none;
		padding: 0.25em 0.35em;
		top: -25%;
		border-radius: 4px;
		color: #d88237;
		font-weight: 400;
		right: 0;
	}

	.faqsection .panel-title {
		color: #fff;
		position: relative;
		font-weight: 600;
		font-size: 16px
	}

	.faqsection .panel-default > .panel-heading {
		background: #f1832c;
		color: #f1832c;
		padding: 1em 0.75em 1em 0.5em;
		position: relative;
		width: 100%
	}

	.faqsection .panel {
		margin-bottom: 2em;
		box-shadow: none;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		border: none;
	}

		.faqsection .panel:last-child {
			margin-bottom: 0;
		}

	.faqsection .panel-group {
		margin-bottom: 0;
	}

#abt-content {
	margin-top: 4em;
}

.download {
	background: #3a2222;
	width: auto;
	display: table;
	position: fixed;
	top: 33%;
	z-index: 10009;
	left: -52px;
	padding: 10px 11px;
	border-radius: 4px 4px 0 0
}

.sumotdate {
	background: #f1832c;
	color: #fff;
	padding: 10px 30px;
	font-size: 18px
}

li.ui-menu-item {
	padding: 5px 0;
	border-bottom: 1px solid;
}

.ui-menu-item:last-child {
	border: none;
}

#ui-datepicker-div {
	width: 345px !important
}

.ui-autocomplete {
	max-height: 350px !important;
	max-width: calc(100% - 20vw);
	background: #fff;
	z-index: 99999;
	padding: 10px 18px;
	margin-top: 1px;
	overflow-y: scroll;
}

#ui-datepicker-div .ui-state-highlight {
	border: none;
	background: 0 0;
	color: #363636
}

#ui-datepicker-div .ui-state-hover {
	border: 1px solid #999;
	background: #f1832c;
	font-weight: 400;
	color: #212121;
	outline: 0
}

#ui-datepicker-div .ui-state-active {
	border: 1px solid #aaa;
	background: #f1832c;
	font-weight: 400;
	color: #212121;
	outline: 0
}

.testimonial-author i.fa.fa-star,
.testimonials-block .stars i.fa.fa-star {
	color: #ff0;
}

.testimonials-block .owl-item {
	padding: 0 02em;
}

.authorimage {
	width: 5em;
	height: 5em;
	margin: auto;
	background: url(/Content/Images/user.png) center/cover no-repeat;
	border-radius: 50%;
}

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 999;
	background-color: #e9f0f0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

	.loading span {
		top: 50%;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		background: url(../Content/Images/loader.gif) no-repeat;
		width: 95px;
		height: 95px
	}

.ul-padding {
	padding-left: 30px
}

.backbtn {
	border-radius: 3px;
	background: #f1832c;
	color: #fff;
	padding: 2px 12px !important;
	font-size: 15px;
	margin-bottom: 15px
}

.contact-grid {
	background-color: #08cae2;
	padding: 3.5em
}

.contact-row.agileits-w3layouts {
	background: #fff;
	position: absolute;
	width: 90%;
	z-index: 9;
	padding: 2em 1em;
	-webkit-box-shadow: 0 0 14px 7px rgba(224, 224, 224, .5);
	-moz-box-shadow: 0 0 14px 7px rgba(224, 224, 224, .5);
	-o-box-shadow: 0 0 14px 7px rgba(224, 224, 224, .5);
	-ms-box-shadow: 0 0 14px 7px rgba(224, 224, 224, .5);
	box-shadow: 0 0 14px 7px rgba(224, 224, 224, .5)
}

.contact-grid h4 {
	font-size: 2em;
	color: #fff;
	margin-bottom: 1em;
	font-weight: 100
}

.address-row {
	margin-top: 3em
}

	.address-row p a,
	.contact-w3lsright h6 span {
		color: #fd463e
	}

.address-left {
	padding: 0;
	text-align: center
}

.address-row h5 {
	font-size: 1.4em;
	color: #000;
	margin-bottom: .4em;
	font-weight: 300
}

.map iframe {
	width: 100%;
	min-height: 500px;
	border: none;
	margin-bottom: -.5em
}

.map.agileits {
	padding-top: 25em
}

.manadory {
	color: Red
}

#myOrderConfirmationModals .modal-body {
	text-align: center;
}

#myOrderConfirmationModals h2 {
	font-size: 1.75em;
	font-weight: 500;
}

#myOrderConfirmationModals p {
	font-size: 1.13em;
	color: #3e3e3e;
}

.ordConfIcon {
	margin: 1.75em 0;
	background: url(/Content/Images/check.gif) center/cover no-repeat;
	height: 150px;
}

.ordFailIcon::before {
	content: '\f06a';
	font-family: 'FontAwesome';
	color: #f04;
	font-size: 7em;
}

#myOrderConfirmationModals .ordId {
	margin: 0.75em;
	font-weight: 600;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.eot');
	font-display: swap;
	src: url('../fonts/OpenSans-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	src: url('../fonts/OpenSans-Bold.eot');
	src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	src: url('../fonts/OpenSans-SemiBold.eot');
	src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	src: url('../fonts/OpenSans-ExtraBold.eot');
	src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	src: url('../fonts/OpenSans-Regular.eot');
	src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	src: url('../fonts/OpenSans-Light.eot');
	src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Montserrat;
	font-display: swap;
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Montserrat;
	font-display: swap;
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

/* Start TrackOrder CSS */
#TrackModal {
	z-index: 9999999;
	overflow-y: auto;
}

	#TrackModal .modal-header {
		display: flex;
		width: 100;
		justify-content: space-between;
		background-color: #f1832c;
	}

	#TrackModal p {
		margin-bottom: 16px;
	}

	#TrackModal .modal-header #TrackModalLabel {
		flex: 1;
		font-weight: 700;
		font-size: 20px;
	}

	#TrackModal .modal-body {
		background-color: #fafafa;
	}

	#TrackModal p {
		margin-bottom: 1em
	}

	#TrackModal h3 {
		margin-bottom: 0.4em
	}

	#TrackModal .btn-close,
	#TrackModal .modal-header {
		color: #fff;
	}

.card {
	padding-top: 1em;
	margin: 1em 0em;
	box-shadow: 0 4px 8px 0 #33333333, 0 6px 20px 0 #33333333;
	border-radius: 4px;
}

.offers-padng-food.material.card {
	width: 400px;
	margin: 0;
	border-radius: 8px;
	position: sticky;
	top: 8em;
	box-shadow: rgb(51 51 51 / 15%) 2px 2px 20px 3px;
	padding: 0;
}

#cartItems {
	max-height: 30vh;
	overflow: auto;
}

#TrackModal .card_body {
	display: block;
	padding: 1em 1em;
}

.modal-dialog {
	overflow-y: auto;
}

.card .card_header {
	width: 100%;
	border-bottom: solid 1.6px #dadada;
	padding-left: 1em;
}

.hint {
	background-color: #FEE798;
	border-radius: 6px;
	margin-top: 0.6em;
	color: #7E6301;
	border: dotted 2px #FCC503;
	padding: 0.5rem 1em;
	text-align: justify;
}

#Details_Card .card_header {
	padding-bottom: 0.5rem;
}

#Update_Status,
#TrackModal .card_header h5 {
	font-weight: 700;
}

#TrackModal .card_header h5 {
	font-size: 20px
}

#Details_Card {
	color: #333;
}

.card_row {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

	.card_row .item {
		flex: 3;
	}

	.card_row .itemValue {
		flex: 2;
	}

#TrackModal .modal-footer {
	justify-content: center;
}

.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	background-color: #fff;
	border-radius: 45px;
	box-shadow: 0 4px 8px 0 #33333333, 0 6px 20px 0 #33333333;
}

.iconImg {
	width: 50px;
	height: 50px;
}

#CallUsicon {
	background: url(/Images/help-operator.webp) center center no-repeat;
	background-size: cover;
}

#RCBicon {
	background: url(/Images/rcb.webp) center center no-repeat;
	background-size: cover;
}

.ButtonGroup {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}

.timeline {
	display: grid;
	grid-template-columns: 40% auto;
	justify-content: center;
}

	.timeline ul {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		list-style: none;
		padding: 0;
	}

	.timeline li {
		margin-top: 30px;
		position: relative;
		padding: 25px;
	}

		.timeline li p {
			padding: 0 20px;
			transition: 1.5s;
		}

section.timeline ul li p {
	height: 72px;
}

.timeline ul li {
	height: 32px;
}

.timeline-line {
	background: rgb(228, 228, 228);
	width: 4px;
	border-radius: 12px;
	position: relative;
	justify-self: end;
}

.timeline {
	display: block;
}

	.timeline ul {
		flex-direction: row;
	}

	.timeline li {
		margin-top: 0px;
		position: relative;
		width: 100%;
		padding: 0px;
	}

		.timeline li p {
			transform: translateY(-10px);
			color: rgb(228, 228, 228);
			transition: 1.5s;
		}

.timeline-point {
	width: 15px;
	height: 15px;
	position: absolute;
	border-radius: 50%;
	background: rgb(228, 228, 228);
	top: -40px;
	left: 40%;
	transition: 1.5s ease;
}

.timeline-line {
	width: 100%;
	height: 4px;
}

.timeline-innerline {
	position: absolute;
	background: #26A541;
	width: 0%;
	height: 4px;
	top: 0%;
	left: 0%;
	transition: 1s linear;
	border-radius: 999px;
}

.hidden {
	opacity: 0;
}

.remove {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

.timeline-point.success {
	background-color: #26A541;
}

.timeline ul li p.success,
#Update_Status.success {
	color: #26A541;
}

.timeline-point.fail {
	background-color: red;
}

.timeline ul li p.fail,
#Update_Status.fail {
	color: red;
}

/* End TrackOrder CSS */

#divStationPageContent ul li {
	list-style: show;
	list-style-type: decimal;
}

#divStationPageContent ol li {
	list-style: show;
	list-style-type: decimal;
}

/*Start Blog*/
.blog-content {
	display: grid;
	gap: 1em;
	max-width: 1300px;
	grid-template-columns: 1fr 400px;
	margin: auto;
	align-items: start;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%,400px), 1fr));
	gap: 1.25em;
}
.card {
	padding: 0;
	border-radius: 4px;
	box-shadow: 4px 4px 20px 3px hsla(0, 0%, 20%, 0.10);
}
.coverImg {
	display: block;
	border-radius: 4px 4px 0 0;
	aspect-ratio: 2/1;
	object-fit: cover;
}
.card_body {
	padding: 0.5em 1em 1em 1em;
}
.postdate {
	font-size: 13px;
	margin: 8px 0 4px;
	color: #555;
	font-family: 'Open Sans', sans-serif;
}
.postTitle {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	margin-bottom: 0.35em;
}
.postDescription {
	font-size: 13px;
	color: #767676;
	font-family: 'Open Sans', sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.read_more {
	font-family: 'Open Sans', sans-serif;
	padding: 0.5em 1em;
	display: inline-block;
	color: #fff;
	background: #FF7100;
	margin-top: 0.75em;
	border-radius: 6px;
}
img.card.material {
	aspect-ratio: 2/1;
	object-fit: cover;
}
div#divbanners.owl-carousel, #divBlogs .owl-dots {
	display: block;
}
#divBlogsDetails li {
	list-style: decimal;
}
@media (max-width:1270px) {
	.banners {
	display: none;
}
.blog-content {
	grid-template-columns: 1fr;
}
}
.pagination {
	text-align: center;
	margin: 30px 30px 60px;
	user-select: none;
}
.pagination li a {
	color: #333;
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
}
.pagination .active {
	background-color: #FF7100;
}
.pagination .active a {
	color: #fff;
}
.pagination li {
	display: inline-block;
	margin: 5px;
	padding: 0 0.5em;
	border-radius: 4px;
}
.pagination li.hide {
	display: none;
}
/*End Blog*/
/*Start Blog Internal*/
.blogContainer {
	font-family: 'Open Sans', sans-serif;
	max-width: 1100px;
	padding: 4em 1em;
}
.blogTitle {
	font-size: clamp(22px,3.35vw,48px);
	color: #333;
}
.blogBrief {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	display: flex;
	justify-content: space-between;
	margin: 2em 0 1em;
	padding: 1em 0;
	font-size: clamp(0.9em,1.1vw,1.125em);
}
.blogContent img {
	display: block;
	margin: auto;
}
.author {
	display: flex;
	align-items: center;
	gap: 0.25em;
	color: #333;
	font-weight: 500;
}
.author img {
	border-radius: 50%;
	background: #b8b8b8
}
.Published {
	color: #333;
}
.blogContent {
	margin: auto;
	max-width: 900px;
	font-size: clamp(1em,1.25vw,1.3em);
	color: #555;
	padding: 2em 1em;
}
.blogContent p {
	margin: 1em 0;
	font-family: 'Open Sans',sans-serif;
}
.recent_posts {
	margin-left: 1em;
}
.sharepost {
	margin: auto;
}
.sharepost h3 {
	text-align: center;
}
.sharepost .social-links {
	width: fit-content;
	display: block;
	margin: 1.5em auto;
}
.sharepost .social-links li a {
	margin-right: 0.5em;
	width: 2.5em;
	font-size: 1.25em;
	height: 2.5em;
	line-height: 2.7em;
}
.whtsapp {
	background: #56b54f;
}
/*End Blog Internal*/

.wel_headerwhite span {
	color: #f1832c;
	position: relative;
	font-size: 3.2em;
	font-weight: 900;
}
.homepageSectionheading {
	font-size: 4em;
	font-weight: 600;
	text-align: left;
	color: #ffece1;
}
.trackSection span {
	color: #fff;
	font-size: 2.5em;
	font-weight: 600;
	margin-bottom: 1.2em;
}
#grpBooking .card span {
	font-weight: 500;
	padding-bottom: 0.5vw;
	font-size: 1.68vw;
}
.contact-grid p {
	font-size: 2em;
	color: #fff;
	margin-bottom: 1em;
	font-weight: 100;
}
#TrainDetails .material.card-header span {
	font-weight: 600;
	font-size: 32px;
}
.trainNumberAndName span {
	font-size: 24px;
	font-weight: 500;
}
.JourneyDate span {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	margin-top: 4px;
}
.circLoader.train_loader {
	/*display: block;*/
	/* border: solid 0.35em #ebe4e4; */
	position: absolute;
	right: 23px;
	margin: 0px;
	top: 11px;
	width: 25px;
	height: 25px;
}
.showcase-form div {
	position: relative;
}

/*Order Confirmation*/

.confirmation_ordConfIcon img {
	margin: 0 auto;
	width: 157px;
	display: table;
}
.confirmorder {
	background: #f88036 !important;
	margin: 30px auto 20px !important;
	display: table !important;
	color: #fff !important;
	padding: 10px 30px !important;
	transition: all 0.4s ease-in-out !important;
}
.order_confirmation_white_div{
	padding: 40px 60px;
}
.thankh2 {
	font-size: 30px;
	margin-bottom: 35px;
	line-height: 1.5;
}
.confirmation_ordFailIcon::before {
	content: '\f06a';
	font-family: 'FontAwesome';
	color: #f04;
	font-size: 7em;
	margin: 0 auto;
	display: table;
	line-height: normal;
}
.prom {
	font-size: 22px;
	margin-top: 35px;
	margin-bottom: 35px;
}
/*Order Confirmation*/