<!--
*****************************************************
*Created By		: Shilpa S
*Created On	    : 16/09/2022
*Description	: Cruises (5 Nos) added
*Work Id		: TRV022000030_W
*****************************************************
*Modified By	: Shilpa S
*Created On	    : 27/09/2022
*Description	: Created ImageSlider on Top
*Work Id		: TRV022000030_W
*****************************************************
*Modified By	: Shilpa S
*Created On	    : 03/11/2022 (03112022)
*Description	: Added meta title and descriptions, set all main headings as h1
*Work Id		: TRV022000045_W
*****************************************************
*Modified By	: Shilpa S
*Created On	    : 29/11/2022
*Description	: Changes for TRANSPORT SECURITY AND CONTENT SECURITY
*Work Id		: TRV022000050_W
*****************************************************
*Modified By	: AJITH PV
*Created On	    : 24/02/2023(24022023)
*Description	: Added NEW SECTION LATEST AND TRENDING BLOGS IN TRAVEL WEBSITE & ALSO WHATSAPP & CALL OPTION
*Work Id		: TRV022000010_W
*****************************************************
*Modified By	: ANANDHAKRISHNAN V A
*Created On	    : 01/NOV/2023
*Description	: Fixed Several UI Issues
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 10 JAN 2024
*Description	: UPDATED BANNER IMAGE
*Work Id		: TRV023000034_W
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 12 JAN 2024
*Description	: REMOVED EXPIRED BANNER IMAGE
*Work Id		: TRV023000034_W
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 22 JAN 2024 (22012024)
*Description	: Included Live Chat Option (Tawk)
*Work Id		: TRV024000013_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 19 FEB 2024
*Description	: UPDATED AKASA BANNER IMAGE
*Work Id		: WSM024000029_I
*****************************************************
*Modified By	: JOE TONEY
*Modified On	: 24 FEB 2024 (26022024)
*Description	: UPDATED NEW SUADI ARABIA BANNER
*Work Id		: TRV024000048_I 
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 29 FEB 2024
*Description	: UPDATED THAI AIRWAYS IMAGE
*Work Id		: WSM024000032_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 02 MARCH 2024
*Description	: UPDATED AKASA AIRLINES IMAGE
*Work Id		: WSM024000034_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 05 MAR 2024
*Description	: UPDATED QATAR AIRWAYS IMAGE
*Work Id		: WSM024000038_I
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 09 FEB 2024 (09022024)
*Description	: Customer Login via Google Accounts (Google API Integration), Mobile OTP (CRM/PCT Fetch) & Other email accounts (CRM/PCT Fetch)
*Work Id		: TRV024000003_W
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 07 MAR 2024 (09022024)
*Description	: GOOGLE CLIENT ID CHANGE
*Work Id		: TRV024000064_I
*****************************************************
*Modified By	: Joe Toney
*Modified On	: 20 MAR 2024 (09022024)
*Description	: Added travel awards page
*Work Id		: 
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 04 JUNE 2024 (04062024)
*Description	: Customer  Flight booking SSO Login
*Work Id		: TRV024000023_W
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 21 JUNE 2024 (21062024)
*Description	: OTP verification for other mail accounts customer login
*Work Id		: TRV024000175_I
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 18 JULY 2024 (18072024)
*Description	: Click on flights route to voyager.unimonitravel.com
*Work Id		: TRV024000203_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 24 JULY 2024
*Description	: MALAYSIAN BANNER IMAGE UPDATION
*Work Id		: WSM024000129_I
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 26 JULY 2024 (26072024)
*Description	: Routing to voyager.unimonitravel.com issue in mobile view
*Work Id		: TRV024000211_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 08 Aug 2024
*Description	: UPDATED INDIGO AIRLINES IMAGE
*Work Id		: WSM024000136_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 08 Aug 2024
*Description	: UPDATED AKASA AIRWAYS IMAGE
*Work Id		: WSM024000137_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 13 Aug 2024
*Description	: UPDATED QATAR AIRWAYS IMAGE
*Work Id		: WSM024000142_I
*****************************************************
*Modified By	: SHILPA S
*Modified On	: 21 Aug 2024 (21082024)
*Description	: Included HOTELS and VISA (Online)
*Work Id		: TRV024000237_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 28 Aug 2024
*Description	: UPDATED HEADER WITH NEW LOGO
*Work Id		: WSM024000152_I
*****************************************************
*Modified By	: AJITH PV
*Modified On	: 11 Sep 2024
*Description	: LAYOUT change
*Work Id		: TRV024000258_I 
*****************************************************
*Modified By	: AJITH PV
*Modified On	: 14 Oct 2024
*Description	: Bus page & profile menu added
*Work Id		: TRV024000280_I 
*****************************************************
*Modified By	: AJITH PV
*Modified On	: 21 Oct 2024
*Description	: Banner Updation & Plan aTrip enabled
*Work Id		: TRV024000286_I 
*******************************************************
*Modified By   : AJITH PV
*Modified On  : 23 Oct 2024 (23102024)
*Description  : login redirection added in plan a trip
*Work Id	  : TRV024000290_I
*****************************************************
*Modified By	: LINCE JOSEPH
*Modified On	: 12 Sep 2024
*Description	: HOME PAGE SLIDER FETCHING FROM REDIS WITH KEY
*Work Id		: WSM024000160_I 
*****************************************************
* Created By	: AJITH PV
* Created On	: Dec 11 2024
* Description	: Visa SSO Login
* Work Id		: TRV024000060_W
*******************************************************
* Modified By   : AJITH PV
* Modified On   : 10 Feb 2025 (10022025)
* Description   : captures user interactions on the webpage in Big Data system via an API
* Work Id	    : TRV025000011_W
*******************************************************
* Modified By   : AJITH PV
* Modified On   : 20 Mar 2025 (20032025)
* Description   : WELCOME E MAIL FOR UNIMONI TRAVEL .COM CUSTOMERS
* Work Id	    : TRV025000011_W
*******************************************************
* Modified By   : AJITH PV
* Modified On   : 15 Apr 2025 (15042025)
* Description   : Centralized API calls and integrated it across all B2C website functions
* Work Id	    : TRV025000032_W
-----------------------------------------------------
-->

<!DOCTYPE html>
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
	<head>
	
	
		<!-- Google Tag Manager --> <!-- 14102022 -->
		<script>
			(function(w,d,s,l,i){
				w[l]=w[l]||[];
				w[l].push({'gtm.start':
				new Date().getTime(),event:'gtm.js'});
				var f=d.getElementsByTagName(s)[0],
				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
				j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
				f.parentNode.insertBefore(j,f);
			})
			(window,document,'script','dataLayer','GTM-M2566SL');
		</script>
		<!-- End Google Tag Manager -->
		<!-- Google tag (gtag.js) -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10795822401"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'AW-10795822401');
		</script>
		<!--Start of Tawk.to Script--> <!--22012024-->
		<script type="text/javascript">
			var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
			Tawk_API.customStyle = {
			visibility : {
				
				mobile : {
					position : 'br',
					xOffset : 0,
					
					yOffset : 76
				},
				bubble : {
					rotate : '0deg',
					xOffset : -20,
					yOffset : 0
				}
			}
		};
			(function(){
				var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
				s1.async=true;
				s1.src='https://embed.tawk.to/6593aa9d0ff6374032bb10a5/1hj4d4ug9';
				s1.charset='UTF-8';
				s1.setAttribute('crossorigin','*');
				s0.parentNode.insertBefore(s1,s0);
			})();
		</script>
		<!--End of Tawk.to Script-->		
		<meta charset="utf-8">
		<title>Cheap Flight Ticket Booking, 50% OFF On Holidays Booking</title>
		<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> <!-- 03112022 -->
		<meta name="Title" content="Cheap Flight Ticket Booking, 50% OFF On Holidays Booking">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Book Cheap Flight Tickets, Get 50% off on Your International & Domestic Holiday Package Booking From India's No1 Travel & Holiday Company. Visa Assistance to Any Countries & Certificate Attestation."/>
		<meta name="author" content="Unimoni Travel"/>    
		<meta name="keywords" content="Cheapest Flight Booking, Best Holiday Packages, International Holiday Booking, Tour Booking, Domestic Tour Booking, Munnar Tour Packages, Maldives tour Package, Dubai Tour Packages, Malaysia Singapore Tour Packages, Bangkok Tour Packages."/>
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:site" content="@UnimoniTravel">
		<meta name="twitter:title" content="Cheap Flight Ticket Booking, 50% OFF On Holidays Booking">
		<meta name="twitter:description" content="Book Cheap Flight Tickets, Get 50% off on Your International & Domestic Holiday Package Booking From India's No1 Travel & Holiday Company. Visa Assistance to Any Countries & Certificate Attestation. ">
		<meta name="twitter:image" content="https://www.unimonitravel.com/Home/images/slider/0slider.webp">
		<meta property="og:title" content="Cheap Flight Ticket Booking, 50% OFF On Holidays Booking">
		<meta property="og:site_name" content="unimonitravel">
		<meta property="og:url" content="https://www.unimonitravel.com/">
		<meta property="og:description" content="Book Cheap Flight Tickets, Get 50% off on Your International & Domestic Holiday Package Booking From India's No1 Travel & Holiday Company. Visa Assistance to Any Countries & Certificate Attestation. ">
		<meta property="og:type" content="website">
		<meta property="og:image" content="https://www.unimonitravel.com/Home/images/slider/0slider.webp">
		<!-- Favicon -->
		<!--  <link rel="apple-touch-icon-precomposed" href="Home/ico/apple-touch-icon-144-precomposed.png">-->
		<link rel="shortcut icon" href="Home/ico/logo.png">
		<!-- Font Icon -->
		<link href="Home/css/plugin/font-awesome.min.css" rel="stylesheet" type="text/css">
		<!-- CSS Global -->
		<link rel='stylesheet' href='Home/css/plugin/bootstrap.min.css'>
		<link rel='stylesheet' href='Home/css/plugin/bootstrap-select.min.css'>
		<link rel='stylesheet' href='Home/css/plugin/datepicker.css'>
		<link rel='stylesheet' href='Home/css/plugin/owl.carousel.min.css'>
		<link rel='stylesheet' href='Home/css/plugin/animate.css'>
		<link rel="stylesheet" type="text/css" href="fradent/css/style_min.css">
		<link rel='stylesheet' href='Home/unimoni-travel-widget/css/style.css'>
		<link href="Home/css/plugin/magnify.css" rel="stylesheet" type="text/css">
		<!-- Custom CSS -->
		<link href="Home/css/style.css" rel="stylesheet" type="text/css">
		<!-- Color CSS -->
		<link href="Home/css/multicolors/theme-color.css" rel="stylesheet" id="theme-config-link">    
		<!-- 03112022 Start-->
		<script src="js/CustLogin.js"></script>

		<script type="application/ld+json">  
			{
				"@context": "https://schema.org/",
				"@type": "WebSite",
				"name": "Unimoni Travel & Holidays",
				"url": "https://www.unimonitravel.com/",
				"potentialAction": {
					"@type": "SearchAction",
					"target": "{search_term_string}",
					"query-input": "required name=search_term_string"
				}
			}
		</script>
		<script type="application/ld+json">
			{
				"@context": "https://schema.org",
				"@type": "Organization",
				"name": "Unimoni Travel & Holidays",
				"alternateName": "Unimoni Travel & Holidays",
				"url": "https://www.unimonitravel.com/",
				"logo": "https://www.unimonitravel.com/Home/images/logo/Unimoni_Travel_Logo1.png",
				"sameAs": [
					"https://www.facebook.com/unimoni.travel/",
					"https://twitter.com/UnimoniTravel",
					"https://www.instagram.com/unimonitravel/",
					"https://www.unimonitravel.com/"
				]
			}
		</script>
		<script type="application/ld+json">
			{
				"@context": "https://schema.org",
				"@type": "TravelAgency",
				"name": "Unimoni Travel & Holidays",
				"image": "https://www.unimonitravel.com/Home/images/logo/Unimoni_Travel_Logo1.png",
				"@id": "https://www.unimonitravel.com/Home/images/logo/Unimoni_Travel_Logo1.png",
				"url": "https://www.unimonitravel.com/",
				"telephone": "1800 102 0555",
				"priceRange": "3000 - 350000",
				"address": {
					"@type": "PostalAddress",
					"streetAddress": "4th Floor, Habeeb Tower, Mahathma Gandhi Rd, Kochi, Kerala 682011",
					"addressLocality": "Ernakulam",
					"postalCode": "682011",
					"addressCountry": "IN"
				},
				"geo": {
					"@type": "GeoCoordinates",
					"latitude": 9.9745073,
					"longitude": 76.2848444
				},
				"openingHoursSpecification": {
					"@type": "OpeningHoursSpecification",
					"dayOfWeek": [
						"Monday",
						"Tuesday",
						"Wednesday",
						"Thursday",
						"Friday",
						"Saturday",
						"Sunday"
					],
					"opens": "00:00",
					"closes": "23:59"
				},
				"sameAs": [
					"https://www.facebook.com/unimoni.travel/",
					"https://twitter.com/UnimoniTravel",
					"https://www.instagram.com/unimonitravel/",
					"https://www.unimonitravel.com/"
				] 
			}
		</script>
		<!-- 03112022 End-->
		 <style>
		 /* Disable scrolling */
		.no-scroll {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
        /* Disable scrolling */
        body.no-scroll {
            overflow: hidden;
        }
        /* Popup Styling */
        #location-popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            text-align: center;
            display: none; /* Hidden initially */
            z-index: 1000;
        }
		.allow-btn {
			width: 100%;
			background-color: white;
			color: #1a73e8;
			border: 1px solid #b7babf;
			font-size: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 10px 15px;
			gap: 8px;
			cursor: pointer;
			border-radius: 21px;
		}
		/* SVG Icon inside button */
		.allow-btn svg {
			width: 18px;
			height: 18px;		   
		}
		.location-icon {
			width: 18px;
			height: 18px;
		}		
        .popup-btn {
            //margin: 10px;
            padding: 10px;
           // border: none;
            cursor: pointer;
            font-size: 16px;
        }       
        .deny-btn {
			background-color: #ffffff;
			color: #1a73e8;
			border: 1px solid #82878f;
			border-radius: 21px;
			width: 100%;
		}
        /* Background overlay */
        #overlays {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            //display: none;
            z-index: 999;
        }
    </style>
		<style>
					.container3 {
						max-width: 100%;
						/*margin-top: 30px;*/
						height: auto;
						position: relative;
						text-align: justify;
						color: white;
						font-size: 15px;
						background-image: linear-gradient(to bottom right, #0c0928, #0d3864);
					}

					#studyabroad_title {
						color: white;
						font-family: 'Poppins', sans-serif !important;
						margin-top: 15px;
						font-weight:500!important;
					}

					.cashback img {
						padding: 10px;
						position: relative;
						width: 620px;
						max-height: 350px;
						border-radius: 20px;
					}

					@media screen and (min-width: 767px) {
						.btn-primary {
							float: right;
							margin-right: 50px;
							padding:6px 25px;
						}

						.cashback img {
							padding: 0px;
							margin-left: 27px;
							margin-top: 21px;
						}
					}

					@media screen and (max-width: 767px) {
						.btn-primary {
							float: right;
						}
					}

					.normalUls {
						font-size: 17px;
						align: left;
					}

					.normalUls li {
						font-family: 'Poppins', sans-serif !important;
						font-size: 14px;
						list-style-type: circle;
						margin-left:43px;
					}

.list_items {
	list-style-type: style circle;
	font-size: 12px;
	margin-left: 20px;
	color: white;
	padding-bottom: 5px;
}

.slick-dots li.slick-active button {
	display: none !important;
}

.slick-dots {
	display: none !important;
}

.container1 .container2 {
	max-width: 1170px;
	padding-left: 15px;
	padding-right: 15px;
}

@media only screen and (min-width: 767px) {
	span.fa-solid.fa-bus {
		font-size: x-large !important;
	}

	span.demo-icon.icon.icon-charter_flights.card {
		font-size: x-large;
	}

	span.fas.fa-hotel.card {
		font-size: x-large !important;
	}

	span.demo-icon.icon.icon-holidays.card {
		font-size: x-large !important;
		margin-left: 0px;
	}

	span.demo-icon.icon.icon-ecash.card {
		font-size: x-large !important;
	}

	.info-top1 {
		border-bottom: 3px solid rgba(255, 255, 255, 0.5);
		left: 15%;
		padding-bottom: 15px;
		padding-right: 40px;
		position: absolute;
		top: 10%;
		margin-top: -32px;
	}

	.info-top2 {
		border-bottom: 3px solid rgba(255, 255, 255, 0.5);
		left: 15%;
		padding-bottom: 15px;
		padding-right: 40px;
		position: absolute;
		top: 10%;
		margin-top: 320px;
	}

	.info-top3 {
		border-bottom: 3px solid rgba(255, 255, 255, 0.5);
		left: 15%;
		padding-bottom: 15px;
		padding-right: 40px;
		position: absolute;
		top: 10%;
		margin-top: 22px;
	}

	.info-bottom1 {
		margin-bottom: 406px;
	}

	.sec-space1 {
		padding-bottom: 0px;
	}

	#cruise_destinations {
		margin-top: 40px;
	}

	#whiteline_star {
		padding-bottom: 55px;
	}

	#whiteline_cordelia {
		padding-bottom: 55px;
	}

	.How_we_stand>p {
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		margin: 12px 0 0 0;
		line-height: 30px !important;
		/* padding-bottom: 10px;*/
	}
}

.How_we_stand>p {
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	margin: 12px 0 0 0;
	line-height: 30px !important;
}

@media only screen and (max-width: 767px) {
	.title-wrap2 .left {
		margin-bottom: 440px !important;
	}
}

@media only screen and (max-width: 767px) {
	.fa {
		line-height: 32px !important;
		margin-bottom: 5px;
		margin-top: -7px;
	}

	#cruise_para,
	#cordelia_title,
	#star_title,
	#dream_title {
		margin-left: 10px;
	}

	.tbl-wrp .tbl-cell {
		display: flex;
	}

	.best-place-slider .info-bottom1 {
		padding-bottom: 122px !important;
	}
}

.title-wrap .dash-style {
	padding-left: 85px;
	position: relative;
}

.title-wrap .dash-style:before {
	background-color: #19ade4;
	content: "";
	height: 2px;
	width: 70px;
	margin-left: 25px;
	position: absolute;
	left: 0;
	top: 50%;
}

.best-place-menu .list-unstyled a {
	opacity: 1 !important;
}

@media only screen and (min-width: 767px) {
	.title-wrap .dash-style:before {
		margin-left: 420px;
	}

}

@media only screen and (max-width: 767px) {
	.section-heading {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*
			<!-- To Avoid showing Unable to preventDefault inside passive event listener due to target being treated as passive.-->
			.owl-carousel {
				-ms-touch-action: none;
				touch-action: none;
			}*/
@media only screen and (min-width: 767px) {
	.icon-charter_flights {
		content: "\E845";
		//margin-left: 4px;
		font-size: large;
	}

	.icon-holidays {
		content: "\E810";
		margin-left: 20px;
		font-size: large;
	}

	.icon-ecash {
		content: "\E82E";
		margin-left: 4px;
		font-size: large;
	}

	.fa-solid {
		//margin-left: 8px !important;
		font-size: large;
	}

	.fa-phone {
		margin-left: 37px !important;
	}

	.fa-user {
		margin-left: 25px !important;
	}

	.fa-envelope {
		//margin-left: 35px;
		font-size: large;
	}
}

* {
	box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -50px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.slidedot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.slideactive,
.slidedot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	animation-name: fade;
	animation-duration: 50001.5s;
}

@keyframes fade {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.modal-content {
	padding-bottom: 45px !important;
}

.modal-header {
	display: flex;
}

#cbn_footer {
	text-align: center;
	margin-top: 30px;
}

#cbn_customer_name {
	margin-top: 68px;
}

.cbn_row {
	text-align: center;
}

#cbn_title {
	color: white;
}

.modal-header .close {
	margin-left: 20px !important;
}

@media only screen and (min-width: 767px) {
	#cbn_footer {
		margin-top: 420px;
	}

	#cbn_submit {
		margin-right: -140px;
		margin-top: 9px;
	}

	#cbn_customer_name,
	#cbn_email_id {
		margin-top: 68px;
	}

	#mobile_no {
		margin-left: -134px;
		width: 160%;
	}

	#cbn_remarks {
		width: 123%;
	}

	#cbn_city {
		width: 123%;
		margin-left: -44px;
	}

	#cbn_travellers {
		padding-top: 10px;
	}

	#datepicker {
		margin-left: 45px;
		width: 160%;
	}

	.modal-header .close {
		margin-left: 165px !important;
		opacity: 1 !important;
		color: white !important;
		font-weight: 100 !important;
	}

	.fw-500 .fsz-12 {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 768px) {
	.phone-call {
		width: 33px;
		height: 20%;
		left: 75%;
		bottom: 52%;
		//background: #00a7e0;
		position: absolute;
		text-align: center;
		color: #ffffff;
		cursor: pointer;
		border-radius: 50%;
		z-index: 99;
		display: inline-block;
	}

	.web {
		display: none !important;
	}

	.best-place-slider .price ins {
		font-size: 20px;
		font-weight: 600;
		text-decoration: none;
		margin-top: -5px;
	}

	.cruise_rate {
		display: flex;
	}

	#crystal_p {
		padding-bottom: 48px;
	}

	.owl-carousel .owl-item img {
		width: auto;
		height: auto;
	}

	.best-place-slider .hotel-feature li span {
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
		margin-top: 8px;
		margin-left: 10px;
	}
}

#cbn_isdcode {
	display: none;
}

.modal-header .close {
	opacity: 1 !important;
	color: white !important;
	font-weight: 100 !important;
}

.fa-facebook:hover {
	color: #28b3e5 !important;
}

.fa-twitter:hover {
	color: #28b3e5 !important;
}

.fa-instagram:hover {
	color: #28b3e5 !important;
}

.social-icons>li a:hover {
	border: 1px solid #25479e;
}

.best-place-slider .list-unstyled li a {
	font-size: 17px !important;
	font-weight: 600 !important;
}

label {
	color: white;
	font-weight: 400;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

/* Full-width input fields */
input[type=text],
input[type=password] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* Set a style for all buttons */


button:hover {
	opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
	width: auto;
	padding: 10px 18px;
	background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
	text-align: center;
	margin: 20px 0 12px 0;
	position: relative;
}

img.avatar {
	width: 40%;
	border-radius: 50%;
}


span.psw {
	float: right;
	padding-top: 16px;
}

/* The Modal (background) */
/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 5% auto 15% auto;
	/* 5% from the top, 15% from the bottom and centered */
	border: 1px solid #888;
	width: 18%;
	/* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
	position: absolute;
	right: 8px;
	top: -25px;
	color: #000;
	font-size: 35px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: red;
	cursor: pointer;
}

/* Add Zoom Animation */
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes animatezoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
	span.psw {
		display: block;
		float: none;
	}

	.cancelbtn {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.modal {
		display: none;
		position: fixed;
		z-index: 3;
		left: 40%;
		top: 0;
		width: 100%;
		height: 100%;
		/*overflow: auto;*/
		/* background-color: rgb(0,0,0); */
		/* background-color: rgba(0,0,0,0.4); */
		padding-top: 60px;
	}

	/* #leadformpopup {
	  background: linear-gradient(to right, #003247 0%, #25548e 100%);
      height: 200px;
	  width: 20%;
      margin-top: 2%;
      //padding: 10px 15px;
      //box-shadow: 5px 5px 5px #aaaaaa;
	} */
	#leadformpopup,
	#leadformpopup1,
	#leadformpopup2,
	#leadformpopup3 {
		background: linear-gradient(to right, #e9eaf3 0%, #c6c5dd 100%);
		/* background: #8a2be2;*/
		/*height: 220px;*/
		width: 20% !important;
		margin-top: 2%;
		//padding: 10px 15px;
		//box-shadow: 5px 5px 5px #aaaaaa;
	}

	#leadformpopup {
		height: 170px;
	}

	#leadformpopup1 {
		height: 180px;
	}

	#leadformpopup2 {
		height: 180px;
	}

	#leadformpopup3 {
		height: 220px;
	}

	.buttonlogin {
		width: 50px;
		height: 50px;
		/* transform: rotate(-90deg); */
		-webkit-transform: rotate(90deg);
		font-weight: 600;
		background: white;
		position: absolute;
		text-align: center;
		color: #ffffff;
		cursor: pointer;
		/* border-radius: 50%; */
		z-index: 99;
		display: inline-block;
		/* background-color: #04AA6D; */
		color: red;
		//padding: 14px 20px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 100%;
		border-radius: 8px;
		padding: 15px 50px;
	}
}

@media (max-width: 767px) {
	.modal {
		display: none;
		position: fixed;
		/* z-index: 1; */
		/* left: 357px; */
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		/* background-color: rgb(0,0,0); */
		/* background-color: rgba(0,0,0,0.4); */
		padding-top: 60px;
	}

	#leadformpopup,
	#leadformpopup1,
	#leadformpopup2,
	#leadformpopup3 {
		background: linear-gradient(to right, #e9eaf3 0%, #c6c5dd 100%);
		/* background: #8a2be2;*/
		/*height: 55%;*/
		margin-top: -60px;
		width: 90%;
		z-index: 1;
		padding: 10px 15px;
		// box-shadow: 5px 5px 5px #aaaaaa;
	}

	.buttonlogin {
		font-weight: 600;
		width: 50px;
		height: 50px;
		margin-top: 53% !IMPORTANT;
		background: #00a7e0;
		position: absolute;
		text-align: center;
		color: #ffffff;
		cursor: pointer;
		/* border-radius: 50%; */
		z-index: 99;
		display: inline-block;
		/* background-color: #04AA6D; */
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		cursor: pointer;
		width: 100%;
		border-radius: 8px;
	}

	#btn_login {
		text-align: center;
		color: white;
		padding-top: 20px;
	}
}

.captcha {
	width: 100%;
	margin-left: 0px;
	margin-right: 15px;
	background-color: #f9f9f90f;
	border: 2px solid #ccc6c6;
	border-radius: 5px;
	color: #f9f9f9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text {
	color: black;
	width: 85%;
	font-size: 16px;
	font-weight: 500;
	margin-right: 1em;
}

.forms {
	margin-bottom: 4%;
}

.submit {
	width: 35%;
	margin-left: 35%;
	background-color: #2e437b !important;
	border: none;
	border-radius: 8px !IMPORTANT;
	/* text-align: center; */
	color: white;
	height: 50px;
}

img.logoo {
	width: 44%;
	padding-right: 13px;
	padding-left: 0px;
}

img.logooo {
	width: 70%;
	padding-right: 13px;
	padding-left: 0px;
}

img.logos {
	width: 22%;
}

ul.search-tabs.two-columns {
	margin-left: 19% !important;
}

@media (min-width: 768px) {
	.slideshow-containers {
		max-width: 100%;
		position: relative;
		margin-bottom: 0%;
		// margin: auto;
		/* margin-top: 20%; */
	}

	img.banner {
		//padding-left: 3%;
		//padding-right: 3%;
	}

	/* Create two-column grid layout for cards */
	.two-columns {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* Two items per row */
		gap: 20px;
		/* Add space between the items */
		margin: 0 auto;
		padding: 0;
	}

	/* Card styling */
	.tabicon {
		font-family: "Raleway", sans-serif;
		color: white;
		//background-color: #30c3f7;
		border-radius: 10px;
		text-align: center;
		padding: 20px;
		//box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		transition: transform 0.3s ease;
	}

	/* Hover effect for the cards */
	.tabicon:hover {
		transform: scale(1.05);
	}

	/* Style for the icons and text */
	.tabicon a {
		color: #ffffff;
		text-decoration: none;
	}

	.wtabs {
		font-weight: 700;
		font-size: medium;
		margin-top: 10px;
		font-family: "Open Sans", sans-serif !important;
	}

	.search-tabs {
		list-style-type: none;
	}

	#search-overlaymob-web {
		//max-width: 600px;
	}

	div#search-overlaymob-web {
		//margin-left: 28%;
		margin-top: 5%;
		/* height: 7%; */
		left: 12% !important;
		width: 75% !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}

	.mob {
		display: none;
	}

	.search-overlay {
		top: 38px !important;
	}
}

@media (max-width: 768px) {
	iframe#iframe_index_in {
		border-radius: 0px;
		border-width: 1px;
		border-style: inset;
		border-color: initial;
		border-image: initial;
	}

	#slideshow {
		width: 100vw;
		height: 22vh;
		border-radius: 35px
	}

	div#wa-widget-send-button {
		right: 82%;
		top: 82%;
		height: 57px !important;
		min-width: 57px !important;
		/* margin-bottom: 31%; */
		/* bottom: 14%; */
	}

	.slideshow-containers {
		max-width: 100%;
		position: relative;
		margin-bottom: 8%;
		// margin: auto;
		/* margin-top: 20%; */
	}

	.slider-wrap .search-wrap {

		bottom: -50% !important;
	}

	.web {
		display: none;
	}

	.slider-wrap .search-tabs li {

		margin-top: 0px;
		margin-right: -6px;
		/* margin-bottom: 10px; */
		margin-bottom: 10px;
		margin-left: -7px;
		width: 34% !important;
		//width: 32%!important;
	}

	.slider-wrap .search-tabs::before {
		border-top: 0px solid #587d8f !important;

		z-index: -1;
	}

	.search-overlay {
		top: 40px !important;
	}
}

@media (min-width: 768px) {
	#slideshow {
		width: 100vw;
		height: 100vh;
	}

	div#wa-widget-send-button {
		right: 94%;
	}

	.frame {
		width: 388px !important;
	}

	.slider-wrap {
		display: none;
	}
}

.item1 {
	//background-image: url(Home/images/slider/Item3.jpg);
	background-size: cover;
	height: 775px;
	background-repeat: no-repeat;
	margin-top: 0px;
}

@media (max-width: 767px) {
	.row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.frame {
		width: 100%;
		margin-top: -125px;
	}

	.slidedot {
		display: none;
	}

	.item1 {
		/*background-image: url(Home/images/slider/Travelbanner3.jpg);*/
		background-size: cover;
		height: 180px;
		background-repeat: no-repeat;
	}

	.slideshow-container {
		width: 94%;
		margin-top: 4% !important;
		//display:none;
	}

	/* #search-overlaymob{
					display:none;
				} */
}

/*@media (min-width: 768px) {*/
.How_we_stand_cls {
	background-image: url(Home/images/background/travelbg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 44px 0;
}

.How_we_stand_cls img {
	width: 2.5pc;
	margin-bottom: 12px;
}

.How_we_stand_cls p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 25px;
}

.How_we_stand {
	padding-top: 30px;
}

/*}*/
.iframe-height {
	width: 100%;
	height: 3650px;
}

.iframe-height1 {
	width: 100%;
	height: 767px;
}

/* .mob iframe{
				margin-top:559px;
			}*/
@media screen and (max-width: 575px) {
	.iframe-height {
		height: 12600px !important;
	}
}

@media screen and (max-width: 400px) {
	.iframe-height1 {
		height: 12600px !important;
	}
}

p.blog {
	text-align: justify;
}

.buttonss {
	float: none !important;
	margin-bottom: 2%;
}

a.blog-btn-link {
	color: #00a4df;
}

.single-blog {
	height: 62rem;
	background: #ffffff;
	box-shadow: 0px 0px 98px 0px rgb(0 0 0 / 7%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 30px;
}

.blog-content {
	padding: 20px;
	padding-bottom: 5px !important;
}

.primary-navbar>li>a {
	color: #09395b;
	font-weight: 700;
	font-size: 14px;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
}

/* Dropdown container */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

/* Dropdown button */
.dropbtn {
	display: block;
}

a.phone {
	padding-right: 21px;
	/* padding: 3px; */
	display: inline-block;
	color: #09395b;
}

li.phone {
	margin-left: 88%;
}

#slideshow {
	cursor: pointer;
	/* Add cursor pointer for clickable images */
}

#slideshows {
	cursor: pointer;
	/* Add cursor pointer for clickable images */
}

@media (min-width: 768px) {
	.phone-call {
		width: 50px;
		height: 50px;
		left: 30px;
		bottom: 80px;
		background: #00a7e0;
		position: fixed;
		text-align: center;
		color: #ffffff;
		cursor: pointer;
		border-radius: 50%;
		z-index: 99;
		display: inline-block;
	}

	.mobs {
		Display: none;
	}

	.mobse {
		Display: none;
	}

	.carousel-container {
		position: relative;
		width: 80%;
		max-width: 600px;
		margin: auto;
		overflow: hidden;
		border-radius: 10px;
	}

	#slideshow {
		//padding-left: 3%;
		//padding-right: 3%;
	}
}

.btn-glow:hover {
	box-shadow: 2px 2px 2px 2px #25479e;
	transform: translateY(3px);
}

.btn-glow {
	box-shadow: 0px 2px 4px 4px #3b6599;
	transform: translateY(3px);
}

#buttonDiv:hover {
	//box-shadow: 2px 2px 2px 2px #25479e !important;
	//transform: translateY(3px) !important;
}

a#btn_login {
	color: black;
}

a#Sms {
	color: black;
}

.mobs {
	position: fixed;
	top: 91% !important;
}

.mobstext {
	color: white;
	width: 100%;
}

ul.search-tabs.two-column.mobsul {
	margin-left: -3% !important;
	margin-right: -3% !important;
}

article.home-one {
	background-color: #f5f5f5;
}

/* Container for the carousel */
.carousel-container {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: auto;
	overflow: hidden;
	border-radius: 10px;
}

/* Image slides */
.carousel-slide {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

/* Individual image */
.carousel-slide img {
	width: 100%;
}

/* Navigation buttons */
.carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 18px;
	border: none;
	cursor: pointer;
	padding: 10px;
	border-radius: 50%;
	z-index: 1;
}

.prev {
	left: 10px;
}

.next {
	right: 10px;
}

</style>	
		<!-- 9940px full -->
		<!-- 8240px -->
	</head>
	<body id="home" class="wide">
		<!-- Google Tag Manager (noscript) --> <!-- 14102022 -->
		<noscript>
			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M2566SL"	height="0" width="0" style="display:none;visibility:hidden"></iframe>
		</noscript>
		<!-- End Google Tag Manager (noscript) -->	
		<!-- WRAPPER -->
		<main class="wrapper">
			<!-- CONTENT AREA -->
			<article class="home-one">
				<!-- Top Header-1 Start -->
				<header class="main-header">
					<div class="header-fix-wrap header-1 with-icons" style="display:flex;">
						<div class="container rel-div" style="width: -webkit-fill-available;">
							<div class="logo">
								<a href="#"><img class="logo" alt="" src="Home/images/logo/Unimoni_Travel_Logo1.png" /> </a>
								<div class="phone-call mobse"> 
									<a href="tel:18001020555">
										<img class="mobse" src="../..//uploads/callerrr.png" width="50" alt="Call Now" title="Call Now"> 
										
									</a>
								</div>
							</div>
							<!--<div class="left">
								<ul class="list-items social-icons">
									<li> <a href="https://www.facebook.com/unimoni.travel/" class="fa fa-facebook"></a> </li>
									<li> <a href="https://twitter.com/UnimoniTravel" class="fa fa-twitter"></a> </li>
									<!-- <li> <a href="#" class="fa fa-google-plus"></a> </li> -->
									<!--<li> <a href="https://www.instagram.com/unimonitravel/" class="fa fa-instagram"></a> </li>
									<li class="web"> <a href="https://blog.unimonitravel.com/" class="fa-solid fa-blog"></a> </li>
										<li class="web"> <a href="contact" class="fa fa-envelope"></a> </li>
									<!-- <li> <a href="#" class="fa fa-behance"></a> </li> -->
								<!--</ul>
							</div>-->
							<div class="responsive-toggle fa fa-bars"> </div>
							<!-- Main Header Start -->
							<div class="menu-bar">
								<div class="responsive-toggle fa fa-bars"> </div>
								<nav id="primary-navigation" class="web">
									<ul class="primary-navbar">
										<!--<li class="dropdown">
											<a href="javascript:void(0)" class="dropbtn" style="margin-top: 0px; cursor: pointer;">
												<span class="fas fa-bars"></span><br />Our Services
											</a>
											<div class="dropdown-content">
												<a onClick="voyagerguest();" style="margin-top: 0px; cursor: pointer;"> 
													<span class="demo-icon icon-charter_flights"></span> Flights
												</a>
												<a onClick="voyagerguest();" style="margin-top: 0px;"> 
													<span class="fas fa-hotel" style="margin-left: 11px;font-size: large;"></span> Hotels
												</a>
												<a href="holidays" style="margin-top: 0px;"> 
													<span class="demo-icon icon-holidays" style="margin-left: 11px;font-size: large;"></span> Holidays
												</a>
												<a href="visa_view" style="margin-top: 0px;"> 
													<span class="demo-icon icon-ecash" style="margin-left: 11px;font-size: large;"></span> Visa
												</a>												 
											</div>
										</li>-->
										<!--<li> 
											<a href="contact" style="margin-top: 0px;"> <span class="fa fa-envelope"></span> <br />Contact Us</a> 
										</li>-->
										<!--<li> 
											<a href="https://blog.unimonitravel.com/" style="margin-top: 0px;"> <span class="fa-solid fa-blog"></i></span> <br />Blog</a> 
										</li>-->
										<li onClick=" submitDataToLog(this);voyagerguest();" class="active tabicon Flights" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-charter_flights card"></span><br>
										<span class="wtabs">Flights</span>
									</li>
									<li onClick=" submitDataToLog(this); voyagerguest(); " class="tabicon Hotels" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="fas fa-hotel card" style="margin-left: 11px; font-size: large;"></span><br>
										<span class="wtabs">Hotels</span>
									</li>
								
									
									<li onClick=" searchHolidays(); submitDataToLog(this);return false;" class="tabicon Holidays" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-holidays card"></span><br>
										<span class="wtabs">Holidays</span>
									</li>
									
									<li class="tabicon Visa"  onClick="submitDataToLog(this); visa();" style="font-size: smaller; cursor: pointer; text-align: center; padding: 0px; flex: 1;"> 
										
										<span class="demo-icon icon icon-ecash card Hotels" style="margin-left: 18px;"></span><br>
										<span class="wtabs" style="margin-left: 15px;">Visa</span>
										
									</li>
								
									<li onClick="submitDataToLog(this); bus();"  class="tabicon Bus" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="fa-solid fa-bus" style="margin-left: 18px;"></span><br>
									<span class="wtabs" style="margin-left: 15px;">Bus</span>
									</li>
								
								
									<li onClick="submitDataToLog(this); trip();" class="tabicon Trip" style="font-size: smaller; cursor: pointer; text-align: center; padding: 0px; flex: 1;"> 
										<span class="demo-icon icon icon-ecash card" style="margin-left: 18px;"></span><br>
										<span class="wtabs" style="margin-left: 15px;">Plan Your Trip</span>
									</li>
										<li >
											<a href="tel:+9118001020555"  style="margin-top: 0px;">
												<span class="fa-solid fa-phone"></span><br /> 1800 102 0555
											</a>
											
										</li>
									<?php// if ($mobile_no && $email_id): ?>
										<!--<li> 
											<a href="javascript:myFunction('User')" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span><br /> My profile
											</a>
										</li>-->
										
										<li  class="profile-modal" id="profileEmail" style="display: none;"> 
											<a href="javascript:myFunction('User')" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span><br /> My Profile
											</a>
										</li>
										
										 										 <li id="UserProfile" class="Usermodal" style="display:none;"  >
												<a  onclick="toggleLogoutMenu()" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span><br />
													<span id="profile">My Profile</span><br />
													<!--<span id="profileName"></span><br />
													<span id="profileEmail"></span>-->
												</a>
												<ul>
												<li id="myprofile" style="display:none; position: absolute; top: 70px; left: 0; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:goToCustLogin()" style="color: #333;">My profile</a>
												</li>
												<li id="logoutMenu" style="display:none; position: absolute; top: 105px; left: 0; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:logout()" style="color: #333;">Sign Out</a>
												</li>
												</ul>
											</li>
										
										
										
										 
										 <li id="UserProfile" class="Usermodal" style="display:none;"  >
												<a  onclick="toggleLogoutMenu()" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span><br />
													<span id="profile">My Profile</span><br />
													<!--<span id="profileName"></span><br />
													<span id="profileEmail"></span>-->
												</a>
												<ul>
												<li id="myprofile" style="display:none; position: absolute; top: 70px; left: 0; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:goToCustLogin()" style="color: #333;">My profile</a>
												</li>
												<li id="logoutMenu" style="display:none; position: absolute; top: 105px; left: 0; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:logout()" style="color: #333;">Sign Out</a>
												</li>
												</ul>
											</li>
										<li class="Usermodal" id="UserLogin"> 
											<a href="javascript:myFunction('User')" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span><br /> User Login
											</a>
										</li>
										<li>
											<a href="https://www.unimoni.in/">
												<img class="logo" style="width:150px;" alt="Company Logo" src="Home/images/logo/Unimoni-WIZZ-LOGO.gif" />
											</a>
										</li>
									</ul>
								</nav>
								<nav id="primary-navigation" class="mob">
									<ul class="primary-navbar">
										<!-- <li> <a onClick="myFunction('to_book_flights');" style="margin-top: 0px;"> <span class="demo-icon  icon-charter_flights"></span> <br />
												Flights</a> </li> -->
										<li class="Flights" onClick="voyagerguest(); submitDataToLog(this); "> <a  style="margin-top: 0px; cursor: pointer; margin-left: -8px;"> <span class="demo-icon  icon-charter_flights"></span> 
												Flights</a> </li>
										<li onClick=" searchHolidays(); submitDataToLog(this);return false;" class="Holidays"> <a  style="margin-top: 0px;"> <span class="demo-icon icon-holidays"></span> 
												Holidays</a> </li>
										<li class="tabicon Visa"  onClick="submitDataToLog(this); visa();"> <a  style="margin-top: 0px;"> <span class="demo-icon icon-ecash"></span> 
												Visa</a> </li>
										<li onClick="submitDataToLog(this); trip();" class="tabicon Trip"> <a style="margin-top: 0px;"> <span class="demo-icon icon icon-ecash card"></span> 
												Plan Your Trip</a> </li>
										<li  onClick="submitDataToLog(this); bus();"  class="tabicon Bus" > <a style="margin-top: 0px;"> <span class="fa-solid fa-bus"></span> 
												Bus</a> </li>
										<li> <a href="contact" style="margin-top: 0px;"> <span class="fa fa-envelope"></span> 
												Contact Us</a> </li>
										<li> <a href="https://blog.unimonitravel.com/" style="margin-top: 0px;"> <span class="fa-solid fa-blog"></i></span>
												Blog</a> </li>
										<li> <a href="tel:+911800 102 0555" style="margin-top: 0px;"><span class="fa-solid fa-phone"></i></span>
												1800 102 0555</a> </li>
										<li id="UserProfiles" class="Usermodal" style="display:none;">
												<a onclick="toggleLogoutMenu()" class="phone" style="margin-top: 0px;">
													<span class="fa fa-user" style="margin-left: 10px;"></span>
													<span id="profile">My Profile</span><br />
													<!--<span id="profileNames"></span><br />
													<span id="profileEmails"></span>-->
												</a>
												<ul>
												<li id="myprofiles" style="display:none; position: absolute; top: 70px; left: 30px; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:goToCustLogin()" style="color: #333;">My profile</a>
												</li>
												<li id="logoutMenus" style="display:none; position: absolute; top: 105px; left: 30px; background-color: white; padding: 5px; border: 1px solid #ccc;min-width: 155px;">
													<a href="javascript:logout()" style="color: #333;">Sign Out</a>
												</li>
												</ul>
											</li>
										
										<li  class="Usermodal" id="UserLogins"> <a href="javascript:myFunction('User')"style="margin-top: 0px; margin-left: -8px;"><span class="fa fa-user" style="margin-left: 10px;"></i></span>
												User Login</a> </li> <!--09022024-->
										<li id="logomob"> <a href="https://www.unimoni.in/"><img class="logo" style="width:150px;" alt="" src="Home/images/logo/Unimoni-WIZZ-LOGO.gif" /> </a> </li>
									</ul>
								</nav>
							</div>         								
							<!-- / Main Header Ends -->
						</div>												
					</div>
				</header>
				<!-- / Top Header-1 Ends -->
				<div id="id01" class="modal">
					<div id="leadformpopup"class="modal-content animate">
						<div class="imgcontainer">
							<span onclick="myFunction1()" class="close" title="Close Modal">&times;</span>
						</div>
						<div class="container forms">
							<div class="input-main-anchors" id="button_field">						
								<div id="buttonDiv" style="margin-top: 2%;" class="g-signin2" ></div>
								<div id="mobileaccount"> 
									<button class="btn-glow" onclick="myFunction2()" style="background-color: #1a73e8; border: outset; border-radius: 6px; color: #ffffff; font-weight: 600; margin-top: 1%;padding: 10px 10px 10px 10px; font-size: small;">	<i class="fas fa-mobile-alt me-2" style="margin-right: 10px;"></i>Login with Mobile OTP</button>
							
								</div>
								<!-- <div id="otheraccount"> 
									<button onclick="myFunction3()" style="background-color: white; border: thin; border-radius: 10px; color: #3c4055; font-weight: 600; margin-top: 1%;padding: 10px 10px 10px 10px; font-size: small;">Sign in using other mail accounts</button>
								</div>							 -->
							</div>
						</div>
					</div>

					<div id="leadformpopup1"class="modal-content animate" style="display:none;">
						<div class="imgcontainer">
							<span onclick="myFunction1()" class="close" title="Close Modal">&times;</span>
						</div>
						<div class="container forms">
							<!-- <label> Mobile Number </label> -->
							<input type="text" onkeypress="return onlyNumberKey(event)" maxlength="10" name="mobtxt" placeholder="Enter your Mobile Number" id="mobtxt" style="width: auto; border-radius: 25px;" autocomplete="off"/><br>
							<!-- <label> Enter OTP </label><br> -->
							<input type="text" onkeypress="return onlyNumberKey(event)" name="otptxt" placeholder="Enter OTP" id="otptxt" style="display:none;width: auto; border-radius: 25px;" autocomplete="off"/>
							<a class="genrate-otp" id="Sms" style="display:block; border-radius: 0 0 60px 0;margin: 5px 0 0 0;"  href="javascript:generateOTP('G');" title="Send OTP To My Mobile">Generate OTP</a>  	
							<a class="genrate-otp" id="resend_otp" style="display:none; border-radius: 0 0 60px 0;margin: 5px 0 0 0;" href="javascript:generateOTP('R');" title="Resend OTP To My Mobile"><br>Resend OTP</a>
						
							<div class="input-main-anchors" id="button_field">
								<a class="login" id = "btn_login" style="display:block; width:100%;float: center; border-radius: 0 0 60px 0; font-weight: 800;" href="javascript:login();" title="Click To Login / Sign Up">Login | Sign Up - New User</a>	<!--29092020-->
							</div>
						</div>
					</div>

					<div id="leadformpopup2"class="modal-content animate" style="display:none;"> <!--21062024-->
						<div class="imgcontainer">
							<span onclick="myFunction1()" class="close" title="Close Modal">&times;</span>
						</div>
						<div class="container forms">
							<!-- <input type="text" name="custname" placeholder="Enter your Name" id="custname" style="width: auto; border-radius: 25px;margin:1px!important;" autocomplete="off"/><br> -->
							<!-- <label> Mobile Number </label> -->
							<input type="text" name="emailtxt" placeholder="Enter your E-mail Id" id="emailtxt" style="width: auto; border-radius: 25px;margin:1px!important;" autocomplete="off"/><br>
							<!-- <label> Enter OTP </label><br> -->
							<input type="text" onkeypress="return onlyNumberKey(event)"  maxlength="10" name="mobltxt" placeholder="Enter your Mobile Number" id="mobltxt" style="width: auto; border-radius: 25px;margin:0px!important;" autocomplete="off"/>
							<input type="text" onkeypress="return onlyNumberKey(event)" name="mailotptxt" placeholder="Enter OTP" id="mailotptxt" style="display:none;width: auto; border-radius: 25px;" autocomplete="off"/>
													
							<div class="input-main-anchors" id="button_field">
								<a class="login" id = "btn_verify" style="display:block; width:100%;float: center; border-radius: 0 0 60px 0; font-weight: 800;padding-top: 20px;" href="javascript:login2('verify');" title="Click To Login / Sign Up">Login | Sign Up - New User</a>
								<a class="login" id = "emailbtn_login" style="display:none; width:100%;float: center; border-radius: 0 0 60px 0; font-weight: 800;padding-top: 20px;" href="javascript:login2('login');" title="Click To Login / Sign Up">Login | Sign Up - New User</a>	<!--29092020-->
							</div>						
						</div>
					</div>

					<div id="leadformpopup3"class="modal-content animate" style="display:none;">
						<div class="imgcontainer">
							<span onclick="myFunction1()" class="close" title="Close Modal">&times;</span>
						</div>
						<div class="container forms">
							<input type="text" id="custname_regn" name="custname_regn" placeholder="Enter your Name" style="width: auto; border-radius: 25px;margin:1px!important;" autocomplete="off"/><br>
							<!-- <label> Mobile Number </label> -->
							<input type="text" onkeypress="return onlyNumberKey(event)" id="mobltxt_regn" maxlength="10" name="mobltxt_regn" placeholder="Enter your Mobile NUmber" value="" style="width: auto; border-radius: 25px;margin:0px!important;" autocomplete="off"><br>
							<input type="text" id="emailtxt_regn" name="emailtxt_regn" placeholder="Enter your E-mail Id" style="width: auto; border-radius: 25px;margin:1px!important;" autocomplete="off"/>
							<input type="hidden" id="callfrom" name="callfrom" value="">
							<!-- <label> Enter OTP </label><br> -->												
						
							<div class="input-main-anchors" id="button_field">
								<a class="login" id = "btn_login" style="display:block; width:100%;float: center; border-radius: 0 0 60px 0; font-weight: 800;" href="javascript:login3();" title="Click To Login / Sign Up">Register - New User</a>	<!--29092020-->
							</div>						
						</div>
					</div>
				</div>				

				<form id="CustProfile"  method="post" action="">
					<input type="hidden" id="custName" name="custName" value="">
					<input type="hidden" id="custMob" name="custMob" value="">
					<input type="hidden" id="custImg" name="custImg" value="">
					<input type="hidden" id="custMail" name="custMail" value="">
					<input type="hidden" id="custChannel" name="custChannel" value="">
					<input type="hidden" id="custFlag" name="custFlag" value="">
					<input type="hidden" id="custCode" name="custCode" value="">
					<input type="hidden" id="bookingFlag" name="bookingFlag" value="">
				</form>

				<!--Slider start-->
				<div class="slideshow-containers">
				
				<!--<div class="search-overlay web" id="search-overlaymob-web" style="background-color: #25479e ; border-radius: 8px; padding-top: 0px; padding-bottom: 70px; width: auto;">
						<div class="search-wrap">
							<ul class="search-tabs two-columns" style="font-size: large; display: flex; /*justify-content: space-between;*/ padding: 0; list-style: none;">
								<!--<img class="logos"src="Home/images/logo/fli.webp">-->
								<!--<a onClick="voyagerguest();" data-toggle="tab">
									<li class="active tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-charter_flights card"></span><br>
										<span class="wtabs">Flights</span>
									</li>
								</a>
								<a onClick="voyagerguest();" data-toggle="tab">
									<li class="tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="fas fa-hotel card" style="margin-left: 11px; font-size: large;"></span><br>
										<span class="wtabs">Hotels</span>
									</li>
								</a>
								<a onClick="searchHolidays(); return false;" data-toggle="tab">
									<li class="tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-holidays card"></span><br>
										<span class="wtabs">Holidays</span>
									</li>
								</a>
								<a href="visa_view">
									<li class="tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-ecash card" style="margin-left: 18px;"></span><br>
										<span class="wtabs" style="margin-left: 15px;">Visa</span>
									</li>
								</a>
								<a onClick="bus();" >
									<li class="tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="fa-solid fa-bus" style="margin-left: 18px;"></span><br>
									<span class="wtabs" style="margin-left: 15px;">Bus</span>
									</li>
								</a>
								<!--<a href="#">
									<li class="tabicon" style="font-size: smaller; cursor: pointer; text-align: center; padding: 12px; flex: 1;"> 
										<span class="demo-icon icon icon-ecash card" style="margin-left: 18px;"></span><br>
										<span class="wtabs" style="margin-left: 15px;">Plan a Trip</span>
									</li>
								</a>-->
							<!--</ul>
						</div>
						<p id="signinmsg" style="color: black; display: none;">NB: Kindly sign in with your email id to proceed</p>
					</div>-->
				
					</div>
				
				<!-- The dots/circles -->
				<!-- <div class="dotslide" style="text-align:center">
					<span class="slidedot" onclick="currentSlide(1)"></span>
					<span class="slidedot" onclick="currentSlide(2)"></span>
					<span class="slidedot" onclick="currentSlide(3)"></span>
					<span class="slidedot" onclick="currentSlide(4)"></span>
				</div> -->
				<!-- Slider ends-->
				<!-- Main-Slider-1 Start--> 
				<div class="slider-wrap">
					<div class="main-slider-on">
						<div class="item1">
							<!--<img alt="" src="Home/images/slider/Travelbanner1.jpg" />-->
						</div>
						<div class="search-overlay" id="search-overlaymob" style="border-radius: 50px;padding-top: 50px;padding-bottom: 50px;">
						<!-- <iframe class="frame" src="Home/unimoni-travel-widget/index_without_bookingwidget.html" style="height:90px;" title="Iframe Example" scrolling="no" allowfullscreen></iframe> -->
								<div class="search-wrap" style="/*left:20px; background-color: white;*/width: 100%;">
									<ul class="search-tabs" style="margin-top: -10%;display:contents;font-size: large;">
										<li class="tabicon active Flights" onclick="voyagerguest(); submitDataToLog(this);" style="/*padding-right: 25px;*/ /*margin: 10px;*/ list-style: none;">
											<a  data-toggle="tab" style="text-decoration: none;display: block;">
												<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
													<span class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 0px;color: #1fafe4;font-size: 30px;"><img class="logoo" alt="" src="Home/images/logo/airplane1.png"></span>
													<br>
													<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Flights</span>
												</div>
											</a>
										</li>
										<li class="tabicon Hotels" onclick="voyagerguest(); submitDataToLog(this);" style="/*padding-right:25px;*/"> 
											<a  data-toggle="tab" style="text-decoration: none;display: block;">
													<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
														<span class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 1px;color: #1fafe4;font-size: 30px;"><img class="logoo" alt="" src="Home/images/logo/hotel2.png"></span>
														<br>
														<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Hotels</span>
													</div>
												</a>
											
										</li>
										<li class="tabicon Holidays" onClick=" submitDataToLog(this); return false;"  style="/*padding-right:25px;*/"> 
												<a  data-toggle="tab" style="text-decoration: none;display: block;">
													<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
														<span class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 1px;color: #1fafe4;font-size: 30px;"><img class="logoo" alt="" src="Home/images/logo/holidays.png"></span>
															<br>
														<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Holidays</span>
													</div>
												</a>
											
										</li>
										<li class="tabicon Visa" onClick="submitDataToLog(this); visa();"  style="/*padding-right:25px;*/"> 
											<a style="text-decoration: none;display: block;">
												<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
													<span class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 1px;color: #1fafe4;font-size: 30px;"><img class="logoo" alt="" src="Home/images/logo/visa.png"></span>
														<br>
													<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Visa</span>
												</div>
											</a>
											
										</li>	
										<li class="tabicon Bus" onClick="bus(); submitDataToLog(this); return false;" style="/*padding-right:25px;*/"> 
												<a   data-toggle="tab" style="text-decoration: none;display: block;">
													<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
														<span class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 1px;color: #1fafe4;font-size: 30px;"><img class="logooo" alt="" src="Home/images/logo/bus.png"></span>
															<br>
														<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Bus</span>
													</div>
												</a>
											
										</li>	
										<li class="tabicon Trip" onClick="trip(); submitDataToLog(this); return false;" style="/*padding-right:25px;*/"> 
												<a   data-toggle="tab" style="text-decoration: none;display: block;">
													<div style="background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 4px;/* text-align: center; */transition: transform 0.2s ease-in-out;">
														<span  class="demo-icon icon " style="display: inline-block;border: unset;background-color: unset;border-radius: 50%;padding: 1px;color: #1fafe4;font-size: 30px;"><img class="logoo" alt="" src="Home/images/logo/trip22.png"></span>
															<br>
														<span class="wtabs" style="color: #000000; font-weight: bold; font-size: 14px;">Plan Your Trip</span>
													</div>
												</a>
											
										</li>											
										<!-- <li class="">
                                            <a href="#search-4" data-toggle="tab">
												<span class="demo-icon icon  icon-charter_flights"></span>  Flights
                                            </a>
                                        </li> -->
									</ul>
									<!--For enabling holidays & visa-->
								</div>								
								<p id="signinmsg" style="color: white;display:none;"> NB: Kindly sign in with your email id to proceed</p>	
					</div>
					</div>

					<!-- <div class="search-overlay" id="mob">
						<iframe class="frame"src="Home/unimoni-travel-widget/index.html" title="Iframe Example" scrolling="no" allowfullscreen></iframe>
					</div> -->
					<!-- <div class="search-overlay1" id="webs">
						<iframe class="frame" id="sliderframe" src="resources/views/index_sliders.blade.php" title="Iframe Example" scrolling="no" style="height:435px;" allowfullscreen></iframe>
					</div>-->
				</div>
				<div class="slideshow-container">
					
										
					<div >
						<img id="slideshow" />
					</div>
					<a class="prev" onclick="prevImage()">&#10094;</a>
					<a class="next" onclick="nextImage()">&#10095;</a>
				</div>
				
				<br>
				<!--<div id="mob">
					<iframe src="Home/unimoni-travel-widget/index.html" title="Iframe Example" scrolling="no" style=" height: 650px;" allowfullscreen></iframe>
				</div>-->   
				<!-- Main-Slider-1 Ends -->
				<!-- Best Place Start -->
				<!-- ////////////////////////////////////////////////////////////////////////////////////////// -->
				 <!-- Location Popup -->
				     <div id="overlays">

    <div id="location-popup">
        <p style="margin-bottom: 0px;"><strong>See results closer to you?</strong></p>
        <p style="margin-bottom: 0px;" >To get the closest results, let us use your device's precise location.</p>
        <button class="popup-btn allow-btn" onclick="getPreciseLocation()">
    <svg class="location-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#1a73e8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="12" cy="12" r="10"></circle>
        <circle cx="12" cy="12" r="4"></circle>
    </svg>
    Use precise location
</button>
<br>
        <button class="popup-btn deny-btn" onclick="closePopup()">Not now</button>
    </div></div>
	
  				<section class="sec-space0 best-place">
					<div id="web">
						<iframe src="resources/views/index_in.php" id="iframe_index_in" title="Iframe Example" scrolling="no" style="height: 4350px; width:100%" allowfullscreen></iframe>
					</div>
					<div id="mob" class="mob">
						<iframe src="resources/views/index_in.php" id="iframe_index_in" style="height: 9365px;" title="Iframe Example" scrolling="no"  allowfullscreen></iframe>
					</div>
				</section>
				<!-- ////////////////////////////////////////////////////////////////////////////////////////// -->
				<!--<section class="sec-space best-place">
					<div class="container">
						<div class="title-wrap">
						</div>
					</div>
				</section>-->               
                <section class="sec-space best-place">
                    <div class="container">
                        <div class="title-wrap">
                            <div class="col-md-12">
                                <h5 class="dash-style">Explore Hot Cruises</h5>
                                <h1 style="font-size:48px; text-align: center;"> Your Dream Vacation is Just a Message Away </h1>
                            </div>
                        </div>
                        <div class="col-md-3 theme-color-bg">
                            <div class="best-place-menu">
                                <h2 class="title"> The Best Cruise for you. </h2>
                                <ul class="list-unstyled">
                                    <li class="active" id="list"> 
										<a href="#place-1" data-toggle="tab" aria-expanded="true">Destinations</a>
										<li class="list_items">Chennai, Mumbai, Kochi, Goa, Visakhapatnam, Lakshadweep</li>
                                    </li>
                                    <li> 
										<a href="#place-2" data-toggle="tab" aria-expanded="true">Rooms</a>
										<li class="list_items">The Chairmans Suite</li>
										<li class="list_items">Suite</li>
										<li class="list_items">Mini Suite</li>
										<li class="list_items">Ocean View Staterroom</li>
										<li class="list_items">Interior Staterroom</li>
                                    </li>
                                    <!--<li> <a href="#place-3" data-toggle="tab" aria-expanded="true">&nbspEntertainments</a> </li>-->
                                    <li> 
										<a href="#place-4" data-toggle="tab" aria-expanded="true">Offers</a>
										<li class="list_items">Free stateroom upgrade</li>
										<li class="list_items">Book now pay later</li>
										<li class="list_items">Kids sail free</li>
										<li class="list_items">Defence Personnel Fares</li>
                                    </li>
                                    <!--<li> <a href="#place-5" data-toggle="tab" aria-expanded="true">Find a Cruise</a> </li>-->
                                    <li> 
										<a href="#place-6" data-toggle="tab" aria-expanded="true">Elevated Health Protocols</a>
										<li class="list_items">100% Fresh & Filtered Air</li>
										<li class="list_items">Completely Sanitized after every cruise</li>
                                    </li>
                                    <!--<li> <a href="#place-6" data-toggle="tab" aria-expanded="true">Museums</a> </li>-->
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-9 no-padding">
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade active in" id="place-1">
                                    <div class="owl-carousel best-place-slider dots-3">
                                        <div class="item">
                                            <img alt="a-ship-is-travelling-on-the-sea" src="Home/images/slider/cordelia_cruise.webp" />
                                            <div class="info-top1 white-color">
                                                <a href="/cruise_booking" class="fsz-12">1.2k+ TRAVELLER RATING :</a>
                                                <span class="rating">
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star half"></span>
                                                </span>
                                            </div>
                                            <div class="info-bottom1 white-color">
                                                <div class="title-wrap-2  left">
                                                    <h2 class="section-title white-color"> <a href="/cruise_booking" id="cordelia_title">01. Cordelia Cruise.</a> </h2>
                                                    <p class="fw-500 fsz-12" id="cruise_para"> 5 <i class="fa fa-star-o theme-color"></i> SEACATION for every occasion.<br>Make every occasion a memorable one as you explore the <br> vast arena of the sea with your loved ones. </p>
                                                </div>
                                                <p><!--<a href="#" class="all-show theme-color"> Hotel Detail </a>--></p>
                                            </div>
                                            <ul class="hotel-feature">
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/livemusic3.jpg"> <span>LIVE MUSIC</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-16.png">
                                                                <span>SWIMMING POOL</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-17.png">
                                                                <span>&nbspRESTAURANT </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/dj1.jpg">
                                                                <span>&nbsp&nbsp&nbspDJ NIGHTS</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-19.png"> <span>SPA &amp; SALON</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="price">
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <del>$350</del>
                                                                <div class="cruise_rate"> <ins> $275 </ins> <span> PER NIGHT </span> </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <ul class="list-unstyled white-color">
                                                <li class="rotated-text">
													<a href="/cruise_booking">BOOK NOW</a>
												</li>
                                                <!--<li class="rotated-text"> <a href="#">REVIEW THIS PLACE</a> </li>-->
                                            </ul>
                                        </div>
                                        <div class="item">
                                            <img alt="luxury-ship-on-the-blue-sea" src="Home/images/slider/roycar2.webp" />
                                            <div class="info-top2 white-color">
                                                <a href="/cruise_booking" class="fsz-12">1.2k+ TRAVELLER RATING :</a>
                                                <span class="rating">
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star half"></span>
                                                </span>
                                            </div>
                                            <div class="info-bottom white-color">
                                                <div class="title-wrap-2 left">
                                                    <h2 class="section-title white-color"> <a href="/cruise_booking" id="roycar_title">02. Royal Carribean International.</a> </h2>
                                                    <p class="fw-500 fsz-12"> 5 <i class="fa fa-star-o theme-color"></i> SEACATION for every occasion.<br>Make every occasion a memorable one as you explore the <br> vast arena of the sea with your loved ones. </p>
                                                </div>
                                                <p><!--<a href="#" class="all-show theme-color"> Hotel Detail </a>--></p>
                                            </div>
                                            <ul class="hotel-feature">
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/livemusic3.jpg"> <span>LIVE MUSIC</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-16.png">
                                                                <span>SWIMMING POOL</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-17.png">
                                                                <span>&nbspRESTAURANT </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/dj1.jpg">
                                                                <span>&nbsp&nbsp&nbspDJ NIGHTS</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-19.png"> <span>SPA &amp; SALON</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="price">
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <del>$550</del>
                                                                <div class="cruise_rate"> <ins> $495 </ins> <span> PER NIGHT </span> </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <ul class="list-unstyled white-color">
                                                <li class="rotated-text"> 
													<a href="/cruise_booking">BOOK NOW</a>
												</li>
                                                <!--<li class="rotated-text"> <a href="#">REVIEW THIS PLACE</a> </li>-->
                                            </ul>
                                        </div>
                                        <div class="item">
                                            <img alt="cruise-ship-on-the-blue-sea" src="Home/images/slider/crystal-serenity.webp" />
                                            <div class="info-top3 white-color">
                                                <a href="/cruise_booking" class="fsz-12"> 1.2k+ TRAVELLER RATING : </a>
                                                <span class="rating">
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star half"></span>
                                                </span>
                                            </div>
                                            <div class="info-bottom white-color">
                                                <div class="title-wrap-2 left">
                                                    <h2 class="section-title white-color"> <a href="/cruise_booking" id="crystal_title">03. Crystal Cruises.</a> </h2>
                                                    <p class="fw-500 fsz-12" id="crystal_p"> 5 <i class="fa fa-star-o theme-color"></i>SEACATION for every occasion.<br>Make every occasion a memorable one as you explore the <br> vast arena of the sea with your loved ones. </p>
                                                </div>
                                                <p><!--<a href="#" class="all-show theme-color"> Hotel Detail </a>--></p>
                                            </div>
                                            <ul class="hotel-feature">
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/livemusic3.jpg"> <span>LIVE MUSIC</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-16.png">
                                                                <span>SWIMMING POOL</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-17.png">
                                                                <span>&nbspRESTAURANT </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/dj1.jpg">
                                                                <span>&nbsp&nbsp&nbspDJ NIGHTS</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-19.png"> <span>SPA &amp; SALON</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="price">
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <del>$500</del>
                                                                <div class="cruise_rate"> <ins> $455 </ins> <span> PER NIGHT </span> </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <ul class="list-unstyled white-color">
                                                <li class="rotated-text">
													<a href="/cruise_booking">BOOK NOW</a>													
												</li>
                                                <!--<li class="rotated-text"> <a href="#">REVIEW THIS PLACE</a> </li>-->
                                            </ul>
                                        </div>
                                        <div class="item">
                                            <img alt="cruise-ship-sailing-on-blue-sea" src="Home/images/slider/Dream8.webp" />
                                            <div class="info-top1 white-color">
                                                <a href="/cruise_booking" class="fsz-12">
                                                    1.2k+ TRAVELLER RATING :
                                                </a>
                                                <span class="rating">
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star half"></span>
                                                </span>
                                            </div>
                                            <div class="info-bottom1 white-color">
                                                <div class="title-wrap-2 left">
                                                    <h2 class="section-title white-color"> <a href="/cruise_booking" id="dream_title">04. Dream Cruises.</a> </h2>
                                                    <p class="fw-500 fsz-12" id="cruise_para"> 5 <i class="fa fa-star-o theme-color"></i> SEACATION for every occasion.<br>Make every occasion a memorable one as you explore the <br> vast arena of the sea with your loved ones. </p>
                                                </div>
                                                <p><!--<a href="#" class="all-show theme-color"> Hotel Detail </a>--></p>
                                            </div>
                                            <ul class="hotel-feature">
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/livemusic3.jpg"> <span>LIVE MUSIC</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-16.png">
                                                                <span>SWIMMING POOL</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-17.png">
                                                                <span>&nbspRESTAURANT </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/dj1.jpg">
                                                                <span>&nbsp&nbsp&nbspDJ NIGHTS</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-19.png"> <span>SPA &amp; SALON</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="price">
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <del>$350</del>
                                                                <div class="cruise_rate"> <ins> $299 </ins> <span> PER NIGHT </span> </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <ul class="list-unstyled white-color">
                                                <li class="rotated-text"> 
													<a href="/cruise_booking">BOOK NOW</a> 
												</li>
                                                <!--<li class="rotated-text"> <a href="#">REVIEW THIS PLACE</a> </li>-->
                                            </ul>
                                        </div>
                                        <div class="item">
                                            <img alt="cruise-ship-anchored-beside-a-tower" src="Home/images/slider/Star1.webp" />
                                            <div class="info-top1 white-color">
                                                <a href="/cruise_booking" class="fsz-12"> 1.2k+ TRAVELLER RATING :</a>
                                                <span class="rating">
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star active"></span>
                                                    <span class="star half"></span>
                                                </span>
                                            </div>
                                            <div class="info-bottom1 white-color">
                                                <div class="title-wrap-2 left">
                                                    <h2 class="section-title white-color"> <a href="/cruise_booking" id="star_title">05. Star Cruises.</a> </h2>
                                                    <p class="fw-500 fsz-12" id="cruise_para"> 5 <i class="fa fa-star-o theme-color"></i> SEACATION for every occasion.<br>Make every occasion a memorable one as you explore the <br> vast arena of the sea with your loved ones. </p>
                                                </div>
                                                <p><!--<a href="#" class="all-show theme-color"> Hotel Detail </a>--></p>
                                            </div>
                                            <ul class="hotel-feature">
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/livemusic3.jpg"> <span>LIVE MUSIC</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-16.png">
                                                                <span>SWIMMING POOL</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-17.png">
                                                                <span>&nbspRESTAURANT </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/dj1.jpg">
                                                                <span>&nbsp&nbsp&nbspDJ NIGHTS</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <img alt="" src="Home/images/icons/icon-19.png"> <span>SPA
                                                                    &amp; SALON</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="price">
                                                    <div class="tbl-wrp">
                                                        <div class="text-middle">
                                                            <div class="tbl-cell">
                                                                <del>$600</del>
                                                                <div class="cruise_rate"> <ins> $539 </ins> <span> PER NIGHT </span> </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <ul class="list-unstyled white-color">
                                                <li class="rotated-text">
													<a href="/cruise_booking">BOOK NOW</a>                        
												</li>
												<!--<li class="rotated-text"> <a href="#">REVIEW THIS PLACE</a> </li>-->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
				</section>
				<div class="modal slid" id="myModal">
					<div class="modal-dialog">
						<div class="modal-content">
							<!-- Modal Header -->
							<div class="modal-header modal-header-booking">
								<h4 class="modal-title" id="cbn_title"> Get the Best Cruise Planned by our Experts! </h4>
								<button type="button" class="close" data-dismiss="modal">&times;</button>
							</div>
							<!-- Modal body -->
							<div class="modal-body">
								<div class="cbn_row">
									<div class="col-md-12 popuptext1">
										<h3>Call 1800 102 0555</h3>
										<h5> or </h5>
										<p style="color:black;"> Enter your contact details and we will plan the best cruise suiting all your requirements.</p>
										<form action="./enquiry_get" method="POST" id="register">
											@csrf
											<div class="cbn_row ">
												<div class="form-group col-md-6">
													<input type="text" name="customer_name" maxlength="30" onkeydown="return /[a-z-  -]/i.test(event.key)" id="cbn_customer_name" class="form-control" placeholder="Your Name" id="email" required>
												</div>
												<div class="form-group col-md-6">
													<input type="email" name="email_id" id='cbn_email_id' class="form-control" placeholder="Email ID" required>
												</div>
												<div class="form-group col-md-3">
													<select name="ISDCode" id="cbn_isdcode" class="form-control">
														<option value="India">+91</option>
													</select>
												</div>
												<div class="form-group col-md-4">
													<input type="text" class="form-control" min="1" maxlength="10" onkeypress="return (event.charCode !=8 && event.charCode ==0 || ( event.charCode == 46 || (event.charCode >= 48 && event.charCode <= 57)))" name="mobile_no" id="mobile_no" placeholder="Mobile Number" id="pwd" required>
												</div>
												<div class="form-group col-md-5">
													<input type="text" name="city" id='cbn_city' maxlength="30" class="form-control" placeholder="Your city" id="email" required>
												</div>
												<div class="form-group col-md-5">
													<input type="text" name="remarks" maxlength="30" id='cbn_remarks' placeholder="Your remarks" class="form-control" required />
												</div>
												<div class="form-group col-md-4  ">
													<input type="date" data-date-format="dd/mm/yyyy" class="form-control date-icon" id="datepicker">
												</div>
												<div class="form-group travel-txt col-md-12  " id="cbn_travellers">
													<label>No. of Traveller(s) </label>
												</div>
												<div class="form-group col-md-4 col-6 passenger form-check">
													<input class="numberstyle" id="cbn_adult" type="number" min="1" max="15" step="1" value="1">
													<label>Adult (12yrs +)</label>
												</div>
												<div class="form-group col-md-4 col-6 passenger form-check">
													<input class="numberstyle" id="cbn_child" type="number" min="0" max="15" step="1" value="0">
													<label>Child (2-12yrs)</label>
												</div>
												<input type="hidden" name="locality" id='locality' value="test" />
												<input type="hidden" name="service_required" value="CRUISE" id="packages_id_id" />
												<input type="hidden" name="product" value="0003" />
												<input type="hidden" name="call_from" value="MOB" />
												<input type="hidden" name="form_name" value="MOB" />
												<input type="hidden" name="utm_source" value="utm_source" />
												<input type="hidden" name="utm_medium" value="utm_medium" />
												<div class="form-group col-md-4 col-6 passenger form-check">
													<input class="numberstyle" id="cbn_infant" type="number" max="15" min="0" step="1" value="0">
													<label>Infant (0-2yrs)</label>
												</div>
												<div class="form-group col-md-6 form-check">
													<button type="submit" id="cbn_submit" class="btn btn-block boking-btn btn-primary" onclick="display();">Submit</button>
												</div>
											</div>
										</form>
									</div>            
								</div>
							</div>
							<!-- Modal footer -->
							<div class="modal-footer" id="cbn_footer">
								<p class="contact-with"> By submitting this form, you authorize unimonitravel.com and its partners to contact you for this enquiry. </p>
							</div>
						</div>
					</div>
				</div>
				<!--enquiry submitting
					<div class="modal fade hh" id="modal-dates" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title">Fixed Departure</h5>
									<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
								</div>
								<div class="modal-body">
									<!-- <form action="{{url('enquiry')}}" method="POST" id="register"> -->
										<!-- <div class="row">
											<div class="col-md-12">
												<div class="form-group row">
													<label class="col-sm-3 col-form-label">Departure Date</label>
													<div class="col-sm-9">
														<input type="text" name="customer_name" id="customer_name" value="{{$date}}" class="form-control customer_name" readonly />
													</div>
												</div>
											</div>
											<!-- <input type="hidden" id='type_id' name="type_id"> -->
										<!--</div>
										<hr>
										<!-- <button type="submit" class="btn btn-primary mr-2">Submit</button> -->
									<!--</form>
								</div>
							</div>
						</div>
					</div>
				</div>-->
				<!-- ////////////////////////////////////////////////////////////////////////////////////////// -->  
				<section>
					<div id="web">
						<iframe src="resources/views/index_sliders.blade.php" id="iframe_index_in" title="Iframe Example" scrolling="no" style="height=100%; width:100% ;margin-top: 0%;" allowfullscreen></iframe>
					</div>
					<div id="mob">
						<iframe src="resources/views/index_sliders.blade.php" id="iframe_index_in" title="Iframe Example" scrolling="no" style="height=100%; width:100% ;margin-top: 0%;" allowfullscreen></iframe>
					</div>
				</section>	  
				<!--START 24022023-->
				<section>
					<div class="container">
						<div class="section-heading text-center">
							<div class="section-title text-center">
								<h2 class="title"> Latest &amp; Trending Blogs </h2>
							</div>
							<div class="col-lg-4 col-md-6"> 
								<!-- Single Blog Start -->
								<div class="single-blog">
									<div class="blog-img">
										<a href="https://blog.unimonitravel.com/top-10-destinations-you-should-visit-in-jaipur-2023/">
											<img  src="../..//uploads/3jaipur-f.webp" alt="blog1" />
										</a>
										<!--  <div class="top-meta"> <span class="date"><span>08</span>Aug</span> </div>-->
									</div>
									<div class="blog-content">
										<!--  <div class="blog-meta"> <span><i class="fa fa-user"></i> <a href="#">Andrew Paker</a></span> </div>-->
										<h3 class="title"><a href="https://blog.unimonitravel.com/top-10-destinations-you-should-visit-in-jaipur-2023/">Top 10 destinations you should visit in Jaipur 2023</a></h3>
										<p class="blog">The pink city, Jaipur, is a prime tourist attraction in India for the natives and international visitors. The pink colour is associated with hospitality. The distinctly painted buildings invite us to dig deep into history. It was installed to welcome the Prince of Wales (later King Edward VII)</p>
									</div>
									<div class="blog-btn"> 
										<a class="blog-btn-link" href="https://blog.unimonitravel.com/top-10-destinations-you-should-visit-in-jaipur-2023/">Read More <i class="fa  fa-long-arrow-alt-right"></i></a> 
									</div>
								</div>
								<!-- Single Blog End --> 
							</div>
							<div class="col-lg-4 col-md-6"> 
								<!-- Single Blog Start -->
								<div class="single-blog">
									<div class="blog-img"> 
										<a href="https://blog.unimonitravel.com/the-top-10-places-to-visit-in-singapore-2023/">
											<img  src="../..//uploads/singapore-f.webp" alt="blog1" />
										</a>
										<!--    <div class="top-meta"> <span class="date"><span>20</span>Aug</span> </div>-->
									</div>
									<div class="blog-content">
										<!--<div class="blog-meta"> <span><i class="fa fa-user"></i> <a href="#">Andrew Paker</a></span> </div>-->
										<h3 class="title"><a href="https://blog.unimonitravel.com/the-top-10-places-to-visit-in-singapore-2023/">The top 10 places to visit in Singapore, 2023</a></h3>
										<p class="blog">Singapore is an Asian country with Europe-Asian blended culture. It is known as the playground of the rich. Elegant colonial structures coexist with historic street markets and contemporary high-rises. While people enjoy indulging in upscale hotels, designer shops, and exquisite restaurants, this city provides much more than that.</p>
									</div>
									<div class="blog-btn">
										<a class="blog-btn-link" href="https://blog.unimonitravel.com/the-top-10-places-to-visit-in-singapore-2023/">Read  More <i class="fa  fa-long-arrow-alt-right"></i></a>
									</div>
								</div>
								<!-- Single Blog End --> 
							</div>
							<div class="col-lg-4 col-md-6"> 
								<!-- Single Blog Start -->
								<div class="single-blog">
									<div class="blog-img">
										<a href="https://blog.unimonitravel.com/do-you-know-these-top-10-popular-tourist-places-to-visit-in-china/">
											<img  src="../..//uploads/china-ff.webp" alt="blog1" />
										</a>
										<!--  <div class="top-meta"> <span class="date"><span>08</span>Aug</span> </div> -->
									</div>
									<div class="blog-content">
										<!--div class="blog-meta"> <span><i class="fa fa-user"></i> <a href="#">Andrew Paker</a></span> </div>-->
										<h3 class="title"><a href="blog-details.php">Do you know these top 10 Popular tourist places to visit in China?</a></h3>
										<p class="blog">China is one of the largest countries in the world with the highest population. China, which spans 5,250 kilometres from east to west, is almost as big as Europe. It also appears to be multiple countries combined, with scenery ranging from the stunning limestone structures of Guilin to the dry Gobi Desert.</p>
									</div>
									<div class="blog-btn">
										<a class="blog-btn-link" href="https://blog.unimonitravel.com/do-you-know-these-top-10-popular-tourist-places-to-visit-in-china/">Read  More <i class="fa  fa-long-arrow-alt-right"></i></a> 
									</div>
								</div>
								<!-- Single Blog End --> 
							</div>
							<div class="col-md-12 mt-3 text-center"> 
								<a class="btn btn-primary buttonss" href="https://blog.unimonitravel.com/"> View All </a>
							</div>
						</div>
					</div>
				</section>
				<!--END 24022023-->
				<section class="sec-space1 best-place">
					<div id="web">
						<iframe src="resources/views/index_testimonial.php" id="iframe_index_testimonial" title="Iframe Example" scrolling="no" style=" height: 520px; width:100%; margin-top: 0%;" allowfullscreen> </iframe>
					</div>
					<div id="mob">
						<iframe src="resources/views/index_testimonial.php" id="iframe_index_testimonial" title="Iframe Example" scrolling="no" style="height: 760px;" allowfullscreen></iframe>
					</div>
					<!--<iframe src="resources/views/index_testimonial.php" class="iframe-height1" id="iframe_index_testimonial" title="Iframe Example" scrolling="no"></iframe>-->
				</section>
				<!-- ////////////////////////////////////////////////////////////////////////////////////////// -->
				<!--Study abroad section start-->
				<section class="cashback">
					<div class="container3">
						<div class="row" style="padding-top:10px; padding-bottom:10px; margin-bottom:0px;margin-top: -10px;">
							<div class="col-md-6">
								<img src="https://remitforex.com/images/cashback-fee-payment.webp" class="img-fluid" alt="a-man-and-woman-looking-at-a-laptop" />
							</div>
							<div class="col-md-6 ">
								<div class="col-md-12 cashback-content">
									<h3 style="font-size:28px" id="studyabroad_title"> <b id="studyabroad_title">Study abroad</b> </h3>
									<ul class="normalUls" style=" padding-left: 0px; margin-bottom: 0px; ">Affordable overseas education through</ul>
									<ul class="normalUls">
										<li>Study abroad options in 15+ countries</li>
										<li>Scholarship opportunities</li>
									</ul>
									<ul class="normalUls" style=" padding-left: 0px; margin-bottom: 0px; ">Get Free International Student discount card</ul>
									<ul class="normalUls">
										<li>Get Discounts on all major retail outlets</li>
										<li>1,50,000+ Benefits, 125+ Countries, One Global ID & Discount Card</li>
									</ul>
									<ul class="normalUls" style=" padding-left: 0px; margin-bottom: 0px; ">Get overseas educational loan</ul>
									<ul class="normalUls">
										<li>Affordable interest rates</li>
										<li>Loan up to 1 crore</li>
									</ul>
									<a class="btn btn-primary" href="https://remitforex.com/services/remittance.html">View More</a>
								</div>
							</div>
						</div>
					</div>
				</section>				
				<!--Study abroad section end-->
				<div class="How_we_stand">
					<!--<p style="color:#0152a4">How We Stand Apart From Others</p>-->
					<div class="How_we_stand_cls">
						<div class="custom_container">
							<div class="row m0 travel">
								<p style="color: #ffffff;font-size: xx-large;margin-top: -20px;padding-bottom: 25px; line-height:35px;">How We Stand Apart From Others</p>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/flight.webp" alt="book flights online">
									<!--28122020-->
									<p>Book Flights<br>At Cheap Fare</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/hotels.webp" alt="hotel booking online">
									<p>Get Best Deals<br>For Your Hotels</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/visa.webp" alt="visa assistance online">
									<p>Visa Assistance To<br>All Countries</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/attestation.webp" alt="attestation service India">
									<p>Certificate Attestation<br>For Job Interviews</p>
								</div>
							</div>
							<div class="row m0">
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/experts.webp" alt="travel experts India">
									<p>Expert To Serve<br>Your travel requirement</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/trustworth.webp" alt="tour operator India">
									<p>Trustworthy<br>Tour Operator</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/destinations.webp" alt="destinations in India">
									<p>Get Exciting Destinations<br>To Choose</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/nationwide.webp" alt="national travel services in India">
									<p>National Network<br>To Serve You</p>
								</div>
							</div>
							<div class="row m0">
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/ye-icon-new.webp" alt="travel experts in India">
									<p>37<br>Years of Expertise</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/hc-icon-new.webp" alt="happy customers in India">
									<p>2.5 MILLION+<br>Happy Customers</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/be-icon-new.webp" alt="travel agency in India">
									<p>300 +<br>Branches With Expert</p>
								</div>
								<div class="col-md-3 col-6">
									<img src="Home/images/icons/al-icon-new.webp" alt="travel agent locations in India">
									<p>12 Thousand+<br>Agent Locations</p>
								</div>
							</div>
						</div>
					</div>
					<!-- ./ Latest News. Ends -->
				</div>
				<!-- / CONTENT AREA -->
				<!-- FOOTER -->
				<!-- / Footer Menu Ends -->
				<footer id="colophon" class="site-footer footer-primary">
					<div class="top-footer">
						<div class="container1">
							<div class="row">
								<div class="col-lg-6 col-md-6">
									<aside class="widget widget_text">
										<p class="widget-title"> About &nbsp<strong> TRAVEL</strong> </p>
										<div class="textwidget widget-text" style="margin-left:10px; margin-right:10px;"> Unimoni Travel an umbrella brand of the eminent Unimoni (formerly UAE Exchange) corporate family, two decades of relevant services have made it stand-out in the industry. We are accredited as an approved Passenger Sales Agent by IATA and recognized by the Ministry of Tourism (MOT), also a member of TAAI, ATTOI & ADTOI. We have been operating across the country since 2001, with more than 300+ full-fledged Branches offering our customers with the most affordable and economical levels of worldwide travel experiences. </div>
									</aside>
								</div>
								<div class="col-lg-3  col-sm-4 col-md-6">
									<aside class="widget widget_newslatter">
										<p class="widget-title"> Quick Links</p>
										<ul>
											<li> <a href="#"> &nbsp&nbspHome </a> </li>                                    
											<li> <a href="about_us"> &nbsp&nbspAbout
													us </a> </li>
											<!-- <li> <a href="https://www.unimonitravel.com/holidays/blog/"> Blog </a> </li> -->
											<li> <a  href="Travel-Awards-Recognition">&nbsp;&nbsp;Awards</a> </li>
											<li> <a href="PrivacyPolicy">
													&nbsp&nbspPrivacy Policy </a> </li>
											<li> <a href="Term_Condition"> &nbsp&nbspTerms
													and Conditions </a> </li>
											<li> <a href="OnlinePayments">
													&nbsp&nbspOnline Payments - T &amp; C </a> </li>
											<li> <a href="contact"> &nbsp&nbspContact Us </a> </li>
										</ul>
									</aside>
								</div>
								<div class="col-lg-3  col-sm-4 col-md-6">
									<aside class="widget widget_newslatter">
										<p class="widget-title"> Products & Services </p>
										<ul>
											<li onclick=" submitDataToLog(this);voyagerguest();"  class=" Flights"> &nbsp&nbspFlights</li>
											<li onclick=" submitDataToLog(this); voyagerguest(); "class="Hotels">&nbsp&nbspHolidays</li>
											<li onclick="submitDataToLog(this); visa();" class=" Visa" >&nbsp&nbspVisa</li>
											<li onclick="submitDataToLog(this); bus();"   class=" Bus"style=" cursor: pointer;"> <a>&nbsp&nbspBus</a></li>
											<li onclick="submitDataToLog(this); trip();" class=" Trip" style=" cursor: pointer;"> <a >&nbsp&nbspPlan a Trip</a></li>
										</ul>
									</aside>
								</div>
							</div>
						</div>
					</div>
					<div class="container2">
						<div class="row align-items-center">
							<div class="col-md-4">
								<!-- <img class="logo"  alt="logo"> -->
							</div>
							<div class="col-md-4 text-center">
								<div class="copy-center text-center">Powered By UNIMONI FS Ltd </div>
							</div>
							<div class="col-md-4">
								<!--<div class="footer-social-info fadeInUp" data-wow-delay="0.4s">
									<h3 class="widget-title  mt-4 mb-0"> Connect Us</h3><a class="facebook" href="https://www.facebook.com/unimoni.travel/"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									<a class="twitter" href="https://twitter.com/UnimoniTravel/"><i class="fa fa-twitter" aria-hidden="true"></i></a>
									<a class="instagram" href="https://www.instagram.com/unimonitravel/"><i class="fa fa-instagram" aria-hidden="true"></i></a>-->
								<ul class="list-items social-icons" style="margin-bottom: 5%">
									<li> <a href="https://www.facebook.com/unimoni.travel/" class="fa fa-facebook"></a> </li>
									<li> <a href="https://twitter.com/UnimoniTravel" class="fa fa-twitter"></a> </li>
									<!-- <li> <a href="#" class="fa fa-google-plus"></a> </li> -->
									<li> <a href="https://www.instagram.com/unimonitravel/" class="fa fa-instagram"></a> </li>
									<li> <a href="https://blog.unimonitravel.com/" class="fa-solid fa-blog"></a> </li>
									<!-- <li> <a href="#" class="fa fa-behance"></a> </li> -->
								</ul>
							</div>
						</div>
					</div>
					<div style="background-color: white;">
						<center>
							<img src="Home/images/logo/LOGOS.jpg">
						</center>
					</div>
					<div class="copy-right text-right" style="text-align: center;">Copyright © 2022 Unimoni Travel All rights reserved
				</footer>
				<div class="phone-call web" > 
					<a href="tel:18001020555" >
						<img  class="mobse" src="../..//uploads/callerrr.png" width="50" alt="Call Now" title="Call Now" /> 
						<img class="web" src="../..//uploads/call.png" width="50" alt="Call Now" title="Call Now" /> 
					</a>
				</div>
				<!-- /FOOTER -->
			</article>
		</main>
		<!-- /WRAPPER -->
		<!-- JS Global -->
		<script src='Home/js/plugin/jquery-2.2.4.min.js'></script>
		<script src='Home/js/plugin/bootstrap.min.js'></script>
		<script src='Home/js/plugin/bootstrap-select.min.js'></script>
		<script src='Home/js/plugin/bootstrap-datepicker.js'></script>
		<script src='Home/js/plugin/owl.carousel.min.js'></script>
		<script src="Home/js/plugin/jquery.magnify.js" type="text/javascript"></script>
		<script src="Home/js/plugin/fontawesome.js" type="text/javascript"></script>
		<!-- Custom JS -->
		<script src="Home/js/theme.js" type="text/javascript"></script>
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="Home/js/jquery.cookie.js"></script>
		<!--<script src="Home/js/theme-config.js"></script>-->	
		<script>
		let travelpath = "https://dev-www.unimonitravel.com/";
			// Initialize variables
			var slideIndex = 1;
			var slideshowInterval;
			// Call the showSlides function to display the first slide
			showSlides(slideIndex);
			// Start the auto-looping
			autoLoopSlides();
			// Function to change slides when the next/previous buttons are clicked
			function plusSlides(n) {
				showSlides(slideIndex += n);
			}
			// Function to change slides when the dots are clicked
			function currentSlide(n) {
				showSlides(slideIndex = n);
			}
			// Function to display the specified slide
			function showSlides(n) {
				var i;
				var slides = document.getElementsByClassName("mySlides");
				var dots = document.getElementsByClassName("slidedot");
				// Wrap around to the first slide if we reach the end
				if (n > slides.length) {
					slideIndex = 1;
				}
				if (n < 1) {
					slideIndex = slides.length;
				}
				// Hide all slides and reset dot styles
				for (i = 0; i < slides.length; i++) {
					slides[i].style.display = "none";
				}
				for (i = 0; i < dots.length; i++) {
					dots[i].className = dots[i].className.replace(" active", "");
				} 
				// Display the current slide and set dot style
				slides[slideIndex - 1].style.display = "block";
				//dots[slideIndex - 1].className += " active";
			}
			// Function to automatically loop through slides
			function autoLoopSlides() {
				var delay = 5000; // Change slide every 5 seconds (adjust as needed) 
				// Clear any existing interval
				clearInterval(slideshowInterval);
				// Start a new interval
				slideshowInterval = setInterval(function() {
					plusSlides(1); // Go to the next slide
				}, delay);
			}
			function display(){
				alert("Submitted Succesfully");
				//window.location.assign("https://unimonitravel.com");
			}
		</script>					
		<!--START 24022023-->
		<script>
			var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?48081';
			var s = document.createElement('script');
			s.type = 'text/javascript';
			s.async = true;
			s.src = url;
			var options = {
				"enabled": true,
				"chatButtonSetting": {
					"backgroundColor": "#4dc247",
					"ctaText": "",
					"borderRadius": "25",
					"marginLeft": "0",
					"marginBottom": "20",
					"marginRight": "30",
					"position": "right"
				},
				"brandSetting": {
					"brandName": "WhatsApp! ",
					"brandSubTitle": "Unimoni Travel & Holidays",
					"brandImg": "fradent/images/whatsapp.png",
					"welcomeText": "Hi!\n\nWelcome to Unimoni Travel & Holidays.\n Happy to know that you are Interested in our Travel | Visa Assistance.\n\n We are here to Help you. \n Please let us know how we can help you.",
					"messageText": "Book My Tour with Unimoni Travel & Holidays",
					"backgroundColor": "#0a5f54",
					"ctaText": "Start Chat",
					"borderRadius": "25",
					"autoShow": false,
					"phoneNumber": "+9190720 04266"
			  }
			};
			s.onload = function() {
				CreateWhatsappChatWidget(options);
			};
			var x = document.getElementsByTagName('script')[0];
			x.parentNode.insertBefore(s, x);			
		</script>
		<!--END 24022023-->
		<script>
			function voyagerguest() {	
				var userEmail = localStorage.getItem('userEmail');
				var custImg = localStorage.getItem('custImg');
				var custName = localStorage.getItem('userName');
				var custcode = localStorage.getItem('custcode');
				var custChannel = "Google";
				var voyagerFlag = "Y";
				var bookingFlag = "to_book_flights";
				if (userEmail) {
					$('form[id=CustProfile] input[name=custMail]').val(userEmail);
					$('form[id=CustProfile] input[name=custImg]').val(custImg);
					$('form[id=CustProfile] input[name=custName]').val(custName);
					$('form[id=CustProfile] input[name=custChannel]').val(custChannel);
					$('form[id=CustProfile] input[name=voyagerFlag]').val(voyagerFlag);
					$('form[id=CustProfile] input[name=custCode]').val(custcode);
					$('form[id=CustProfile] input[name=bookingFlag]').val(bookingFlag);
					//$('form[id=CustProfile] input[name=custCode]').val(custcode);
					// Set form action and method, then submit
					$('form[id=CustProfile]').attr("action", travelpath + "b2c-portal/pages/SSOLoginB2C.jsp");
					$('form[id=CustProfile]').attr("method", "post");
					$('form[id=CustProfile]').submit();
					} else {
						parent.location = 'https://voyager.unimonitravel.com/';
						}
					}
			function visa() {
				var custcode = localStorage.getItem('custcode');
				//alert("custcodecustcodecustcode"+custcode);
					const form = $('#CustProfile');
					if (form.length > 0) {						
						const formDataArray = form.serializeArray();
						const validFormData = formDataArray.filter(field => field.value.trim() !== "");
						const queryString = $.param(validFormData);	
						const custcodeParam = custcode ? `custcode=${encodeURIComponent(custcode)}` : "";						
						const finalQueryString = queryString 
								? (custcode ? `${queryString}&${custcode}` : queryString) 
								: custcode;
											
						const baseUrl = "https://dev-www.unimonitravel.com/visa_view";
						const finalUrl = finalQueryString ? `${baseUrl}?${finalQueryString}` : baseUrl;	
						//const finalUrl = queryString ? `${baseUrl}?${queryString}` : baseUrl;
						console.log("Opening URL:", finalUrl); 
						 window.location.href = finalUrl;
					} else {
						console.error("Form with ID 'CustProfile' not found.");
						alert("Form not found. Please check the form ID.");
					}
				}			
			function searchHolidays(){
				parent.location = '/holidays';	
			}
			function searchVisa(){		//21082024
				parent.location = 'https://onlinevisa.unimonitravel.com/';
			}	
			// function myFunction(){
			// 	alert("checking flights")				
			// }		
	 function logout(){
                var logout = confirm("Are you sure to logout?");
			//updateProfileDisplay();
                if(logout){
					  localStorage.removeItem('userName');
					localStorage.removeItem('userEmail');
					localStorage.removeItem('custcode');	
					localStorage.removeItem('respmob');
					localStorage.removeItem('custImg');
					localStorage.removeItem('lat');
					localStorage.removeItem('lon');
					localStorage.removeItem('userIP');
                    //window.close();
                    location.href = "https://dev-www.unimonitravel.com/";
                }
            }
   function toggleLogoutMenu() {
        var logoutMenu = document.getElementById('logoutMenu');
        var logoutMenus = document.getElementById('logoutMenus');
        var myprofile = document.getElementById('myprofile');
        var myprofiles = document.getElementById('myprofiles');
       // var logomob = document.getElementById('logomob');
		//logomob.style.margin-top = '20%'		
        // Toggle the display property
        if (logoutMenu.style.display === 'none' || logoutMenu.style.display === '') {
            logoutMenu.style.display = 'block';
			document.getElementById('logomob').style.marginTop = "30%";
        } else {
            logoutMenu.style.display = 'none';
			document.getElementById('logomob').style.marginTop = "0%";
        }
		if (logoutMenus.style.display === 'none' || logoutMenus.style.display === '') {
			document.getElementById('logomob').style.marginTop = "30%";
            logoutMenus.style.display = 'block';
        } else {
            logoutMenus.style.display = 'none';
			document.getElementById('logomob').style.marginTop = "0%";
        }
		if (myprofile.style.display === 'none' || myprofile.style.display === '') {
            myprofile.style.display = 'block';
        } else {
            myprofile.style.display = 'none';
        }
		if (myprofiles.style.display === 'none' || myprofiles.style.display === '') {
            myprofiles.style.display = 'block';
        } else {
            myprofiles.style.display = 'none';
        }
    }
</script>
<script>
const searchOverlay = document.createElement("div");
searchOverlay.className = "search-overlay mobs";
searchOverlay.id = "search-overlaymob-mob";
searchOverlay.style = "background-color: #09395b; border-radius: 8px; padding-top: 8px; padding-bottom: 70px; width: 100%;";
const searchWrap = document.createElement("div");
searchWrap.className = "search-wrap";
const searchTabs = document.createElement("ul");
searchTabs.className = "search-tabs two-column mobsul";
searchTabs.style = "font-size: large; display: flex; padding: 0; list-style: none;";
const tabsData = [
    { text: "Flights", iconClass: "icon-charter_flights Flights", action: "voyagerguest(); submitDataToLog(this);", className: "Flights" },
    { text: "Hotels", iconClass: "fas fa-hotel Hotels", action: "voyagerguest(); submitDataToLog(this);", className: "Hotels", iconMargin: "11px" },
    { text: "Holidays", iconClass: "icon-holidays Holidays", action: "searchHolidays(); return false; submitDataToLog(this);", className: "Holidays" },
    { text: "Visa", iconClass: "fa-brands fa-cc-visa Visa", action: "visa(); submitDataToLog(this);", className: "Visa", iconMargin: "7px" },
    { text: "Plan Your Trip", iconClass: "icon-ecash", action: "trip(); submitDataToLog(this);", className: "Bus", iconMargin: "18px" },
    { text: "Bus", iconClass: "fa-solid fa-bus Trip", action: "bus(); submitDataToLog(this);", className: "Trip", iconMargin: "5px" },
];
tabsData.forEach((tab, index) => {
    const listItem = document.createElement("li");
     listItem.className = `tabicon ${tab.className}`; // Assigning exact class name
    listItem.style = "font-size: 10px; color: white; cursor: pointer; text-align: center; padding: 0px; flex: 1;";
    listItem.setAttribute("onClick", tab.action);
    if (index === 0) {
        listItem.classList.add("active"); 
    }
    const iconSpan = document.createElement("span");
    iconSpan.className = `demo-icon ${tab.iconClass} card`;
    if (tab.iconMargin) iconSpan.style.marginLeft = tab.iconMargin;
    const textSpan = document.createElement("span");
    textSpan.className = "wtabs";
    textSpan.textContent = tab.text;
    //if (tab.iconMargin) textSpan.style.marginLeft = "15px";
    listItem.appendChild(iconSpan);
    listItem.appendChild(document.createElement("br"));
    listItem.appendChild(textSpan);
    searchTabs.appendChild(listItem);
});
searchWrap.appendChild(searchTabs);
searchOverlay.appendChild(searchWrap);
const signinMsg = document.createElement("p");
signinMsg.id = "signinmsg";
signinMsg.style = "color: black; display: none;";
signinMsg.textContent = "NB: Kindly sign in with your email id to proceed";
searchOverlay.appendChild(signinMsg);
document.body.appendChild(searchOverlay);
</script>
<script src="https://accounts.google.com/gsi/client"  async></script>
    <script>       
    window.onload = function () {
		document.getElementById("location-popup").style.display = "block";
		const userIP = "18.191.37.16";		
		localStorage.setItem('userIP', userIP);	
		updateProfileDisplay();
		checkSessionExpiry();
		fetchClientId();
	};
 function getPreciseLocation() {
            if ("geolocation" in navigator) {
                navigator.geolocation.getCurrentPosition(
                    function(position) {
						var lat=position.coords.latitude;
						var lon=position.coords.longitude;
						localStorage.setItem('lat', lat);			
						localStorage.setItem('lon', lon);			
                        document.getElementById("location-popup").style.display = "none";
						document.getElementById("overlays").style.display = "none";
                    },
                    function(error) {
                        alert("Error getting location: " + error.message);
                    },
                    { enableHighAccuracy: true }
                );
            } else {
                alert("Geolocation is not supported by this browser.");
            }
        }
       function closePopup() {
			 document.getElementById("overlays").style.display = "none";
            document.getElementById("location-popup").style.display = "none";
            document.body.classList.remove("no-scroll"); // Enable scrolling again
        }
async function fetchClientId() {
  try {
    const response = await fetch(travelpath + "b2c-portal/pages/b2c_common_APIgateway.jsp", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "transaction_type": "googleauth"
      },
    });

    if (!response.ok) {
      const errorText = await response.text();
      console.error("Server Error:", response.status, errorText);
      return;
    }
    const contentType = response.headers.get("content-type");
    const rawText = await response.text();
    const jsonStart = rawText.indexOf('{');
    const jsonText = jsonStart !== -1 ? rawText.substring(jsonStart) : "{}";
    const data = JSON.parse(jsonText); 
    const clientid = data.client_id || null;
    if (!clientid) {
      throw new Error(`Error: ${data.error || "Client ID is missing"}`);
    }
    let metaTag = document.querySelector('meta[name="google-signin-client_id"]');
    if (!metaTag) {
      metaTag = document.createElement('meta');
      metaTag.name = 'google-signin-client_id';
      document.head.appendChild(metaTag);
    }
    metaTag.content = clientid;
    google.accounts.id.initialize({
      client_id: clientid,
      callback: handleCredentialResponse
    });
    google.accounts.id.renderButton(
      document.getElementById("buttonDiv"),
      { theme: "filled_blue", size: "large" }
    );
    google.accounts.id.prompt();
  } catch (error) {
    console.error("Error fetching Client ID:", error.message);
  }
}
 function handleCredentialResponse(response) {
    try {
        var tokens = response.credential.split(".");
        var payload = JSON.parse(atob(tokens[1]));
        localStorage.setItem("userName", payload.name);
        localStorage.setItem("userEmail", payload.email);
        localStorage.setItem("custImg", payload.picture);
        document.getElementById("custName").value = payload.name || "";
        document.getElementById("custImg").value = payload.picture || "";
        document.getElementById("custMail").value = payload.email || "";
        document.getElementById("custChannel").value = "Google";
        storeSessionData(payload.name, payload.email);
		updateProfileDisplay();
if (clickedForTrip) {        //23102024	
        redirectToTripPage();
        clickedForTrip = false;  // Reset the flag
    }
		//profileFunction();
    } catch (error) {
        console.error("Error processing login response:", error);
    }
}
function updateProfileDisplay() {
    var userName = localStorage.getItem('userName');
    var userEmail = localStorage.getItem('userEmail');
    if (userName && userEmail) {
		 var LoginEmailID  = userEmail  
                let position = LoginEmailID.search("unimoni");
                if(position != -1){
                    alert("Please use your personal Email Id to proceed with Unimoni Travel");
					myFunction1();
                    localStorage.clear();
					localStorage.removeItem('userName');
					localStorage.removeItem('userEmail');
					localStorage.removeItem('custcode');	
					localStorage.removeItem('respmob');
					document.getElementById("UserLogin").style.display = "inline-block";
					document.getElementById("UserLogins").style.display = "inline-block";
					document.getElementById("UserProfile").style.display = "none";
					document.getElementById("UserProfiles").style.display = "none";
					//location.href = "https://dev-www.unimonitravel.com/";
                }	
				else{
        //document.getElementById("profileName").textContent = userName;
        //document.getElementById("profileNames").textContent = userName;
        document.getElementById("profileEmail").textContent = userEmail;
       // document.getElementById("profileEmails").textContent = userEmail;
		document.getElementById("id01").style.display = "none";
        // Hide "User Login" and show "User Profile" and "Sign Out"
        document.getElementById("UserLogin").style.display = "none";
        document.getElementById("UserLogins").style.display = "none";
        document.getElementById("UserProfile").style.display = "inline-block";
        document.getElementById("UserProfiles").style.display = "inline-block";
		googleidcheck(userEmail,userName);
		}
        ///document.getElementById("SignOut").style.display = "block";
    }else {
        // No user is logged in, show "User Login" and hide "User Profile" and "Sign Out"
        document.getElementById("UserLogin").style.display = "inline-block";
        document.getElementById("UserLogins").style.display = "inline-block";
        document.getElementById("UserProfile").style.display = "none";
        document.getElementById("UserProfiles").style.display = "none";
       // document.getElementById("SignOut").style.display = "none";
    }
}
async function googleidcheck(userEmail, userName) {  
    const formData = new URLSearchParams();
    formData.append("userEmail", userEmail);
   // formData.append("userName", userName);
    try {
        const response = await fetch(travelpath + "b2c-portal/pages/b2c_common_APIgateway.jsp", {
            method: "POST",
            headers: {
                "Content-Type": "application/x-www-form-urlencoded",
                "transaction_type": "crmssearch"   
            },
            body: formData
        });
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
       let responseText = await response.text();
        const jsonStart = responseText.indexOf("{");
        const cleanJsonText = responseText.substring(jsonStart);
        const data = JSON.parse(cleanJsonText);
        var crmsresp = data.crmsFlag;
        var pctresp = data.pctFlag;
        var custcode = data.custCode;
        var respmob = data.mobNum[0];
         localStorage.setItem("crmsresp", crmsresp);
         localStorage.setItem("pctresp", pctresp);
         localStorage.setItem("custcode", custcode);
         localStorage.setItem("respmob", respmob); 
         localStorage.setItem("userName", userName); 
         localStorage.setItem("userEmail", userEmail); 	 
		 if (respmob === "" || typeof respmob === "undefined") {										                  
					respmob="2222222222";	
					localStorage.setItem('respmob', respmob);										
					registercustomer('Google')
				}
				
    } catch (error) {
        console.error("Fetch error:", error.message);
        alert("Error fetching data: " + error.message);
    }
}		
async function registercustomer(F) {
	var customername	= localStorage.getItem('userName');
    var customermob		= localStorage.getItem('respmob');                
    var customermail	= localStorage.getItem('userEmail');				             
	$.ajax({
    type: "POST",
    url: travelpath+"/b2c-portal/pages/b2c_common_APIgateway.jsp",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded",
        "transaction_type": "registration"   
    },
    data: {
        customername: customername,
        customermob: customermob,
        customermail: customermail,
        email_verified_flag: "V"
    },
    success: function(response) {
	//alert("Email sent successfully!");
	//console.log("response:", response);
    var jsonStart = response.indexOf('{');
    var jsonEnd = response.lastIndexOf('}') + 1; 
    var jsonString = response.substring(jsonStart, jsonEnd);
    //console.log("Extracted JSON:", jsonString);		 
    var jsonResponse = JSON.parse(jsonString);
    var custcode = jsonResponse.cust_code;
    //console.log("jsonResponse:", jsonResponse);
    //console.log("custcode:", custcode);
	localStorage.setItem('custcode', custcode);

    },
	  
    error: function(xhr, status, errorThrown) {
        console.log("Error:", errorThrown);
        alert("Error occurred.");
    }
});	
}
function goToCustLogin() {
	document.getElementById("custName").value = localStorage.getItem('userName');
        document.getElementById("custImg").value = localStorage.getItem('custImg');
        document.getElementById("custMail").value = localStorage.getItem('userEmail');
        document.getElementById("custCode").value =  localStorage.getItem('custcode');
		document.getElementById("bookingFlag").value = "to_book_flights";
		document.getElementById("custChannel").value = "Google";
		document.getElementById("custMob").value =  localStorage.getItem('respmob');				
		profileFunction();				
}  	  
	  
function checkSessionExpiry() {
    const sessionExpiry = localStorage.getItem('sessionExpiry');    
    if (sessionExpiry) {
        const now = new Date().getTime();        
        if (now > sessionExpiry) {
            localStorage.clear();
			localStorage.removeItem('userName');
				localStorage.removeItem('userEmail');
					localStorage.removeItem('custcode');	
					localStorage.removeItem('respmob');
					localStorage.removeItem('lat');
					localStorage.removeItem('lon');
					localStorage.removeItem('userIP');
            //alert("Your session has expired. Please log in again.");
            updateProfileDisplay();  // Optionally update UI to show login instead of profile
        }
    }
}
 function storeSessionData(userName, userEmail) {
    const now = new Date().getTime();
   // const oneHourLater = now + (1 * 60 * 60 * 1000);  // 1 hour in milliseconds
   const oneMinuteLater = now + (2 * 60 * 1000);  // 1 minute in milliseconds
    localStorage.setItem('userName', userName);
    localStorage.setItem('userEmail', userEmail);
    localStorage.setItem('sessionExpiry', oneMinuteLater);
}
  
        var curImg = 0;
        var galleryImages = []; // Array for fetched images
        var localImages = [];   // Array for local images
        function displayImage(index) {
            if (galleryImages.length > 0) {
                var imgElement = document.getElementById("slideshow");
                imgElement.src = galleryImages[index].image;
                imgElement.onclick = function() {
                    if (galleryImages[index].routeurl) {
                        window.location.href = galleryImages[index].routeurl;
                    }
                };
            } else {
                console.error('No images available to display.');
            }
        }
        function rotateImages() {
            if (galleryImages.length > 0) {
                curImg = (curImg < galleryImages.length - 1) ? curImg + 1 : 0;
                displayImage(curImg);
            }
        }
        function nextImage() {
            if (galleryImages.length > 0) {
                curImg = (curImg < galleryImages.length - 1) ? curImg + 1 : 0;
                displayImage(curImg);
            }
        }
        function prevImage() {
            if (galleryImages.length > 0) {
                curImg = (curImg > 0) ? curImg - 1 : galleryImages.length - 1;
                displayImage(curImg);
            }
        }
        function fetchGalleryImages() {
            fetch('../../imageupload/imageupload.php')
                .then(response => response.text())  // Get the response as text
                .then(text => {
                    try {
                        // Extract the JSON part from the response text
                        const jsonMatch = text.match(/var galleryImages = (\[.*?\]);/);
                        if (jsonMatch && jsonMatch[1]) {
                            galleryImages = JSON.parse(jsonMatch[1]); // Parse the JSON array
                            if (galleryImages.length > 0) {
                                displayImage(curImg); // Update display with images
                            } else {
                                galleryImages = localImages; // If no server images, use local images
                                displayImage(curImg);
                            }
                        } else {
                            console.error("Failed to extract galleryImages from response.");
                        }
                    } catch (error) {
                        console.error('Error parsing gallery images:', error);
                    }
                })
                .catch(error => console.error('Error fetching gallery images:', error));
        }
        function fetchLocalImages() {
            fetch('../../imageupload/localimages.php')
                .then(response => response.json())
                .then(data => {
                    localImages = data;
                    if (localImages.length > 0) {
                        galleryImages = localImages.concat(galleryImages); // Prepend local images to galleryImages
                        displayImage(curImg); // Update display with local images
                    } else {
                        console.error('No local images found.');
                    }
                })
                .catch(error => console.error('Error fetching local images:', error));
        }
         document.addEventListener('DOMContentLoaded', function() {
			fetchLocalImages();
			fetchGalleryImages(); 
			setInterval(rotateImages, 3500);
		});		
    </script>
	</body>
</html>