@charset "utf-8";
/* CSS Document */

/* Start Inclusion section */

* {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
	outline: none;
	transition: all 0.2s ease 0s;
}

section {
	display: inline-block;
	width: 100%;
	position: relative;
}

span,
p,
label,
li,
a,
button {
	font-size: 14px;
	transition: all 0.2s ease 0s;
	line-height: 24px;
	color: #4A4946;
	margin: 0;
}

.comField {
	width: 48%;
	position: relative;
}

.comField span {
	position: absolute;
	left: 16px;
	color: #727172;
	font-size: 12px;
	top: 4px;
	font-weight: 5+00;
}

.comField input,
.comField select,
.comField textarea {
	width: 100%;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #E0E1E3;
	padding: 15px 15px 0px 16px;
	font-weight: 600;
	color: #343434;
	font-size: 14px;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: unset !important;
	outline: none !important;
}

.comField input[disabled],
.comField select[disabled] {
	cursor: default;
	background-color: #F0F1F5;
	opacity: 1 !important;
}


.comField input:focus,
.comField select:focus,
.comField textarea:focus {
	border: 1px solid #E0E1E3;
	background-color: #F0F1F5;
}

.comField select {
	background-image: url(../img/iconDrops.png);
	background-position: 92% 20px;
	background-repeat: no-repeat;
	padding: 12px 15px 0px 14px;
	font-size: 15px;
}

a,
button,
a:hover,
a:focus,
button:hover,
button:focus {
	cursor: pointer;
	text-decoration: none !important;
	outline: none;
	border: 0px;
}

ul,
li {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	transition: all 0.5s linear 0s;
	color: #000000;
	font-weight: 700 !important;
	margin: 0px;
	margin-bottom: 0px;
}

body {
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif !important;
	background-color: #F7F9FE;
}

.link {
	color: #3E6BF6;
}

.link:hover {
	color: #1f3e8d;
}

a {
	color: unset;
	font-weight: 500;
	color: #4A4946;
	font-size: 14px;
	line-height: 20px;
}

a:hover {
	color: #4171ef;
}

p,
span {
	font-weight: 500;
}

.btnPrimary,
.outline-btn {
	display: block !important;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.5px;
	box-shadow: 0px 11px 26px rgb(56 102 223 / 57%) !important;
	border-radius: 50px;
	overflow: hidden;
	height: 50px;
	padding: 0px 25px;
	font-weight: 500;
}

.outline-btn {
	color: #335DCB;
	background-color: #fff !important;
	border: 1px solid #335DCB;
	font-weight: 600;
}


/* Start Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #335DCB;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #274592;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
	color: white;
}

.outline-btn.hvr-shutter-out-horizontal:hover {
	color: #335dcb;
	border: 1px solid #d9e3ff;
}

.outline-btn.hvr-shutter-out-horizontal:hover:before {
	color: #335dcb;
	background-color: #d9e3ff !important;
}


.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* End Shutter Out Horizontal */

.card {
	background-color: #fff;
	box-shadow: 0px 5px 21px rgb(0 0 0 / 15%) !important;
	padding: 20px;
	border-radius: 20px;
}

img {
	border-radius: 20px;
}

.headStyle {
	font-family: 'Niconne', cursive;
	font-size: 26px;
	color: #335dcb;
	margin-bottom: 4px;
	font-weight: 500 !important;
}

.commanHead::before {
	content: '';
	display: inline-block;
	background-color: #335DCB;
	position: absolute;
	width: 5px;
	height: 100%;
}

.commanHead {
	position: relative;
}

.commanHead h2 {
	font-size: 28px;
}

.headLeft {
	text-align: left;
	padding-left: 20px;
}

.headLeft::before {
	left: 0;
}

.headCenter {
	text-align: center;
}

.headCenter::before {
	all: unset;
}

.headRight {
	text-align: right;
	padding-right: 20px;
}

.headRight::before {
	right: 0;
}

.bullet {
	position: relative;
	padding-left: 15px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}

.bullet::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #4A4946;
	position: absolute;
	left: 0;
	top: 4px;
}

.subHeading {
	font-size: 16px;
	font-weight: 600;
	color: #272624;
	display: block;
	line-height: 20px;
	margin-top: 10px;
}

.comSec {
	padding: 30px 0px;
}


.checkOuter {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 600;
	line-height: 15px;
}

/* Hide the browser's default checkbox */
.checkOuter input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: -6px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #e5edff;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkOuter:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkOuter input:checked~.checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkOuter input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkOuter .checkmark:after {
	left: 9px;
	top: 4px;
	width: 7px;
	height: 13px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 1px;
}

.priceKnow {
	display: flex;
	align-items: center;
}


.comCard {
	display: inline-block;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #E0E1E3;
	border-radius: 20px;
	width: 100%;
}


/* End Inclusion section */


/* ----------------------Start Index Page----------------------*/


/* -------Start Footer------- */


.footerBottom {
	margin-top: 25px;
}

.fl_div {
	margin-bottom: 10px;
}

.fl_div a {
	font-size: 13px;
}

.footerInfo img {
	height: 40px;
	margin-bottom: 12px;
}

.footComman .subHeading {
	margin-top: 10px;
	margin-bottom: 19px;
}

.footLink a {
	display: block;
	margin-bottom: 5px;
}

.footLink a:hover {
	padding-left: 10px;
}

.fc_Ul li span {
	display: block;
	margin-bottom: -2px;
}

.fc_Ul li a {
	font-size: 16px;
}

.fc_Ul li {
	margin-bottom: 5px;
}


.fc_followLI a i {
	font-size: 18px;
}

.fc_followLI a {
	margin-right: 5px;
}

.subscribeDiv {
	position: relative;
}

.footNews span {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

.subscribeDiv input {
	height: 40px;
	width: 100%;
	border-radius: 70px;
	border: 0;
	border: 1px solid #ddd;
	padding: 0px 97px 0px 15px;
	font-size: 14px;
	font-weight: 500;
}

.subscribeDiv button {
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	padding: 0px 16px 0px 16px;
	line-height:40px;
}

.padLRZero {
	padding-left: 0px;
	padding-right: 0px;
}


/* -------End Footer------- */

/* -------Start Offer------- */

.moneyTag {
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	height: 50px;
	width: 116px;
	position: absolute;
	top: 1px;
	left: 20px;
}

.moneyTag span {
	display: block;
	color: #fff;
	font-size: 13px;
	margin-top: -1px;
	margin-bottom: -6px;
}

.moneyTag label {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

.moneyTag label img {
	width: 10px;
	vertical-align: -1px;
	border-radius: 0;
	margin-right: 3px;
}

.mySwiperOffer,
.mySwiperSightseeing,
.mySwiperPackages,
.mySwiperServices {
	margin-top: 20px;
}

.offerDiv {
	position: relative;
	padding-top: 9px;
	display: inline-block;
	width: 100%;

}

.offer-flag-li {
	display: flex;
	align-items: center;
}

.offer-flag-li img {
	border-radius: 6px;
	width: 30px;
	margin-right: 8px;
}

.offer-flag-li label {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.offer-bullet .bullet {
	display: block;
	color: #BABABA;
}

.offer-services label {
	margin: 5px 0px;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
}

.offer-bullet span.bullet::before {
	background-color: #BABABA;
}

.offer-price {
	display: flex;
	align-items: center;
	padding: 12px 0px 14px 0px;
	margin-top: 15px;
	border-top: 1px solid rgb(255 255 255 / 17%);
}

.offer-price label {
	flex: auto;
	color: #fff;
	font-weight: 500;
}

.offerDetails-ul {
	padding: 55px 15px 0px 15px;
	background-image: linear-gradient(rgb(0 0 0 / 0%),
			rgb(0 0 0 / 60%),
			rgb(0 0 0 / 80%),
			rgb(0 0 0));
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.offerDetails-div {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.offer-price label img {
	border-radius: 0;
	width: 9px;
	vertical-align: -1.5px;
	margin-right: 3px;
}

.swiper {
	width: 100%;
	height: 100%;
}

.sightseeingSec .sliderImg {
	width: 100%;
	object-fit: cover;
	height: 160px;
}

.sliderImg {
	width: 100%;
}

.swiper-button-lock {
	display: inline-block !important;
}

.swiper-button-prev {
	background-image: unset;
}

.headingControls {
	display: flex;
	align-items: center;
	z-index: 0;
	position: relative;
}

.headingControls .headLeft {
	flex: auto;
}

.sliderControl {
	background-color: #999 !important;
	position: relative;
	width: 109px;
	float: right;
}

.sliderControl .swiper-button-prev {
	background-position: center;
	background-repeat: no-repeat;
	border: 1.5px solid #335dcb;
	width: 45px;
	height: 30px;
	border-radius: 60px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.sliderControl .swiper-button-next {
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #335dcb;
	width: 45px;
	height: 30px;
	border-radius: 60px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #335dcb;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: 'next';
	display: none;
}

.btnCenter button {
	padding: 0px 75px;
	margin: auto;
	margin-top: 40px;
}


/* -------End Offer------- */


/* -------Start Sightseeing------- */

.sightseeingDiv {
	position: relative;
	margin-bottom: 20px;
}

.ssUL {
	padding: 40px 15px 15px 15px;
	background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 60%), rgb(0 0 0 / 80%), rgb(0 0 0));
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.pkgSec .ssHeadLI label {
	margin-top: 0px;
}

.ssHeadLI label {
	color: #fff;
}

.ssInfoLI {
	display: flex;
	align-items: center;
}

.ssInfoDiv {
	flex: auto;
}

.ssInfoDiv span {
	color: #BABABA;
	font-weight: 400;
	font-size: 13px;
}

.ssInfoDiv label {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.ssInfoDiv label img {
	border-radius: 0;
	width: 9px;
	vertical-align: -1px;
	margin-right: 2px;
}

.ssInfoDiv .points {
	display: block;
	margin-bottom: -5px;
}

.ssInfoLI a {
	background-color: #335dcb;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	border-radius: 7px;
	display: block !important;
	color: #fff;
	box-shadow: 0px 11px 26px rgb(56 102 223 / 57%) !important;
}

.ssInfoLI a:hover {
	background-color: #274592;
}

.ssInfoLI a img {
	border-radius: 0;
}

.mySwiperSightseeing .swiper-wrapper,
.mySwiperPackages .swiper-wrapper,
.mySwiperClient .swiper-wrapper {
	padding-bottom: 40px !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
	background-color: #DCE0EC;
	opacity: 1;
	width: 9px;
	height: 9px;
}

.swiper-pagination-bullet-active {
	height: 26px !important;
	border-radius: 11px;
	background-color: #335dcb !important;
}

.sightseeingSec .btnCenter button,
.pkgSec .btnCenter button {
	margin-top: 18px;
}

/* -------End Sightseeing------- */


/* -------Start Customer Choice------- */

.choiceFlagSpan {
	padding: 15px 7px 7px 7px;
	position: absolute;
	top: 0;
	left: 17px;
	z-index: 1;
	border-bottom-left-radius: 9px;
	background-color: rgb(0 0 0 / 45%);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	border-bottom-right-radius: 9px;
	overflow: hidden;
}

.choiceFlagSpan img {
	border-radius: 6px;
	width: 30px;
}

.choiceSec .headingControls {
	margin-bottom: 20px;
}

.choiceLi {
	position: relative;
	margin-bottom: 15px;
}

.choiceBG {
	width: 100%;
}

.chDetails label {
	margin-bottom: -6px;
	margin-top: 7px;
	color: #000;
	font-size: 16px;
}

.choiceSec .btnCenter button {
	margin-top: 18px;
}

/* -------End  Customer Choice------- */


/* -------Start Packages------- */

.pkgSec .offerDetails-div {
	padding: 10px;
}

.pkgSec .ssUL {
	padding: 12px 15px 11px 15px;
	background-color: rgb(0 0 0 / 30%);
	backdrop-filter: blur(49px);
	-webkit-backdrop-filter: blur(25px);
	border-radius: 15px;
	background-image: unset;
}


/* -------End Packages------- */


/* -------Start Testimonial------- */


.testimonialSec .swiper {
	padding: 150px 20px 30px 20px
}

.testimonialSec .swiper .subHeading {
	font-size: 18px;
	font-weight: 700;
	margin-top: 4px;
}

.clientDiv {
	text-align: center;
	padding: 15px 10px 10px 10px;
	border-radius: 20px;
	box-shadow: 0px 6px 15px rgb(0 0 0 / 14%) !important;
	background-color: #fff;
}

.testimonialSec .swiper-slide-active {
	transform: scale(1.2) !important;
	position: relative;
	z-index: 1;
	top: -99px;
}

.quote {
	opacity: 0.1;
	width: 30px;
}

.clientPara {
	font-weight: 400;
	font-style: italic;
	line-height: 19px;
	margin: 9px 0px;
	font-size: 13px;
}

.designation {
	color: #4A4946;
	font-size: 12px;
	margin-top: -5px;
	display: block;
	font-weight: 400;
	margin-bottom: 3px;
}

.clientImg {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 15px;
	box-shadow: 0px 11px 26px rgb(0 0 0 / 49%) !important;
	margin-top: 1px;
	margin-bottom: -49px;
	background-position: center;
	background-size: cover;
}

.testimonialSec .swiper-slide-active .clientPara {
	color: #000;
}

.testimonialSec .swiper-slide-active .subHeading {
	color: #335dcb;
}

.testimonialSec .swiper-slide-active .quote {
	opacity: 0.5;
}

.testimonialSec .swiper-slide-active .clientImg {
	box-shadow: 0px 11px 26px rgb(56 102 223 / 90%) !important;
}


/* -------End Testimonial------- */


/* -------Start airport service------- */

.serviceDiv {
	background-color: #fff;
	padding: 15px 15px 9px 15px;
	border-radius: 20px;
	box-shadow: 0px 2px 15px rgb(0 0 0 / 10%) !important;
	display: inline-block;
	width: 100%;
	position: relative;
}

.serviceImg {
	width: 100%;
	object-fit: cover;
	max-width: 100%;
	height: 125px;
	object-position: center 16%;
	border-radius: 15px
}

.serviceDiv .choiceFlagSpan {
	padding: 7px;
	top: 15px;
	left: 29px;
	font-size: 13px;
	color: #fff;
}

.clientDestination {
	color: #335dcb;
	font-weight: 600;
}

.clientDestination span {
	margin-left: 15px;
}

.clientDestination span img {
	margin-left: 15px;
	vertical-align: 0px;
	border-radius: 0;
	margin-right: 2px;
	opacity: 0.7;
}

.serviceDiv .choiceFlagSpan img {
	border-radius: 4px;
	width: 28px;
	margin-right: 6px;
}


.priceKnow span {
	font-weight: 600;
	font-size: 14px;
	flex: auto;
}

.priceKnow span img {
	vertical-align: 0px;
	border-radius: 0;
	opacity: 0.8;
	margin-right: 2px;
	width: 7px;
}


.mySwiperServices .swiper-wrapper {
	padding-bottom: 55px;
}


.servLI1 {
	margin-bottom: 6px;
}


.bestFor {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	background-color: #E5EDFF !important;
	padding: 5px 10px;
	border-radius: 8px;
	margin-top: 9px;
	margin-bottom: 10px;
}


.serviceDiv .knowMore {
	float: right;
}

/* -------End airport service------- */


/* -------Start header------- */

.headerLink {
	display: flex;
}

.headerSec {
	padding: 3px 0px;
	border-bottom: 1px solid rgb(144 144 144 / 25%);
}

.hLink1 {
	flex: auto;
	display: block;
	gap: 0px 5px;
}

.hLink1 a {
	font-size: 16px;
	margin-right: 6px;
	color: #fff;
}

.hLink2 a {
	font-weight: 400;
	font-size: 12px;
	color: #fff;
}

.hLink2 {
	color: #fff;
}

/* -------End header------- */


/* -------Start header menu------- */

.headerMenuUL {
	display: flex;
	align-items: center;
}

.hm_LI1 {
	flex: auto
}

.hm_LI1 img {
	border-radius: 0;
	width: 140px;
}

.hm_LI2 {
	display: flex;
	align-items: center;
}

.headerMenu-sec {
	padding: 10px 0px 0px 0px;
	transition: all 0.8s linear 0s !important;
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease 0s !important;
	border-bottom: 2px solid #fecd00;
	background-color: #fff;
	padding-bottom: 10px;
}

.fixed .sidenav a {
	color: #4A4946;
}

.hm_LI2 .mobileMenu {
	margin-left: 12px;
	display: none;
}

.hm_LI2 span img {
	border-radius: 0;
}

/* The side navigation menu */
.sidenav {
	height: unset;
	width: 100%;
	position: relative;
	z-index: 9;
	top: 0;
	left: 0px;
	background-color: unset;
	padding-top: 0;
	transition: 0.5s;
	display: flex;
	align-items: center;
}


.sidenav a {
	padding: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.sidenav a:hover {
	color: #feb21b;
}

.sidenav .closebtn {
	display: none;
}

#main {
	transition: margin-left .5s;
	padding: 20px;
}

.headerMenu-sec .dropdown .btn-primary {
	background-color: #E5EDFF !important;
	border: 0;
	display: block !important;
	color: #4A4946;
	font-size: 14px;
	letter-spacing: 0.5px;
	border-radius: 50px;
	overflow: hidden;
	height: 34px;
	font-weight: 600;
	transition: all 0.2s ease 0s !important;
	box-shadow: unset;
	outline: none;
	margin-left: 8px;
}

.headerMenu-sec .dropdown-menu>li>a {
	display: block;
	padding: 7px 20px;
	clear: both;
	font-weight: 500;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	border-left: 4px solid #fff;
}

.headerMenu-sec .open>.dropdown-menu {
	display: block;
	border: 0;
	border-radius: 10px;
	margin-top: 1px;
	padding: 10px 0;
}

.headerMenu-sec .dropdown-menu>li>a:focus,
.headerMenu-sec .open>.dropdown-toggle.btn-primary:focus,
.headerMenu-sec .dropdown-menu>li>a:hover,
.headerMenu-sec .dropdown .btn-primary:hover {
	text-decoration: none;
	background-color: #D9E3FF !important;
	border-color: #335DCB;
}

.headerMenu-sec .dropdown-menu>li>a:focus,
.headerMenu-sec .open>.dropdown-toggle.btn-primary:focus {
	color: #4A4946 !important;
}

.spanBal {
	color: #335dcb;
	display: block !important;
	font-weight: 600 !important;
	margin: 0px !important;
}

.headerMenu-sec .dropdown .btn-primary img {
	width: 12px;
}

/* -------End header menu------- */


/* -------Start form menu------- */

.formMenuDiv {
	text-align: center;
	display: block;
	margin: auto;
	margin-bottom: -39px;
}

.formMenu {
	background-color: #fff;
	display: inline-flex;
	justify-content: center;
	padding: 6px 50px 4px 50px;
	border-radius: 15px;
	box-shadow: 0px 4px 6px rgb(203 203 203 / 57%) !important;
}

.formMenu li {
	margin: 0px 15px;
}

.formMenu li a {
	font-weight: 500;
	font-size: 13px;
	position: relative;
	display: inline-block;
	transition: all 0.2s ease 0s;
}

.formMenu li span {
	display: block;
	margin: auto;
	width: 40px;
	height: 40px;
	background-image: url(../img/menuServiceIcon1.svg);
	transition: all 0.6s ease 0s;
	background-size: 385px;
}

.formMenu li a:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 4px;
	background-color: #335dcb;
	position: absolute;
	bottom: -6px;
	left: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all 0.4s ease 0s;
}

.formMenu li a:hover:after,
.formMenu li a.active:after {
	width: 100%;
}

.formMenu li.formli1 span {
	background-position: 0px 0px;

}

.formMenu li.formli1 a:hover span {
	background-position: 0px 0px
}


.formMenu li.formli2 span {
	background-position: -207px 0px
}

.formMenu li.formli2 a:hover span {
	background-position: -139px 0px;
}


.formMenu li.formli3 span {
background-position: -346px 0px;
}

.formMenu li.formli3 a:hover span {
	background-position: -278px 0px;
}


.formMenu li.formli4 span {
	background-position: 317px -66px
}

.formMenu li.formli4 a:hover span {
	background-position: 386px -66px;
}


.formMenu li.formli5 span {
	background-position: -206px -68px
}

.formMenu li.formli5 a:hover span {
	background-position: -137px -68px	
}


.formMenu li.formli6 span {
	background-position: -339px -68px;
}

.formMenu li.formli6 a:hover span {
	background-position: -271px -68px;
}


.formMenu li.formli7 span {
	background-position: -68px -140px;
}

.formMenu li.formli7 a:hover span {
	background-position: 1px -140px;
}

.formMenu li.formli8 span {
	background-position: -206px -140px
}

.formMenu li.formli8 a:hover span {
	background-position: -137px -140px
}

/* -------End form Menu------- */


/* -------Start form------- */


.formSec {
	padding: 0px 30px
}

.formBg {
	padding: 25px 0px 25px 0px;
	border-radius: 25px;
}

.formDiv {
	background-color: #fff;
	padding: 59px 50px 0px 50px;
	border-radius: 15px;
	box-shadow: 0px 4px 18px rgb(255 255 255 / 33%) !important;
}

.form-field-div input,
.form-field-div select {
	width: 101%;
	height: 64px;
	text-indent: 0;
	padding: 19px 15px 11px 15px;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	border: 0px;
	border: 1px solid #DCE0EC;
	margin-bottom: -1px;
	margin-right: -1px;
	background-color: #fff !important;
}

.form-field-div select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url(../img/iconDrops.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
}

.formUL {
	display: flex;
	flex-wrap: wrap;
}

.formUL li {
	width: 33.33%;
}


.formDataUL {
	display: flex;
	flex-wrap: wrap;
}

.formDataUL li {
	width: 25%;
}


.form-field-div {
	position: relative;
}

.form-field-div span {
	position: absolute;
	left: 16px;
	top: 5px;
	font-size: 12px;
	font-weight: 500;
}


.formDiv .btnCenter button {
	padding: 0px 75px;
	margin: auto;
	margin-top: -9px;
}


.formDiv .btnCenter-two button {
	padding: 0px 75px;
	margin: auto;
	margin-top: -9px;
}

.formDiv .btnCenter {
	position: relative;
	top: 28px;
}


.flagSlider {
	margin-top: 50px;
	background-color: rgb(176 176 176 / 30%);
	backdrop-filter: blur(49px);
	-webkit-backdrop-filter: blur(25px);
	border-radius: 28px;
	display: flex;
	align-items: center;
	gap: 0px 15px;
	overflow: hidden;
}

.trendingText {
	background-color: #fff;
	padding: 5px;
	min-width: 180px;
	line-height: 17px;
	text-align: center;
	font-weight: 600;
	padding: 10px 19px;
	border-radius: 30px;
	max-width: 180px;
}

.trendingUL {
	display: flex;
	align-items: center;
	gap: 0px 15px;
	overflow-x: auto;
	flex-wrap: nowrap;
}

.trendingUL li {
	display: flex;
	align-items: center;
	gap: 0px 5px;
}

.trendingUL li img {
	border: 2px solid #fff;
	object-fit: cover;
	border-radius: 30px;
	width: 37px;
}

.trendingUL li span {
	color: #fff;
	font-size: 14px;
	white-space: nowrap;
}

.copyRights {
	text-align: center;
	font-size: 12px;
	background-color: #335dcb;
	color: #fff;
	padding: 8px 5px;
	font-weight: 400;
	line-height: 17px;
}

.footSec {
	padding: 23px 0px 37px 0px !important;
}

.bgOnly {
	position: relative;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

/*.overLay {

  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgb(0 0 0 / 68%),rgb(0 0 0 / 68%), 
    rgb(0 0 0 / 68%)
    );
}
*/
/* -------End form------- */


/* ----------------------Start Index Page----------------------*/


/* ----------------------Start Create Account----------------------*/

.creatAccountUl {
	display: flex;
}

.liLeft {
	height: 100vh;
	position: relative;
	max-width: 600px;
}

.liRight {
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.ca-outer {
	display: flex;
	padding: 16px 20px;
	border-bottom: 1px solid #E0E1E3;
	margin-bottom: 32px;
	align-items: center;
}

.caLogo {
	display: inline-block;
	flex: auto;
}

.caLogo img {
	width: 150px;
}

.caDiv-link {
	display: flex;
	align-items: center;
	gap: 0px 10px;
}

.caDiv-link .link {
	white-space: nowrap;
}


.tabDiv {
	min-width: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

.tabDiv-inner {
	display: inline-flex;
	padding: 8px;
	border: 1px solid #E0E1E3;
	border-radius: 50px;
	gap: 0px 15px;
	background-color: #fff;


}

.tabDiv button {
	height: 40px;
	box-shadow: unset !important;
	min-width: 125px;
}

.tabDiv .inactive {
	opacity: 0.4;
}

.ca-form-outer-div {
	padding: 16px;
}

.ca-form-outer {
	border: 1px solid #E0E1E3;
	padding: 24px 16px;
	border-radius: 20px;
	background-color: #fff;
}

.ca-form {
	flex-wrap: wrap;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 15px;
}

.ca-form .comField {
	width: 48%;
}

.ca-form button {
	width: 100%;
	margin: 16px 0px 8px 0px;
}

.caPara-link {
	text-align: center;
	width: 100%;
}

.caPara-link a {
	font-weight: 600;
	margin-left: 5px;
}

.caFooter {
	text-align: center;
	padding: 5px;
	border-top: 1px solid #E0E1E3;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #F0F1F5;
}

.caFooter a {
	font-weight: 600;
}

.tabDiv-inner a {
	height: 35px;
	line-height: 35px;
	width: 120px;
	text-align: center;
	box-shadow: unset !important;
}

.desk100 {
	width: 100% !important;
}

.forgotPassword {
	float: right;
	width: 100%;
	text-align: right;
	color: #335dcb;
	font-weight: 600;
	margin-top: -6px;
}

.loginUl .liLeft {
	height: 100vh;
}

/* ----------------------Start Create Account----------------------*/


/* ----------------------Start Visa Details----------------------*/


.headerSec-inner {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease 0s !important;
	background-color: #fff;
	padding-bottom: 10px;
}

.vd-Div {
	margin-top: 30px;
	text-align: center;
}

.vd-Div h3 {
	margin-bottom: 12px;
}

.vd-Div h3 span {
	font-weight: 700;
	color: #335DCB;
	font-size: 24px;
}

.vd-Div p {
	display: inline-block;
	padding: 3px 14px;
	background-color: #fff;
	border: 1px dashed #999;
	border-radius: 8px;
	margin-bottom: 20px;
}

.vd-Div p span {
	color: #335dcb;
	font-weight: 600;
}

.vd-Div h4 {
	display: inline-block;
	padding: 8px 25px;
	background-color: #e5edff;
	color: #335dcb;
	border-radius: 8px;
	margin-bottom: 30px;
	margin-top: 6px;
}

.wizardDiv {
	margin-bottom: 30px;
}

.wizardUl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px 65px;
	position: relative;
	align-items: baseline;
}

.wizardUl li {
	flex: 1;
	position: relative;
}

.wizardUl li a {
	width: 40px;
	height: 40px;
	background-color: #D9E3FF;
	line-height: 40px;
	color: #335DCB;
	font-weight: 600;
	display: block;
	margin: auto;
	border-radius: 40px;
	font-size: 18px;
}

.wizardUl li a::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 4px;
	position: absolute;
	background-color: #d9e3ff;
	top: 18px;
	width: 111%;
	left: 58%;
	z-index: -1;
}

.wizardUl :last-child a::after {
	display: none;
}

.wizardUl li span {
	margin-top: 4px;
	display: block;
	color: #6984CB;
	font-size: 14px;
}

.visainfoUl {
	display: flex;
	gap: 0px 16px;
}

.visainfoUl li {
	flex: 1;
	display: inline-block;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #E0E1E3;
	border-radius: 20px;
}

.visainfoUl li h3 {
	margin-bottom: 12px;
	font-size: 20px;
}


.visainfoUl li p {
	color: #343434;
	font-weight: 500;
	display: inline-block;
	width: 100%;
	padding: 8px 0px;
	border-bottom: 1px solid #e0e1e3;
}

.visainfoUl li p span {
	float: right;
	color: #727172;
}

.viAmount {
	font-weight: 600 !important;
	font-size: 15px;
	color: #343434 !important;
}

.viAmount span,
.vi-Right p span {
	font-weight: 600 !important;
	font-size: 15px;
	color: #343434 !important;
}

.visainfoUl li p span img {
	border-radius: 0px;
	vertical-align: 0px;
	margin-right: 2px;
}

.vd-agreeDiv {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.checkOuter {
	flex: 1;
}


.visaInfo-sec {
	margin-bottom: 20px;
}

.visaNote {
	background-color: #ECF0F9;
	padding: 30px 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.headerSec-inner .hLink1 a {
	color: #727172;
}

.headerSec-inner .hLink2 a {
	color: #727172;
}

.headerSec-inner .sidenav a {
	padding: 8px;
	font-size: 14px;
	color: #343434;
	font-weight: 600;
}

.headerSec-inner .sidenav a:hover
{
	color: #feb118 !important;
}

.headerSec-inner.fixed .headerSec {
	display: none;
}

.vsec-div {
	display: flex;
	align-items: center;
	margin-top: 4px;
	margin-bottom: 7px;
}

.vsec-div button {
	height: 34px;
	margin-left: 12px;
	font-size: 14px;
}

.visaInfo-sec .commanHead h2 {
	font-size: 24px;
	margin-bottom: 12px;
}

.visaInfo-sec .headLeft::before {
	background-color: #FEBB27;
}

.visaInfo-sec .clientPoint p {
	margin-bottom: 11px;
}

.visaInfo-sec .bullet {
	margin-bottom: 7px !important;
	font-size: 14px;
}

.impNote {
	margin-bottom: 20px;
}

/* ----------------------End Visa Details----------------------*/


/* ----------------------Start Visa Application----------------------*/

.wizardUl li.active a {
	background-color: #335dcb;
	color: #fff;
}

.wizardUl li.active a::after {
	background-color: #febb27;
}

.wizardUl li.active span {
	color: #335dcb;
	font-weight: 600;
}

.visaForm-section button {
	width: 100%;
}


.visaForm-section-otb button {
	width: 25%;
}

.visaForm-outer,
.visaInner-form {
	display: inline-block;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #E0E1E3;
	border-radius: 20px;
	width: 100%;
}

.visaInner-form {
	border-radius: 16px;
	padding: 20px;
	margin-bottom: 20px;
}

.visaInner-form h3 {
	border-bottom: 1px solid #e0e1e3;
	padding-bottom: 12px;
	margin-bottom: 16px;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.vi-form {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 16px 9px;
	justify-content: space-between;
}

.vi-form .comField {

	width: 32%;
}

.uploadHead {
	margin-top: 20px;
}

.uploadHead h3 span {
	display: block;
}


.file-upload-container {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 0px 15px;
	justify-content: space-between;
	border: 1px solid #E0E1E3;
	padding: 6px 6px 6px 16px;
	border-radius: 50px;
}

.file-upload-button {
    color: #335DCB;
    cursor: pointer;
    font-size: 15px;
    box-shadow: unset !important;
    line-height: 38px;
    background-color: #D9E3FF;
    font-weight: 500;
    border: 1px solid #335DCB;
    padding: 0px 15px;
    height: 40px;
    padding: 0px 25px;
}

.file-name-display {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

.file-upload-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}

.vi-upload .comField {
	width: 49%;
}

.vi-offers h2 {
	font-size: 20px;
}

.vi-offers {
	margin-top: 34px;
}

.vi-offers .sliderControl {
	background-color: #999 !important;
	position: relative;
	width: 109px;
	float: right;
	margin-top: 11px;
	margin-right: -8px;
}

.vi-offers .mySwiperOffer {
	margin-top: 12px;
}

.visaForm-outer {
	margin-bottom: 40px;
}

.vi-Right .vd-agreeDiv button {
	margin-top: 0px;
}

/* ----------------------End Visa Application----------------------*/


/* ----------------------Start Visa Payment----------------------*/
.uploadedDoc {
	display: flex;
	align-items: flex-start;
	gap: 0px 12px;
	flex-wrap: wrap;
}

.uploadedDoc li {
	margin-bottom: 10px;
}

.uploadedDoc img {
	object-fit: contain;
	height: 70px;
	border-radius: 10px;
	border: 1px solid #e0e1e3;
	width: 110px;
}

.uploadedDoc span {
	display: block;
	font-size: 13px;
	font-weight: 600;
}

.editLink {
	float: right;
	font-weight: 600;
	color: #f07014;
	font-size: 15px;
	display: flex;

}

.editLink img {
	width: 20px;
	margin-right: 3px;
	vertical-align: -5px;
}

.addMore {
	margin-top: 10px;
	border-top: 1px solid #e0e1e3;
	padding-top: 16px;
}

.addMore button {
	width: 280px;
	margin: auto;
	background-color: #fff;
	color: #335dcb;
	border: 1px solid #335dcb;
	font-weight: 600;
	box-shadow: unset !important;
}

.visainfowallet {
	margin-bottom: 16px
}

.visainfowallet li {
	background-color: #335dcb;
}

.visainfoUl li .viw-head,
.visainfoUl li .viw-head span {
	font-weight: 700 !important;
	font-size: 20px !important;
	color: #fff !important;
}

.viw-head img {
	vertical-align: -2px !important;
	width: 18px;
	margin-right: -1px !important;
}

.viw-pay img {
	vertical-align: -2px !important;
	width: 15px;
	margin-right: -1px !important;
}

.visainfoUl li .viw-pay,
.visainfoUl li .viw-pay span {
	font-size: 16px !important;
	color: #febb27 !important;
}


.visainfowallet li p {
	padding: 4px 0px;
}

.viw-note {
	font-weight: 400 !important;
	line-height: 19px;
}

.visainfowallet p {
	border: 0px !important;
	color: #fff !important;
}

.visainfowallet button {
	margin: auto;
	background-color: #FEBB27;
	color: #Fff;
	font-weight: 600;
	box-shadow: unset !important;
	width: 100%;
}

.paymentRadio {
	display: flex;
	margin-top: 17px;
	margin-bottom: 26px;
	justify-content: space-between;
	gap: 0px 10px;
}

.paymentRadio .checkOuter {
	flex: auto;
	color: #fff;
	font-weight: 500;
}

.paymentRadio .checkOuter:hover input~.checkmark {
	background-color: #4f77e0;
	border: 1px solid #6d8fe7;
}

.paymentRadio .checkOuter input:checked~.checkmark {
	background-color: #febb27;
	border: 1px solid #febb27;
}

.paymentRadio .checkmark {
	border-radius: 20px;
}

/* ----------------------End Visa Payment----------------------*/


/* ----------------------Start Visa Invoice----------------------*/

.invoiceSec1 {
	margin-top: 50px;
}

.invoiceBtn-ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px 16px;
	margin: 40px 0px;
}

.invoiceBtn-ul li button {
	display: flex !important;
	align-items: center;
	gap: 0px 8px;
	justify-content: center;
	box-shadow: unset !important;

}

.invoicehead_ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E0E1E3;
}


.compDetails-li label {
	color: #222;
	font-size: 16px;
	margin: 4px 0px;
	width: 100%;
}

.compDetails-li img {
	height: 60px;
	display: block;
	margin-bottom: 15px;
	margin-top: 20px;
}

.compDetails-li p {
	color: #343434;
	font-size: 13px;
}

.compDetails-li p span,
.invoiceLable {
	font-weight: 600;
	color: #222;
	font-size: 13px;
}

.inlinePara {
	display: inline-block;
	margin-right: 16px;
}

.invoiceDetails-li h1 {
	text-align: right;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #4D4D4D;
}

.invoiceDetails-li .invoiceInfo-div:last-child {
	border-bottom: 4px solid #4d4d4d;
	padding-bottom: 8px;

}

.invoiceInfo-div {
	display: flex;
}

.invoiceLable {
	flex: 1;
}

.compDetTrav p span {
	display: inline-block;

}

.commDetails {
	padding: 20px;
	background-color: #d9e3ff;
	border-radius: 20px;
}

.commDetails .invoiceInfo-div:last-child {
	border: 0px;
}

.commDetails label {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin-bottom: 7px;
	display: block;

}

.invoiceValue {
	color: #343434;
	font-size: 13px;
}


.invoicebank-ul {
	padding-bottom: 30px;
	border: 0;
}

.invoicebank-ul li.compDetails-li {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 16px;
}

.invoicebank-ul li.compDetails-li label {
	width: 100%;
}

.tableSec {
	margin-bottom: 35px;
}

.invoiceTable {
	width: 100%;
}

.invoiceTable th {
	padding: 12px;
	white-space: nowrap;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
}

.invoiceTable td {
	padding: 5px 15px;
	font-size: 13px;
	font-weight: 500;
}

.custPara {
	line-height: 11px;
	font-size: 13px;
}

.custPara span {
	font-weight: 600;
	font-size: 13px;
	color: #222;
}

.invoiceTable tbody tr {
	background-color: #F7F9FE;
	border-bottom: 1px solid #E0E1E1;
}

.invoiceTable thead tr {
	background-color: #335DCB;
}

.invoiceTable thead tr th:nth-child(2) {
	min-width: 240px;
}

tr.trAmount {
	background-color: #F0F1F5 !important;
}

tr.trAmountblue {
	background-color: #d9e3ff !important;
}

.trAmountblue td[colspan] {
	font-weight: 600;
	font-size: 13px;
	color: #222222;
}

.trAmountblue td[colspan] {
	font-weight: 600;
	font-size: 13px;
	color: #343434;
}

.trAmountblue td[colspan] span {
	font-weight: 600;
	font-size: 13px;
	color: #000000;
	margin-right: 2px;
}

.trAmountblue td:last-child {
	font-weight: 600;
	font-size: 13px;
	color: #000000;
	margin-right: 2px;
}

.subTotal-li {
	padding: 0 !important;
	background-color: #fff;
}

.PayableDiv {
	background-color: #335dcb;
	padding: 12px;
	border-radius: 12px;
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	gap: 0px 20px
}

.PayableDiv span {
	margin: 0;
	white-space: nowrap;
}

.PayableDiv .invoiceLable {
	font-size: 17px;
	color: #fff;
}

.PayableDiv .invoiceValue {
	font-size: 17px;
	color: #fff;
}

.PayableDiv .invoiceValue img {
	border-radius: 0;
	width: 10px;
	vertical-align: -1px;
	margin-right: 3px;
}


.subTotal-li .invoiceInfo-div .invoiceLable {
	font-size: 15px;
}

.subTotal-li .invoiceInfo-div .invoiceValue {
	font-size: 15px;
	font-weight: 500;
}

.subTotal-li .invoiceInfo-div {
	margin-bottom: 4px;
}

.termsUl .invoiceDetails-li label {
	color: #222;
	font-size: 16px;
	margin: 4px 0px;
	width: 100%;
}

.termsUl li {
	display: flex;
	flex-direction: column;
}

.termsUl .invoiceDetails-li {
	align-items: end;
}

.termsUl .invoiceDetails-li img {
	width: 170px;
	margin-top: 8px;
}

/* ----------------------End Visa Invoice----------------------*/


/* ----------------------Start profile section----------------------*/

.cardBorder
{
	border: 1px solid #E0E1E3;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;

}

.ProfileInner
{
  margin: 40px auto;
}

.profileUl
{
  display: flex;
  gap: 0px 20px;

}

.profileLeft
{
  min-width: 330px;
}

.profileRight
{
  width: 100%;
  border: 1px solid #E0E1E3;
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
}

.tahHead
{
  padding-bottom: 14px;
  border-bottom: 1px solid #E0E1E3;
  margin-top: 5px;
}

.partnerInfo
{
  text-align: center;
  background-color: #335DCB;
  padding: 25px 15px;
  border-radius: 15px;
}

.partnerImg
{
  display: inline-block;
  position: relative;
}

.partnerImg a
{
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 3px;
  border-radius: 7px;
  bottom: 38px;
  right: -13px;
  box-shadow: 0px 0px 13px rgba(0,0,0,0.5);
}

.partnerImg a img
{
  width: 20px;
}

.pName
{
  display: block;
  color: #fff;
  margin-top: 14px;
  font-size: 17px;
  font-weight: 500;
}

.pMember
{
  color: #D9E3FF;
  display: inline-block;
  width: 100%;
  padding: 2px 0px;
}

.PartnerStatus
{
  display: flex;
  align-items: center;
  gap: 10px 22px;
  justify-content: center;
}

.PartnerStatus label
{
  display: flex;
  align-items: center;
  gap: 0px 2px;
  font-size: 17px;
  font-weight: 600;
}

.PartnerStatus label img
{
  width: 25px;
}

.pBal
{
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
}

.ProfileTabs .nav-pills
{
  border: 1px solid #E0E1E3;
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
  margin-top: 15px;
  width: 100%;
}

.ProfileTabs .nav-pills .nav-link
{
	color: #4A4946;
}


.ProfileTabs .nav-pills .nav-link.active,
.ProfileTabs .nav-pills .show>.nav-link

{
  color: #335dcb;
  background-color: #D9E3FF;
  font-weight: 600;
}

.ProfileTabs .nav-pills>li>a {
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0px 8px;
  padding: 10px;
}

.tahHead
{
	padding-bottom: 14px;
    border-bottom: 1px solid #E0E1E3;
    margin-top: 5px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myBooking-ul
{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
  justify-content: space-between;
}

.myBooking-ul li
{
  min-width: 48.6%;
  border: 1px solid #E0E1E3;
  padding: 30px 15px;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

.my_Div h3
{
  font-size: 28px;
}


.ProfileInfo_ul
{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px 15px;
}

.ProfileInfo_ul li
{
	width: 48.8%;
    margin-bottom: 15px;
}

.ProfileInfo_ul li .comField
{
width: 100%;
}

.pi_Img
{
	height: 40px;
    display: block;
    margin-top: 10px;
}

.width100 {
    width: 100% !important;
}

.btnDiv button
{
float: right;
}

.myDoc_div
{
display: inline-block;
text-align: center;
}

.myDoc_div img
{
	height: 88px;
    border-radius: 10px;
    border: 1px solid #e0e1e3;
    margin-top: 8px;
    display: block;
    margin-bottom: 2px;
}

.myDoc_div label
{
	font-weight: 600;
}


/* ----------------------End profile section----------------------*/


/* ----------------------Start Application Summary----------------------*/

.appSummary-sec
{
    padding: 30px 15px;
}

table {
    background-color: transparent;
    width: 100% !important;
}

.table-responsive .dt-bootstrap5 .row
{
	--bs-gutter-x: 0rem !important;
}

.table thead tr th >.dt-column-title
{
color: #fff;
font-size: 12px;
}



.table thead tr
{
    background-color: #335DCB;
}

.table thead tr th
{
	padding: 10px 5px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
}

.table tbody tr td
{
	padding: 10px 5px;
    font-weight: 500;
    font-size: 12px;
}

.table tbody tr
{
	border-bottom: 1px solid #e0e1e3;
}

.table tbody tr:last-child
{
	border-bottom: 0px
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #335dcb;
    border-color: #335dcb;
}

.page-link
{
	color: #335dcb;	
}

.dt-info
{
	font-size: 13px;
    font-weight: 500;
}



.searchUl
{
	display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.appsummaryOuter .table-responsive {
    margin-bottom: 0px !important;
}

.pagination-sm>li>a, 
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 6px !important;
    margin: 0px 3px;
    color: #727172;
    font-weight: 600;
    min-width: 30px;
    text-align: center;
}

.pagination-sm>li>a.active
{
    background-color: #335dcb;
    border: 1px solid #335dcb;
    color: #fff;
}

.as-searchDiv
{
    display: inline-block;
    position: relative;
}

.as-searchDiv img
{
    position: absolute;
    left: 10px;
    top: 7px;
    width: 22px;
}

.as-searchDiv input, .as-searchDiv select
{
    border: 1px solid #e0e1e3;
    border-radius: 6px;
    padding: 5px 15px 5px 35px;
    font-weight: 500;
    font-size: 13px;
    width: 140px;
    height: 35px;
	outline: none;
    box-shadow: unset !important;
}

.as-searchDiv select
{
	padding: 5px 3px 5px 10px;
    width: 94px;	
}

.as-searchDiv input:focus
{
	border: 1px solid #E0E1E3;
	background-color: #F0F1F5;
}

.aph-name
{
    min-width: 190px;
}

.btnView, .btnBell
{
	display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 33px;
    background-color: #D9E3FF;
    border-radius: 4px;
	position: relative;
}

.btnView img, .btnBell img
{
	height: 23px;
}

.btnBell
{
background-color: #F9EDC2;
}

.childLink, .singleApp
{
	display: inline-block;
    padding: 3px 9px;
    border: 1px solid #32CA6F !important;
    min-width: 90px;
    text-align: center;
    color: #32CA6F !important;
    border-radius: 5px;
    font-weight: 600;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600 !important;
}

.childLink[aria-expanded="true"], .childLink:hover  {
	color: #fff !important;
	background-color: #32CA6F;	/* Your styles here */
}

.singleApp
{
color: #335DCB !important;
border: 1px solid #335DCB !important;
}

.singleApp[aria-expanded="true"], .singleApp:hover
{
	color: #fff !important;
	background-color: #335DCB !important;
}

.childtr thead tr th
{
	color: #335DCB;
}

.childtr
{
	border: 1px solid #e0e1e3;	
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0rem;
}

.notificationAlert::after
{
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    background-color: #fe4c27;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #f9edc2;
    right: 8px;
    top: 5px;
}

.tableSearch input
{
	width: 200px;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0rem;
    overflow-x: auto;
}


/* ----------------------End Application Summary----------------------*/


.ca_img
{
width: 100%;
}

.creatSection
{
    margin-top: 45px;
}



.processPara
{
	text-align: center;
    width: 770px;
    margin: auto;
}

.hww_ul
{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    position: relative;
    padding: 0px 15px;
}

.hww_ul li
{
	flex: 1;
}

.hwwSpan
{
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #E0E1E3;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 13px 9px rgba(0,0,0,0.1);
    margin-bottom: -45px;
}

.hwwDiv
{
	border: 1px solid #E0E1E3;
    padding: 69px 15px 15px 15px;
    border-radius: 20px;
    background-color: #fff;
}

.hwwPara
{
	width: 170px;
    margin: auto;
    line-height: 20px;
    margin-top: 9px;
}

.blueRect
{    display: inline-block;
    width: 100%;
    height: 130px;
    background-color: #335dcb;
    border-radius: 20px;
    margin-top: -120px;	
}

.whyUs
{
    margin: 50px 0px;
}

.whyus_ul
{
    display: flex;
    align-items: baseline;
    gap: 15px;
    text-align: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.whyus_LI
{
    flex: 1;
}

.wuImg
{
	width: 100%;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.whyUs_div
{
	border: 1px solid #E0E1E3;
    padding: 15px;
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

h4.hwwSteps {
    font-size: 18px;
}

.wuHead
{
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: 4px;
}

.wuPara
{
	margin: auto;
    line-height: 22px;
    margin-top: 9px;
	min-width: 220px;
}

.whyus_LI_rev
{
	display: flex;
    flex-direction: column-reverse;
}

.whyus_LI_rev .whyUs_div
{
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.whyus_LI_rev .wuImg
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}



/*---- New CSS For Fome page------*/

.headerMenu-secNew
{
	padding: 16px 0px 16px 0px;
    transition: all 0.8s linear 0s !important;
    border-top: 4px solid #febb27;
    background-color: #fff;
}

.headerMenu-secNew .sidenav a
{
	color: #4A4946;
    font-weight: 500;
	padding: 8px 16px;
}

.formSecNew .formMenuDiv
{
	margin-bottom: 0px;
}

.formSecNew .formMenu
{
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #335dcb;
    box-shadow: unset !important;
}

.formSecNew .formMenu li a:after
{
	background-color: unset;
}

.formSecNew .formDiv {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    border-radius: 25px;
    box-shadow: 0px 4px 18px rgb(255 255 255 / 33%) !important;
    border: 8px solid #335dcb;
}

.formSecNew .formDiv .btnCenter {
    position: relative;
    top: 58px;
}

.formSecNew .btnCenter button {
	margin-top: -29px;
    border-radius: 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 18px;
}

.formSecNew .formMenu li a
{
color: #fff !important;
}

.formSecNew .formMenu li a.active {
    color: #ffc107 !important
}

.tceVisa_div
{
    border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 40px;
	display: inline-flex;
	width: 100%;
}

.tceVisa_div span
{
	display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #dddddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
}

.tceVisa_div label
{
    font-weight: 500;
	font-size: 16px;
	color: #343434;
	white-space: nowrap;
}

.tceVisa_div:hover label
{
	color: #335DCB;
}

.tceVisa_div:hover
{
border-color:#335DCB;
background-color: #fff;
}

.tceVisa_div a
{
	display: inline-flex;
    align-items: center;
	gap: 10px;
}

.formSecNew .formBg
{
    margin-bottom: 60px;
}

.mySwiperOffer .swiper-wrapper
{
	text-align: center;
}

.serviceNew .servLI1 span
{
	line-height: 20px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 11px;
    font-size: 14px;
    font-weight: 400;
}

.serviceNew .serviceDiv .knowMore {
    float: right;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.servBtnDiv button
{
margin: auto;
}

.servBtnDiv
{
	text-align: center;
    margin-top: 12px;
}



    .radio-group {
      display: flex;
      flex-direction: column;
      gap: 12px;
      max-width: 300px;
    }

    .radio-item {
	display: flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 68px;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    }

    .radio-item:hover {
 border-color: #004a99;
      background-color: #fff;
	  box-shadow: 0px 7px 15px rgb(0 0 0 / 20%) !important;
    }

    .radio-item input[type="radio"] {
      display: none;
    }

    .radio-item input[type="radio"]:checked + .radio-custom {
      background-color: #335DCB;
      border-color: #004a99;
    }

    .radio-label {
      font-size: 16px;
      color: #333;
      transition: color 0.3s ease;
    }

    .radio-item input[type="radio"]:checked ~ .radio-label {
      color: #335DCB;
    }

    .radio-item input[type="radio"]:checked ~ .radio-custom {
      background-color: #335DCB;
      border-color: #004a99;
    }

    .radio-item:has(input[type="radio"]:checked) {
      border-color: #004a99;
      background-color: #fff;
	  box-shadow: 0px 7px 15px rgb(0 0 0 / 20%) !important;
    }

	.airportServUL
	{
		margin-top: 16px;
	}

	.airportServUL .radio-group {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 21px;
		margin: 10px 0px;
		flex-direction: unset;
		max-width: unset;
		width: 100%;
	}

	.radio-group2 .radio-label
	{
	color: #727172;
	}

	.radio-group2 .radio-item:has(input[type="radio"]:checked) {
		box-shadow: unset !important;
		background-color: transparent !important;
	}

   .radio-group2 .radio-item:hover {
 		border-color: #004a99;
      	background-color: transparent !important;
		box-shadow: unset !important;
	}


	.airservUL
	{
		display: flex;
		gap: 32px 22px;
		flex-wrap: wrap;
		margin: 20px 0px 40px 0px;
	}

	.airservUL li
	{
		flex: 0 0 49%;
	}

	.asOuterDiv
	{
		display: flex;
		gap: 10px;
		border: 1px solid #ddd;
		padding: 10px;
		border-radius: 14px;
		background-color: #fff;
	}

	.asImg
	{
		width: 130px;
		height: 94px;
		object-fit: cover;
		border-radius: 10px;
	}

	.asInnerDiv label
	{
		font-weight: 500;
		font-size: 18px;
		color: #222;	
	}

	.asInnerDiv p
	{
		position: relative;
		font-size: 12px;
		font-weight: 400;
		padding-left: 13px;
	}

	.asInnerDiv p::before
	{
		content: "";
		display: inline-block;
		position: absolute;
		width: 7px;
		height: 7px;
		background-color: #444;
		top: 8px;
		border-radius: 7px;
		left: 0px;
	}

	.asPrice
	{
		text-align: center;
	}

	.asPrice label
	{
		    font-weight: 500;
    font-size: 18px;
    color: #222;
	}

	.asPrice label img
	{
    width: 8px;
    border-radius: 0px;
    vertical-align: 0px;
    margin-right: 2px;
	}

	.asPrice span
	{
		display: block;
    font-size: 12px;
    color: #727172;
	}

	.asPrice button
	{
	font-size: 14px;
    padding: 7px 16px;
    height: 38px;
    margin-top: 5px;
	}

	.offersSelDiv{
	border: 1px solid #ddd;
    padding: 6px 15px;
    display: inline-block;
    border-radius: 50px;
    min-width: 160px;
	}

	.offersSelDiv span{
display: block;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: -4px;
	}

	.offersSelDiv select{
    border: 0;
    width: 100%;
    font-size: 14px;
	background-color: transparent;
	}

	.comboOfferDiv
	{
		display: flex;
    	gap: 25px;
	}

	.sightseeingSecNew .sliderImg
	{
		height: 220px !important;
	}

	.nav-tabs-explore
	{
		display: flex;
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0px;
		padding: 8px;
		gap: 16px;
	}

	.nav-tabs-explore .nav-link
	{
		display: flex;
		align-items: center;
		padding: 8px 16px;
		border: 1px solid #ccc;
		border-radius: 68px;
		cursor: pointer;
		transition: all 0.3s ease;
		user-select: none;
		color: #333;
		font-size: 16px;
	}

	.nav-tabs-explore .nav-link.active,
	.nav-tabs-explore .nav-link:hover
	{
	border-color: #004a99;
    background-color: #fff;
    box-shadow: 0px 7px 15px rgb(0 0 0 / 20%) !important;
	color: #335DCB;
	}

	.exploreUL
	{
	display: flex;
    gap: 20px;
    justify-content: space-between;
	}

	.exploreUL li
	{
		flex: 0 0 32%;
	}

	.sightseeingSecNew .swiper-pagination
	{
    bottom: 70px;
	}


























/*---- New CSS For Fome page------*/