@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400&display=swap');

@font-face {
	font-family: '"Graphik", sans-serif';
	src: url('./fonts/"Graphik", sans-serifRegular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '"Graphik", sans-serif-light';
	src: url('./fonts/"Graphik", sans-serifLight.otf');
	font-weight: lighter;
	font-style: normal;
}

@font-face {
	font-family: '"Graphik", sans-serif-medium';
	src: url('./fonts/"Graphik", sans-serifMedium.otf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: '"Graphik", sans-serif-bold';
	src: url('./fonts/"Graphik", sans-serifBold.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'latosemibold';
	src: url('./fonts/lato-semibold-webfont.woff2') format('woff2'), url('./fonts/lato-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Graphik', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #581660;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
}

	::-webkit-scrollbar,
	body::-webkit-scrollbar {
		width: 8px
	}

	::-webkit-scrollbar-track,
	body::-webkit-scrollbar-track {
		background: #EBE7F4;
	}

	::-webkit-scrollbar-thumb,
	body::-webkit-scrollbar-thumb {
		background-color: #581660;
		border-radius: 20px;
		height: 58px
	}

html {
	scroll-behavior: smooth;
}

* {
	scrollbar-width: thin;
	scrollbar-color: #581600 #EBE7F4
}

:focus {
	outline: 0
}

.main-color {
	color: #581660;
}

.sec-color {
	color: #333333;
}

a:hover, a:focus {
	text-decoration: none;
	color: #f3e300 !important;
}

.btn {
	text-align: center;
	font: normal normal 600 17px/22px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	border-radius: 6px;
	cursor: pointer;
}

	.btn:hover, .btn:focus {
		outline: 0;
		box-shadow: none;
	}

	.btn:hover {
		color: #fff
	}
/*header section css start*/
.menu-text {
	display: none;
}

.navbar {
	padding: 0
}

.HeaderBackground {
	width: 100%;
	min-height: auto;
	background-color: rgb(168, 201, 194);
	background-image: url('/images/home_banner_v2.jpg');
	background-repeat: no-repeat;
	padding: 15px 0;
	min-height: 115px;
}

.header-list li p {
	text-align: left;
	font: normal normal 600 12pt/20pt Graphik, sans-serif;
	letter-spacing: -0.14pt;
	color: #581660;
}

.header-list li {
	position: relative;
}

	.header-list li:before {
		position: absolute;
		content: "";
		background: url('/images/Tick-Mark.png');
		width: 15px;
		height: 15px;
		left: -22px;
		top: 5px;
		background-repeat: no-repeat;
	}

.header-upper .header-list {
	position: absolute;
	right: 15%;
}

.HeaderImage {
	width: 230px;
	left: 50%;
	right: 50%;
	position: absolute;
	transform: translate(-50%, -10%);
}

li.nav-item {
	padding: 0 20px;
	align-items: center;
	display: flex;
}

.menu_spn {
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 7px 12px;
	font-size: 15px;
	margin-left: 20px;
	line-height: 20px;
}

.navbar {
	background-color: #74357A;
	z-index: 99;
}

.nav-link {
	padding: 1rem .3125rem;
	position: relative;
	font-size: 18px;
	color: #fff !important;
}

	.nav-link:hover,
	.nav-link:focus {
		color: #fff !important;
	}

	.nav-link:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		left: -20px;
		top: auto;
		bottom: auto;
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-width: 0 0 0 1px;
		height: 25px;
	}

.nav-first-link:before {
	display: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
	align-items: center;
	display: flex;
}

.navbar-toggler {
	display: none !important;
}

.dropdown-menu {
	margin-top: 0;
	border-radius: 0;
	top: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transition: -o-transform .4s, opacity .4s;
	-ms-transition: -ms-transform .4s, opacity .4s;
	-moz-transition: -moz-transform .4s, opacity .4s;
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	opacity: 0;
	background-color: transparent;
	position: absolute;
	padding: 0;
	border-top: 0;
}

.dropdown-item {
	background-color: #ebe7f4;
	color: #74357a;
	padding: 10px;
	border-bottom: 1px solid #74357a;
}

	.dropdown-item:hover {
		background-color: #74357a;
		color: #f3e300;
		border-bottom-color: #f3e300;
	}

.dropdown-menu li:last-child a {
	border-bottom: 3px solid #74357a;
}

	.dropdown-menu li:last-child a:hover {
		border-bottom: solid 3px #f3e300 !important;
	}

.dropdown-toggle {
	position: relative;
}

	.dropdown-toggle .fa-angledown {
		padding-left: 6px;
		font-size: 1.2rem;
		vertical-align: middle;
	}

		.dropdown-toggle .fa-angledown:after {
			content: "\f107";
			font-family: FontAwesome;
			display: inline-block;
			border: 0;
			transition: 1s;
			-webkit-transition: 1s;
			transform: rotateX(0);
			-webkit-transform: rotateX(0);
			transition-property: transform;
			-webkit-transition-property: transform;
		}

	.dropdown-toggle::after {
		border: 0;
	}

li.nav-item:hover .dropdown-toggle .fa-angledown:after {
	transform: rotateX(190deg);
	-webkit-transform: rotateX( 190deg);
}

.dropdown:hover .dropdown-menu {
	/*display: table;
right: 0;*/
	display: block;
	opacity: 1;
	left: 0;
	right: 0;
	transform: rotateX(0);
}
/*header section css end*/

/*search-section css start*/
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
	border-radius: 12px;
}

.search-section {
	padding: 80px 0;
	overflow: hidden;
}

.title-text {
	text-align: center;
	font: normal normal 600 35px/43px 'Graphik', sans-serif;
	letter-spacing: 0px;
	/*color: #333; Black Drew wanted to see it in Purple*/ 
	color: #74357A;
}
.text-custom {
	color: #74357A;
}
.search-box {
	margin: 35px auto;
	border-radius: 12px;
	max-width: 550px;
}

	.search-box .input-group {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: 6px solid rgba(88, 22, 96, 0.10);
		box-shadow: 0px 6px 10px rgba(88, 22, 96, 0.10);
		-webkit-box-shadow: 0px 6px 10px rgba(88, 22, 96, 0.10);
		-moz-box-shadow: 0px 6px 10px rgba(88, 22, 96, 0.10);
		border-radius: 12px;
		max-width: 100%;
	}

		.search-box .input-group .form-control,
		.search-box .input-group .form-control:hover,
		.search-box .input-group .form-control:focus {
			height: auto;
			border: 0;
			padding: 15px;
			box-shadow: none;
			text-align: left;
			font: normal normal normal 22px/26px 'Graphik', sans-serif;
			letter-spacing: -0.1px;
			color: #333333;
		}

#company::placeholder {
	text-align: left;
	font: normal normal 400 18px/22px 'Graphik', sans-serif;
	letter-spacing: -0.1px;
	color: #333 !important;
	line-height: 1.7;
}

::-webkit-input-placeholder {
	text-align: left;
	font: normal normal 400 18px/22px 'Graphik', sans-serif;
	letter-spacing: -0.1px;
	color: #333 !important;
}

::-moz-placeholder {
	text-align: left;
	font: normal normal 400 18px/22px 'Graphik', sans-serif;
	letter-spacing: -0.1px;
	color: #333 !important;
}

:-ms-input-placeholder {
	text-align: left;
	font: normal normal 400 18px/22px 'Graphik', sans-serif !important;
	letter-spacing: -0.1px;
	color: #333 !important;
}

.input-group-addon.btn-main {
	background: #74357a 0% 0% no-repeat padding-box;
	border-radius: 0px 8px 8px 0px;
	padding: 18px;
}

	.input-group-addon.btn-main:hover {
		background: #581660;
	}

.pagination-head {
	text-align: center;
	padding: 10px 0;
}

.span-seprate {
	text-align: center;
	font: normal normal 600 17px/22px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #472A14;
	position: relative;
	padding: 0 25px 0 0;
}

.page-text {
	text-align: center;
	font: normal normal normal 17px/22px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #707070;
	padding: 0 0 0 20px;
	opacity: 0.55;
}

.span-seprate:after {
	content: '';
	position: absolute;
	background-color: #707070;
	width: 2px;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0.55
}

.span-border {
	color: #707070;
	padding: 0 25px;
}

.alpha-list {
	display: flex;
	justify-content: center;
	margin-top: 15px;
	align-items: center;
}

.alpha-list-item:hover a {
	background-color: rgba(116, 53, 122, 0.26);
	color: #fff;
}

li.alpha-list-item {
	margin: 0 3px;
}

.alpha-list-item.active a {
	background-color: #581660;
	color: #fff;
}

.alpha-list-item a {
	display: block;
	line-height: 25px;
	font: normal normal 600 17px/25px 'Graphik', sans-serif;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	background-color: transparent;
	border-radius: 50%;
	color: #581660;
	text-align: center;
}

.transport-boxes {
	margin-top: 30px;
}

.trans-box {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 6px 10px rgba(235, 231, 244, 0.30);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.30);
	-moz-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.30);
	border: 1px solid #F6F6F6;
	padding: 15px 10px;
	border-radius: 8px;
}

.star-rate {
	display: flex;
	align-items: center;
}

.trans-span {
	background: #74357A 0% 0% no-repeat padding-box;
	border-radius: 3px;
	text-align: left;
	font: normal normal 400 12px/14px 'Graphik', sans-serif;
	letter-spacing: -0.06px;
	color: #FFFFFF;
	padding: 3px 5px;
	margin-left: 10px;
}

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

	.trans-info p {
		font: normal normal normal 14px/18px 'Graphik', sans-serif;
		letter-spacing: 0.14px;
		padding-bottom: 5px;
	}

p a:hover {
	color: #581660;
}

.trans-img {
	position: relative;
}

.gold-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
}

.company-review {
	margin-top: 50px;
}

.review-box .card {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 6px 20px rgba(235, 231, 244, 0.50);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.50);
	-moz-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.50);
	border: 1px solid #EBE7F4;
	border-radius: 8px;
	position: relative;
	transition: 1s;
}

	.review-box .card:hover {
		border-color: #581660;
	}

		.review-box .card:hover .expand-icon {
			border-color: #581660;
			background-color: #581660;
			color: #fff;
		}

.expand-icon {
	font-size: 18px;
	color: #333;
	border-radius: 50%;
	border: 1px solid #333;
	width: 22px;
	height: 22px;
	display: block;
	line-height: 20px;
	text-align: center;
	padding: 0 0 0 2px;
}

.search-span {
	font-size: 18px;
	color: #fff;
	width: 22px;
	height: 22px;
	margin: 0px 10px 0px 0px;
}

.view-red {
	font-size: 18px;
	color: #DC2E2E;
	width: auto;
	height: 19px;
	margin: 0px 0px 0px 10px;
}

.review-box small {
	font: normal normal 500 16px/20px 'Graphik', sans-serif;
	letter-spacing: -0.08px;
	opacity: 0.6;
}

.review-box .card .card-body .d-flex {
	align-items: flex-end;
}

.review-box h2 {
	text-align: left;
	font: normal normal 600 34px/18px 'Graphik', sans-serif;
	letter-spacing: -0.34px;
	padding-top: 5px;
	align-items: center;
	display: flex;
}

.review-box .green-span {
	font: normal normal 600 18px/18px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #10B981;
	background-color: rgba(16, 185, 129, 0.10);
	border-radius: 6px;
	padding: 6px 12px;
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.review-box .red-span {
	font: normal normal 600 18px/18px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #DC2E2E;
	background-color: rgba(220, 46, 46, 0.10);
	border-radius: 6px;
	padding: 6px 12px;
	margin-left: 10px;
	display: flex;
	align-items: center;
}
.review-box .purple-span {
	font: normal normal 600 18px/18px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #74357A;
	background-color: #EDEAF5;
	border-radius: 6px;
	padding: 6px 12px;
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.company-info {
	padding-left: 10px;
}

	.company-info span img {
		padding-right: 3px;
	}

.card-footer {
	background-color: transparent;
}

	.card-footer p {
		font: normal normal 600 16px/18px 'Graphik',sans-serif;
		letter-spacing: 0px;
		color: #74357A;
	}
/*search-section css end*/

/*cost-section css start*/
.cost-section {
	padding: 20px 0;
	background-color: #EEEEEE;
	overflow: hidden;
}

.cost-head p {
	text-align: center;
	font: normal normal normal 14px/21px 'Graphik',sans-serif;
	letter-spacing: -0.07px;
	padding-top: 10px;
}

.form-row {
	margin: 30px 0 40px 0;
}

	.form-row label {
		text-align: left;
		font: normal normal 600 18px/24px 'Graphik',sans-serif;
		letter-spacing: -0.09px;
	}

	.form-row .input-group {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: 1px solid #CFCFCF;
		border-radius: 8px;
		width: 95%;
	}

.input-group-text {
	text-align: left;
	font: normal normal 600 18px/24px 'Graphik',sans-serif;
	letter-spacing: -0.09px;
	background-color: transparent;
	border: 0;
	border-right: 2px solid #CFCFCF;
	padding: 0 20px;
}

.form-row select {
	font: normal normal normal 18px/24px 'Graphik', sans-serif;
	letter-spacing: -0.09px;
	color: #333333;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none !important;
	z-index: 99;
	background: #fff url('/images/angle-arrow-down.png') no-repeat 98%;
}
.badge-custom {
	background: #74357A 0% 0% no-repeat padding-box;
	border-radius: 3px;
	text-align: left;
	
	letter-spacing: -0.06px;
	color: #FFFFFF;
	padding: 3px 5px;
	margin-left: 10px;
}
.custom-select {
	border: 0;
	height: auto;
	padding: 18px 15px;
}

	.custom-select:focus, .custom-select:hover {
		box-shadow: none;
	}

.recent-block {
	margin-top: 40px;
}

	.recent-block h5 {
		text-align: left;
		font: normal normal 600 21px/28px 'Graphik', sans-serif;
		letter-spacing: -0.08px;
		padding-bottom: 15px;
	}

.recent-box {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 8px 20px rgba(207, 207, 207, 0.24);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(207, 207, 207, 0.24);
	-moz-box-shadow: 0px 0px 6px 6px rgba(207, 207, 207, 0.24);
	border-radius: 8px;
	height: 90%;
	padding: 100px 20px 40px 20px;
}

.noUi-tooltip {
	text-align: center;
	font: normal normal normal 12px/16px 'Graphik',sans-serif;
	letter-spacing: -0.05px;
	background: rgb(207 207 207 / 30%);
	border-radius: 8px;
	border: 0;
	width: 70px;
	padding: 5px 8px;
}

.price {
	text-align: center;
	font: normal normal 600 13px/18px 'Graphik', sans-serif;
	letter-spacing: -0.05px;
}

.noUi-handle:after {
	content: url('/images/Price-Roller.png');
	left: -6px;
	top: -7px;
	width: 0;
}

.noUi-tooltip:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border-bottom: 8px solid transparent;
	border-top: 8px solid #e5e5e5;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 25px;
	top: 100%;
}

.noUi-horizontal .noUi-tooltip {
	bottom: 150%;
}

.noUi-handle {
	border: 0;
	border-radius: 0;
	background: transparent;
	cursor: default;
	box-shadow: none;
}

.cost-logos {
	margin-top: 50px;
	margin-bottom: 40px;
	justify-content: space-between;
}

.logo-box {
	background: rgb(249 248 252 / 62%);
	border: 1px solid rgb(249 248 252 / 62%);
	border-radius: 6px;
	padding: 20px;
	transition: 1s;
}

	.logo-box:hover {
		border-color: #581660;
	}

.mobile-arrow {
	display: none;
}

.logo-box img {
	margin: auto;
}

.cost-value {
	text-align: center;
	font: normal normal normal 18px/18px 'Graphik', sans-serif;
	letter-spacing: -0.18px;
	padding-top: 15px;
}

.common-botton {
	display: flex;
	justify-content: center;
}

.red-bg-btn {
	background: #DC2E2E 0% 0% no-repeat padding-box;
	border-radius: 6px;
	display: inline-flex;
	border: 1px solid #DC2E2E;
	align-items: center;
	padding: 15px 25px;
	width: auto;
	justify-content: center;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.red-bg-btn:hover {
		color: #DC2E2E;
		border: 1px solid #DC2E2E;
		box-shadow: inset 0em -4em 0em 0em #fff;
	}

		.red-bg-btn:hover .search-span {
			color: #DC2E2E;
		}

.Rated-boxes {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 8px 20px rgba(207, 207, 207, 0.24);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(207, 207, 207, 0.24);
	-moz-box-shadow: 0px 0px 6px 6px rgba(207, 207, 207, 0.24);
	border-radius: 8px;
	height: 90%;
	padding-bottom: 40px;
}

.btn-row {
	padding: 20px 0 0 0;
}

.top-head {
	background: #F9F8FC 0% 0% no-repeat padding-box;
	border-radius: 8px 8px 0px 0px;
	padding: 18px 20px;
	justify-content: space-between;
}

	.top-head h4 {
		text-align: left;
		font: normal normal bold 16px/18px 'Graphik', sans-serif;
		letter-spacing: 0.16px;
	}

.rating-point {
	justify-content: space-between;
	align-items: center;
	margin: 0px 20px;
	border-bottom: 1px solid #EBE7F4;
	padding: 18px 0;
}

	.rating-point:last-child {
		border-bottom: 0;
	}

.rating-user p {
	font: normal normal 400 16px/18px 'Graphik', sans-serif;
	letter-spacing: 0px;
	padding-bottom: 5px;
}

.rating-user .flex-item:first-child {
	margin-right: 10px;
}

.count-review {
	text-align: left;
	font: normal normal 600 20px/18px 'Graphik', sans-serif;
	letter-spacing: -0.2px;
	color: #DC2E2E;
}

.rating-point span {
	font: normal normal normal 14px/18px 'Graphik', sans-serif;
	letter-spacing: 0px;
}

.main-bg-btn {
	background: #74357A 0% 0% no-repeat padding-box;
	border: 1px solid #74357A;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	padding: 15px 25px;
	width: auto;
	justify-content: center;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.main-bg-btn:hover {
		color: #74357A;
		border: 1px solid #74357A;
		box-shadow: inset 0em -4em 0em 0em #fff;
	}

.right-main-arrow {
	display: none;
}

.main-bg-btn:hover .right-arrow {
	display: none;
}

.main-bg-btn:hover .right-main-arrow {
	display: block;
}

.main-bg-btn img {
	width: 18px;
	height: auto;
	margin-left: 10px;
}

.noUi-horizontal {
	height: 16px;
}
/*cost-section css end */

/*top-rated-section css start*/
.top-rated-section {
	padding: 80px 0;
	overflow: hidden;
}

.top-rated-text {
	font: normal normal normal 18px/43px 'Graphik', sans-serif;
	letter-spacing: -0.18px;
	text-align: center;
}

.rated-company-info {
	margin-top: 50px;
}

.Rated-companies {
	width: 100%;
	border-bottom: 1px solid #EBE7F4;
	padding: 20px 0;
	margin: 0;
	align-items: center;
}

	.Rated-companies:first-child {
		padding-top: 0;
	}

	.Rated-companies:last-child {
		border-bottom: 0;
	}

	.Rated-companies .common-botton {
		display: flex;
		justify-content: space-between;
	}

	.Rated-companies .main-bg-btn,
	.Rated-companies .gray-bg-btn {
		padding: 11px 30px;
		width: auto;
	}

.brand-image {
	position: relative;
}

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

	.week-info p {
		text-align: left;
		font: normal normal normal 16px/18px 'Graphik', sans-serif;
		letter-spacing: 0.16px;
		padding-bottom: 5px;
	}

.gray-bg-btn {
	background: #f5f3f9;
	transition: 1s;
	border: 1px solid #f5f3f9;
	border-radius: 6px;
	text-align: center;
	font: normal normal 600 20px/26px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #581660;
	display: flex;
	align-items: center;
	padding: 15px 25px;
	width: 100%;
	justify-content: center;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.gray-bg-btn:hover {
		color: #581660;
		border: 1px solid #581660;
		box-shadow: inset 0em -3em 0em 0em #fff;
	}

	.gray-bg-btn span {
		margin-right: 10px;
	}

.view-btn {
	font: normal normal 600 20px/26px 'Graphik', sans-serif;
	letter-spacing: 0px;
}

.expand-btn {
	text-align: center;
	font: normal normal 600 18px/24px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #472A14;
	background: #F1F1F1 0% 0% no-repeat padding-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 25px;
}

	.expand-btn:hover {
		color: #472A14;
	}

	.expand-btn span {
		color: #472A14;
		font-size: 1.5rem;
		margin-left: 10px;
	}
/*top-rated-section css end*/
/*transport-section css start*/
.transport-section {
	padding: 0 0 80px 0;
	overflow-x: hidden;
}

.transport-text {
	text-align: center;
	font: normal normal normal 18px/28px 'Graphik', sans-serif;
	letter-spacing: -0.18px;
}

.transport-boxes {
	margin-top: 50px;
}

.transport-box {
	box-shadow: 0px 6px 20px rgba(235, 231, 244, 0.50);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.50);
	-moz-box-shadow: 0px 0px 6px 6px rgba(235, 231, 244, 0.50);
	border: 1px solid #F6F6F6;
	border-radius: 8px;
	padding: 20px;
}

	.transport-box p {
		text-align: left;
		font: normal normal normal 18px/24px 'Graphik', sans-serif;
		letter-spacing: 0px;
	}

	.transport-box .button-group {
		display: flex;
		align-items: center;
		margin-top: 10px;
	}

.answer-btn {
	text-align: center;
	font: normal normal normal 14px/18px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #581660;
	background: #EBE7F4 0% 0% no-repeat padding-box;
	width: auto;
	display: flex;
	border: 1px solid #EBE7F4;
	border-radius: 6px;
	justify-content: center;
	align-items: center;
	padding: 9px 10px;
	cursor: default !important;
}

	.answer-btn:hover {
		color: #581660;
	}

	.answer-btn strong {
		margin-right: 5px;
		font-weight: 500;
	}

.view-red-btn {
	text-align: center;
	font: normal normal 500 14px/18px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #DC2E2E;
	width: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DC2E2E;
	border-radius: 6px;
	margin-left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 9px 10px;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.view-red-btn:hover {
		color: #fff;
		border: 1px solid #DC2E2E;
		box-shadow: inset 0em -3em 0em 0em #DC2E2E;
	}

		.view-red-btn:hover .view-red {
			color: #fff;
		}

	.view-red-btn span {
		margin-left: 5px;
	}

.more-btn-group {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.view-more-btn {
	background: #74357A 0% 0% no-repeat padding-box;
	border-radius: 6px;
	text-align: center;
	font: normal normal 600 18px/24px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 25px;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.view-more-btn:hover {
		color: #74357A;
		border: 1px solid #74357A;
		box-shadow: inset 0em -4em 0em 0em #fff;
	}

.more-btn-group a {
	margin: 0 15px;
	min-width: 250px;
}

.question-btn {
	border: 1px solid #CFCFCF;
	border-radius: 6px;
	text-align: center;
	font: normal normal 600 18px/24px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #707070;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 25px;
	position: relative;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

	.question-btn:hover {
		color: #fff;
		border: 1px solid #707070;
		box-shadow: inset 0em -4em 0em 0em #707070;
	}
/*transport-section css end*/

/*footer section css start*/
.footer {
	background-color: #F6F6F6;
	padding-top: 50px;
}

.bottom-logo {
	justify-content: center;
}

#back-to-top .fa {
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	display: block;
}

.bottom-links {
	display: flex;
	justify-content: center;
	list-style: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #CFCFCF;
}

	.bottom-links li:before {
		left: 13px;
		position: absolute;
		top: 0px;
		margin: 8px 0 0 -12px;
		vertical-align: middle;
		display: inline-block;
		width: 8px;
		height: 8px;
		background: #707070;
		content: "";
		border-radius: 100%;
	}

	.bottom-links li.active a, .bottom-links li:hover a {
		color: #74357A;
	}

	.bottom-links li.active:before {
		background: #74357A;
	}

	.bottom-links li {
		text-align: left;
		padding: 0 15px;
		position: relative;
		font: normal normal 600 15px/24px 'Graphik',sans-serif;
		letter-spacing: 0px;
		color: #333333;
	}

.footer-text {
	text-align: center;
	font: normal normal normal 14px/24px 'Graphik', sans-serif;
	letter-spacing: 0px;
	color: #333333;
	padding: 25px 0;
}

.copy-right-block {
	padding: 20px 0;
	text-align: center;
}

.copy-right-text {
	font: normal normal 600 15px/22px 'Graphik',sans-serif;
	letter-spacing: 0px;
	color: #581660;
	padding-bottom: 5px;
}

.copy-right-year {
	font: normal normal 500 12px/18px 'Graphik',sans-serif;
	letter-spacing: 0px;
	color: #581660;
}

.search-input i {
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 16px;
	background-color: #bac8d3;
	color: #fff;
}

button.toggle-btn {
	display: none;
}

/*footer section css end*/
/*.common-hover {
      position: relative;
     vertical-align: middle;
}
 .common-hover::before, .common-hover::after {
     box-sizing: inherit;
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;

}
 .draw {
     transition: color 0.25s;
}
 .draw::before, .draw::after {
     border: 1px solid transparent;
     width: 0;
     height: 0;
     border-radius: 8px;
}
 .draw::before {
     top: 0;
     left: 0;
}
 .draw::after {
     bottom: 0;
     right: 0;
}
 .draw:hover::before, .draw:hover::after {
     width: 100%;
     height: 100%;
     border-radius: 8px;
}
 .draw:hover::before {
     border-top-color: #581660;
     border-right-color: #581660;
     transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
 .draw:hover::after {
     border-bottom-color: #581660;
     border-left-color: #581660;
     transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
 .meet::after {
     top: 0;
     left: 0;
}
 .meet:hover::before {
     border-top-color: #581660;
     border-right-color: #581660;
}
 .meet:hover::after {
     border-bottom-color: #581660;
     border-left-color: #581660;
     transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}*/