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

html {
	scroll-padding-top: 100px;
	scroll-behavior: smooth;
}

body {
	font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
}

/* Navbar */

.navbar {
	z-index: 999;
}

.navbar-nav a.nav-link {
	color: #424242 !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	font-weight: 500;
	font-size: 14px;
	border: 2px solid transparent;
}

.navbar-nav a.nav-link.helpline {
	color: #212121 !important;
	background-color: rgba(0, 0, 0, 0.1);
	font-weight: 500;
	border-radius: 12px;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	transition: background-color linear 0.2s;
}

.navbar-nav a.nav-link.helpline:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.navbar-nav a.nav-link.bus-helpline {
	color: #212121 !important;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 1.5rem;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	transition: background-color linear 0.2s;
}

.navbar-nav a.nav-link.bus-helpline:hover {
	background: rgba(255, 255, 255, 1);
}

.navbar-nav a.nav-link.bus-user {
	color: #212121 !important;
	font-weight: 500;
	background: rgb(0 0 0 / 15%);
	border-radius: 1.5rem;
	height: 38px;
	width: 38px;
	margin-left: 1rem;
	padding: 6px 10px !important;
	font-size: 18px;
	transition: background-color linear 0.2s;
}

.navbar-nav a.nav-link.bus-user:hover {
	background: rgba(255, 255, 255, 1);
}

a.nav-link.covid {
	color: #ffffff !important;
	background-color: #FB8C00;
	border-radius: 12px;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	transition: background-color 0.3s linear;
}

a.nav-link.covid:hover {
	background-color: #EF6C00;
}

.home-nav {
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.home-nav .logo {
	background: #fff;
	padding: 12px 16px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.user-account .navbar-nav li a.nav-link {
	margin-right: 5px;
}

.user-account .navbar-nav li.active a.nav-link {
	border-radius: 12px;
	color: #000000 !important;
	border-color: #E0E0E0;
}

@media screen and (max-width:768px) {
	.navbar-bus .navbar-collapse {
		background-color: #ffffff;
		border-radius: 12px;
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03);
		padding: 12px;
	}

	.navbar-bus .navbar-nav li {
		line-height: 2;
	}

	.navbar-nav a.nav-link.helpline {
		margin-top: 0.5rem;
	}

}

/* Colours */
.bg-color-1 {
	background-color: rgb(154, 215, 219);
}

.bg-color-2 {
	background-color: #d3e9dc;
}

.bg-color-3 {
	background-color: rgb(170, 198, 186);
}

.bg-color-4 {
	background-color: #b26b29;
}

.bg-color-5 {
	background-color: #efb377;
}

.bg-color-6 {
	background-color: rgba(252, 210, 151, 1);
}

.bg-color-6-light {
	background-color: rgba(252, 210, 151, 0.5);
}

.bg-covid {
	background-color: #FB8C00 !important;
}

/* Buttons */

.btn {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 8px;
	padding-bottom: 8px;
}

.btn:hover,
.btn:active,
.btn:focus {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-primary.btn-cargo {
	background-color: #9ad7db;
	border-color: #9ad7db;
	border-radius: 12px;
}

.btn-outline-primary.btn-cargo {
	border-color: #aac6ba;
	color: #aac6ba;
}

.btn-primary.btn-bus {
	background-color: #FB8C00;
	border-color: #FB8C00;
	border-radius: 12px;
}

.btn-default.btn-bus {
	background-color: rgba(170, 198, 186, 0.5);
	border-color: rgba(170, 198, 186, 0.5);
	border-radius: 12px;
}

.btn-danger.btn-bus {
	border-radius: 12px;
}

.btn-primary.btn-bus:hover,
.btn-primary.btn-bus:active,
.btn-primary.btn-bus:focus {
	background-color: #EF6C00;
	border-color: #EF6C00;
}

/* Input Fields */
input.form-control {
	height: calc(1.8em + .75rem + 2px);
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 12px;
	border: none;
}

input.form-control:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.card.card-cargo {
	background-color: #f5f5f5;
	border: none;
	border-radius: 24px;
	margin-bottom: 1.5rem;
}

.height-100 {
	height: 100vh;
}

.height-75 {
	height: 75vh;
}

@media screen and (max-width:576px) {
	.height-100 {
		height: 50vh;
	}
}

/* Home Page */

.home-splitter {
	height: 100vh;
	margin-top: -74px;
}

.home-splitter h4 {
	font-size: 1.3rem;
	font-weight: 500;
	color: #212121;
}

.home-splitter a {
	text-decoration: none;
}

.home-splitter a:hover,
a:visited,
a:focus {
	text-decoration: none;
}

@media screen and (max-width:768px) {
	.home-splitter {
		margin-top: 0;
	}
}

.splitter-circle-1 {
	position: absolute;
	left: 2rem;
	bottom: 3rem;
}

.splitter-circle-1 h1 {
	color: #ffffff;
	border-bottom: thin solid #ffffff;
	font-size: 2rem;
	padding-bottom: 0.5rem;
}

.splitter-circle-1 h3 {
	color: #ffffff;
	font-size: 1.7rem;
	font-weight: 400;
}

.splitter-circle-1:hover {
	border-width: 5px;
}

.splitter-circle-2 {
	position: absolute;
	right: 2rem;
	bottom: 3rem;
	text-align: right;
}

.splitter-circle-2 h1 {
	color: #ffffff;
	font-size: 2rem;
	padding-bottom: 0.5rem;
	border-bottom: thin solid #ffffff;
}

.splitter-circle-2 h3 {
	color: #ffffff;
	font-size: 1.7rem;
	font-weight: 400;
}

.home-splitter .split-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#000000', GradientType=0);
}

.split,
.gutter.gutter-horizontal {
	float: left;
}

.gutter.gutter-horizontal {
	cursor: ew-resize;
}

/* Cargo Slider */

/* Slick Slider */

.cargo-slides .slick-prev:before {
	font-family: "FontAwesome";
	content: "\f060";
	font-size: 32px !important;
	line-height: 32px !important;
	color: #ffffff;
}

.cargo-slides .slick-next:before {
	font-family: "FontAwesome";
	content: "\f061";
	font-size: 32px !important;
	line-height: 32px !important;
	color: #ffffff;
}

.slick-slide,
.slick-slide * {
	outline: none !important;
}

.cargo-slides .item {
	margin-left: 1em;
	margin-right: 1em;
	border-radius: 12px;
}

.cargo-slides .item img {
	border-radius: 12px;
}

.cargo-slides .slick-prev {
	left: 100px;
	z-index: 1;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.5);
}

.cargo-slides .slick-next {
	right: 100px;
	z-index: 1;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.5);
}

@media all and (max-width:768px) {
	.cargo-slides .item {
		margin-left: 15px;
		margin-right: 15px;
	}

	.cargo-slides .slick-prev {
		left: 20px;
	}

	.cargo-slides .slick-next {
		right: 20px;
	}

	.cargo-slides .item img {
		width: 100%;
	}
}

/* Cargo Track*/
.cargo-track {
	margin-top: -5%;
	padding-bottom: 2.5rem;
}

.cargo-track .card {
	background-color: #F1FEFF;
	border-radius: 24px !important;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.cargo-track h2 {
	color: #424242;
}

@media screen and (max-width:768px) {
	.cargo-track {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.cargo-track h2 {
		font-size: 1rem;
	}

	.cargo-track input.form-control {
		font-size: 12px;
	}

	.cargo-track .input-group .btn {
		font-size: 12px;
	}
}

/* Cargo Routes */
.cargo-routes {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

p.h5 {
	font-weight: 400;
	line-height: 1.5;
	color: #424242;
	font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
	.cargo-routes {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}

	p.h5 {
		font-size: 1rem;
	}
}

/* Cargo Features */

.cargo-features {
	padding-top: 1rem;
	padding-bottom: 5rem;
}

@media screen and (max-width:768px) {
	.card-cargo h5 {
		font-size: 1.3rem;
	}
}

/* Cargo About */
.cargo-about {
	background-color: rgba(154, 215, 219, 0.15);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.cargo-about p {
	text-align: center;
	line-height: 1.5;
}

/** Pages **/

/* About */
.about-bus {
	background-image: url('../images/bus-header.jpg');
	background-position: bottom center;
	background-size: cover;
	height: 500px;
	padding-top: 5rem;
}

.about-cargo {
	background-image: url('../images/cargo-header.jpg');
	background-position: bottom center;
	background-size: cover;
	height: 500px;
	padding-top: 5rem;
}

span.divider {
	width: 100px;
	height: 4px;
	border-radius: 4px;
	background-color: #43a8af;
}

@media screen and (max-width:768px) {
	.about-bus {
		background-image: url('../images/bus-header.jpg');
		background-position: bottom center;
		background-size: cover;
		height: 50vh;
		padding-top: 1.5rem;
	}

	.about-cargo {
		background-image: url('../images/cargo-header.jpg');
		background-position: 80%;
		background-size: cover;
		height: 50vh;
		padding-top: 1.5rem;
	}

	.about-bus h1,
	.about-cargo h1 {
		font-size: 1.5em;
	}

	.about-cargo h3 {
		font-size: 1.5em;
	}
}

.cargo-timeline {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.cargo-timeline p {
	line-height: 2;
}

/* Features */

.features-intro {
	padding-top: 5rem;
	padding-bottom: 1rem;
}

.features-intro p {
	line-height: 2;
}

/* Branches */
.cargo-branches {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.card.card-state {
	border: none;
	border-radius: 24px;
	margin-bottom: 24px;
}

.card.card-state .card-body {
	padding: 0;
}

.card.card-state a {
	color: #212121;
	text-decoration: none;
}

.card.card-state img {
	border-radius: 24px;
	transition: box-shadow linear 0.2s;
}

.card.card-state a:hover img {
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

.card.state-details {
	border: none;
	border-radius: 24px;
	background-color: rgba(154, 215, 219, 0.4);
}

.feedback {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.feedback img {
	border-radius: 24px;
}

.feedback input.form-control {
	background-color: rgba(0, 0, 0, 0.03);
}

.feedback input.form-control:hover {
	box-shadow: none;
}

.feedback textarea.form-control {
	border: none;
	border-radius: 12px;
	background-color: rgba(0, 0, 0, 0.03);
}

/** Bus Styles **/

/* Bus Search */
.bus-search {
	background-image: url(../images/bus-home.jpg);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 55vh;
	margin-top: -74px;
}

/*
.bus-search .card {
    border-radius: 24px;
}

.bus-search .search-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
*/

.bus-search h1 {
	padding-top: 20vh;
	color: #ffffff;
	text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.2);
	font-size: 4em;
	font-weight: 500;
}

.bus-search-box {
	margin-top: -5vh;
}

.search-box .card {
	border-radius: 24px;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.search-box input.form-control {
	background-color: rgba(154, 215, 219, 0.2);
}

.search-box input.form-control.rounded-left {
	border-radius: 0;
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
}

.search-box input.form-control.rounded-right {
	border-radius: 0;
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

.search-box input.form-control:hover,
.search-box input.form-control:focus {
	box-shadow: none;
	background-color: rgba(154, 215, 219, 0.4);
}

.search-box .btn {
	border-radius: 12px;
}

@media screen and (min-width:768px) {
	.search-box .form-group {
		margin-bottom: 0;
	}
}

@media screen and (max-width:768px) {
	.bus-search {
		background-position: 50% 0;
		height: 50vh;
	}

	.bus-search h1 {
		font-size: 2em;
		text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);
	}

	.bus-search-box {
		margin-top: 2rem;
	}
}

/* Bus Features */
.bus-features {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.bus-features .card {
	margin-bottom: 2rem;
	border: none;
}

/* Feature Cards */

.customer-first-img,
.hassle-free-img,
.we-listen-img,
.traveller-friend-img,
.safety-first-img,
.luxurious-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.customer-first-slider,
.hassle-free-slider,
.we-listen-slider,
.traveller-friend-slider,
.safety-first-slider,
.luxurious-slider {
	display: none;
}

.customer-first-slider .slide-item,
.hassle-free-slider .slide-item,
.we-listen-slider .slide-item,
.traveller-friend-slider .slide-item,
.safety-first-slider .slide-item,
.luxurious-slider .slide-item {
	height: 200px;
}

.customer-first-slider .slide-item img,
.hassle-free-slider .slide-item img,
.we-listen-slider .slide-item img,
.traveller-friend-slider .slide-item img,
.safety-first-slider .slide-item img,
.luxurious-slider .slide-item img {
	max-width: 170px;
	min-width: 128px;
	margin-left: auto;
	margin-right: auto;
}

.customer-first-slider .slide-item p,
.hassle-free-slider .slide-item p,
.we-listen-slider .slide-item p,
.traveller-friend-slider .slide-item p,
.safety-first-slider .slide-item p,
.luxurious-slider .slide-item p {
	text-align: center;
}

.bus-gallery {
	padding-top: 2rem;
	padding-bottom: 5rem;
}

.bus-gallery img {
	border-radius: 24px;
	margin-bottom: 1.5rem;
}

.bus-features a.bus-link,
.bus-gallery a.bus-link {
	color: #424242;
	font-weight: 500;
	border: thin solid #424242;
	border-radius: 24px;
	padding: 8px 16px;
	transition: background-color linear 0.2s;
}

.bus-features a.bus-link:hover,
.bus-gallery a.bus-link:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: rgb(251, 140, 0);
	border-color: rgb(251, 140, 0);
}

@media screen and (max-width:768px) {
	.bus-features .card h5 {
		font-size: 0.9rem;
	}
}

/* Bus Blog */
.bus-blog {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	background-color: rgb(224, 247, 250);
}

/* Bus Customer */
.bus-customer {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.bus-customer .slick-prev:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f053";
	font-size: 32px !important;
	line-height: 32px !important;
	color: rgb(154, 215, 219);
}

.bus-customer .slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	font-size: 32px !important;
	line-height: 32px !important;
	color: rgb(154, 215, 219);
}

.customer-speak {
	padding-left: 1rem;
	padding-right: 1rem;
}

.customer-message h6,
.customer-message p {
	text-align: center;
}

.customer-message p {
	font-style: italic;
}

.customer-message p::before {
	content: '"';
}

.customer-message p::after {
	content: '"';
}

/* Bus FAQ */
.bus-faq {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: rgb(255, 224, 178);
}

.bus-faq .card {
	border: none;
	border-radius: 24px;
}

.bus-faq a.bus-link {
	color: #424242;
	font-weight: 500;
	border: thin solid #424242;
	border-radius: 24px;
	padding: 8px 16px;
	transition: background-color linear 0.2s;
}

.bus-faq a.bus-link:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: rgb(251, 140, 0);
	border-color: rgb(251, 140, 0);
}

.bus-faq .accordion .btn {
	color: #212121;
	padding: 6px 0;
	font-weight: 500;
}

.bus-faq .accordion .btn:hover,
.bus-faq .accordion .btn:active,
.bus-faq .accordion .btn:focus {
	text-decoration: none;
	box-shadow: none;
}

/* Bus About Home */
.bus-about {
	background-color: rgba(154, 215, 219, 0.15);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.bus-about p {
	text-align: center;
	line-height: 1.5;
}

/* Bus Listing */

.bus-search-listing .search-box {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #ffffff;
}

.search-list {
	padding-top: 3rem;
	padding-bottom: 5rem;
	background-color: #f8f9fa;
}

.search-list .card {
	border: none;
	border-radius: 24px;
}

.card-search-list {
	margin-bottom: 1rem;
}

.card.card-search-list h4 {
	margin-bottom: 0;
}

.search-list .card label {
	font-weight: 500;
}

/* Passenger Details */

.passenger-details {
	padding-top: 3rem;
	padding-bottom: 5rem;
	background-color: #f8f9fa;
}

.passenger-details .card {
	border: none;
	border-radius: 24px;
}

.card.traveller-card {
	background-color: #f5f5f5;
}

/* Payment Status */

.payment-status {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.payment-status .card {
	border: none;
	border-radius: 24px;
	background-color: #f8f9fa;
	padding: 2rem;
}

/* Manage Booking */

.manage-booking {
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 60vh;
}

.manage-booking .card {
	border: none;
	border-radius: 24px;
	background-color: #f8f9fa;
}

.manage-booking .nav-pills .nav-link.active,
.manage-booking .nav-pills .show>.nav-link {
	border-radius: 24px;
}

/* Profile */

.profile {
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 60vh;
}

.profile .card {
	border: none;
	border-radius: 24px;
	background-color: #f8f9fa;
}

/* Rewards */

.rewards {
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 60vh;
}

.rewards .card {
	border: none;
	border-radius: 24px;
	background-color: #f8f9fa;
}

.rewards .reward-box {
	background-color: rgba(252, 210, 151, 0.5);
	border: thin solid rgba(252, 210, 151, 1);
	border-radius: 24px;
	padding: 1.5rem 1rem;
	margin-bottom: 2rem;
}

.rewards a.bus-link {
	color: #424242;
	font-weight: 500;
	border: thin solid #424242;
	border-radius: 24px;
	padding: 8px 16px;
	transition: background-color linear 0.2s;
}

.rewards a.bus-link.active,
.rewards a.bus-link:hover {
	text-decoration: none;
	background-color: rgba(252, 210, 151, 1);
	border-color: rgba(252, 210, 151, 1);
}

/* Hotel */

.hotel-header {
	/*background-image: url('../images/home-page-footer.jpg');*/
	background-color: #FB8C00;
	background-position: bottom center;
	background-size: cover;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.hotel-details {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.hotel-details img {
	border-radius: 24px;
	margin-bottom: 1.5rem;
}

.hotel-details a.hotel-link {
	color: #424242;
	font-weight: 700;
	border-radius: 24px;
	padding: 8px 12px;
	transition: background-color linear 0.2s;
}

.hotel-details a.hotel-link:hover {
	text-decoration: none;
	background-color: rgba(252, 210, 151, 1);
	border-color: rgba(252, 210, 151, 1);
}

.modal input.form-control {
	background-color: rgb(232, 240, 254) !important;
}

.modal .btn {
	border-radius: 12px;
}

/* Terms */
.terms {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.terms li {
	line-height: 2;
}

/* Gallery */

.gallery-header {
	background-image: url('../images/about-bus.jpg');
	background-position: bottom center;
	background-size: cover;
	height: 500px;
	padding-top: 5rem;
}

.gallery {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.gallery img {
	border-radius: 24px;
	margin-bottom: 1.5rem;
}

/* Seat Layout */
@media screen and (max-width: 768px) {
	.seat-layout .seat-box {
		overflow: scroll;
	}
}

.seatlayout {
	border: 2px solid #efb377;
	border-radius: 12px;
	padding: 1rem 1.5rem;
	min-width: 400px;
	margin-bottom: 2rem;
}

.seatlayout .seat {
	text-align: center;
	height: 2em;
	margin-bottom: 10px;
	margin-right: 12px;
	padding-top: 5px;
	background: rgb(239 179 119);
	border-radius: 18px;
	line-height: 14px;
	font-size: 12px;
}

.seatlayout .seat a {
	color: #212121;
	font-weight: 500;
}

/* Covid Response */

.covid-header {
	background-image: url('../images/rajesh-covid-response.png');
	background-position: bottom center;
	background-size: cover;
	height: 500px;
	padding-top: 5rem;
}

.covid-response {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.covid-response img {
	border-radius: 24px;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
	.covid-header {
		background-image: url('../images/covid-resonse-m.png');
		background-position: bottom center;
		background-size: cover;
		height: 50vh;
		padding-top: 1.5rem;
	}

	.covid-header h1 {
		font-size: 1.5em;
	}
}

/* Prebooking */
.cargo-prebooking .subtext {
	width: 70%;
	margin: auto;
}

.prebook-content {
	background: url(../images/prebook-line.png) center 35px no-repeat;
	background-size: contain;
}

@media screen and (max-width: 568px) {
	.prebook-content {
		background: none;
	}

	.cargo-prebooking .subtext {
		width: 100%;
	}
}

/* Footer */
footer {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

footer.footer1 {
	height: 400px;
	background-image: url('../images/home-page-footer.jpg');
	background-size: cover;
	background-position: bottom center;
}

footer h5 {
	color: rgba(154, 215, 219, 1);
}

footer ul li {
	line-height: 2.5;
}

footer ul.social li {
	display: inline;
	font-size: 1.4rem;
	margin-right: 1rem;
	line-height: 1.4rem;
}

footer ul.home-footer-menu li a {
	color: #424242;
	font-weight: 500;
}

footer ul.home-footer-menu li a:hover {
	color: #212121;
	text-decoration: none;
}

footer ul li a,
footer p ,footer a{
	color: #eeeeee !important;
	text-decoration: none !important;
}

footer ul li a:hover {
	color: rgba(154, 215, 219, 1);
	text-decoration: none;
}

/* Common Mobile Responsive Style */

@media screen and (max-width:768px) {
	h2 {
		font-size: 1.5rem;
	}
}

#info-popup .modal-body {
	padding: 0px !important;
}

#info-popup .modal-content {
	background-color: transparent !important;
	border: 0px !important;
	box-shadow: none !important;
}

#banner-popup .modal-body {
	padding: 0px !important;
}

#banner-popup .modal-content {
	background-color: transparent !important;
	border: 0px !important;
	box-shadow: none !important;
}

#banner-popup img {
	width: 120%;
	max-width: 700px !important;
}

.input-group .form-control+.form-control:not(.is-invalid) {
	border-left: 1px solid #9ad7db;
}

input.form-control {
	border: 1px solid #fff;
}

/* track */

.track-main {
	/*background: transparent linear-gradient(244deg, #FFFFFF 0%, #DCDCFF 100%) 0% 0% no-repeat padding-box;*/
	width: 100%;
	height: auto;
}

.track-main h1 {
	top: 102px;
	left: 98px;
	width: 892px;
	height: 82px;
	text-align: left;
	font: 100px;
	font-family: roboto;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.track-main #track-vector {
	height: 500px;
	margin-top: 8em;
}

.track-main .form {
	margin-left: 5em;
	margin-top: 0em;
}

#track-submit {
	background: transparent linear-gradient(113deg, #be73de 0%, #514eb7 100%) 0% 0% no-repeat padding-box;
	border-radius: 39px;
	opacity: 1;
	margin-left: 13em;
	width: 119px;
	height: 43px;
	color: white;
	top: -1em;
	position: relative;
}

.track-div {
	left: 14em;
	top: 7em;
}

.track-div-history {
	left: 6em;
	margin-top: 10em;
	position: relative;
}

@media only screen and (min-width: 1170px) {
	.center-orientation .vertical-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%;
	}

	.center-orientation .vertical-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: white;
	}

	.center-orientation .vertical-timeline-content .btn {
		float: left;
	}

	.center-orientation .vertical-timeline-content .vertical-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 2px;
		font-size: 14px;
	}

	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
		float: right;
	}

	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white;
	}

	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
		float: right;
	}

	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
		left: auto;
		right: 122%;
		text-align: right;
	}

	.center-orientation .cssanimations .vertical-timeline-content.is-hidden {
		visibility: hidden;
	}
}