/*!
Theme Name: Borderlands
Theme URI: http://underscores.me/
Author: AWTG Ltd
Author URI: https://www.awtg.co.uk
Description: Borderlands Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: borderlands
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Borderlands is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css////
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
* {
    font-family: 'Nunito Sans', sans-serif;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, 'Nunito Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #FAFAFA;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
.hidden,.d-none{display:none;}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
.my-0{margin-top:0;margin-bottom:0;}
.mx-0{margin-left:0;margin-right:0;}
.px-0{padding-left:0;padding-right:0;}
.py-0{padding-top:0;padding-bottom:0;}
.d-flex{display:flex;}
.g-1{gap:1px;}
.g-2{gap:2px;}
.g-3{gap:3px;}
.g-4{gap:4px;}
.g-5{gap:5px;}
.g-6{gap:6px;}
.g-7{gap:7px;}
.g-8{gap:8px;}
.g-9{gap:9px;}
.g-10{gap:10px;}
.g-16{gap:16px;}
.g-24{gap:24px;}
.g-24{gap:24px;}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.page-template:not(.home,.page-template-locations,.page-template-Itineraries,.page-template-itinerary-detail) #page,.page-template.home .pagecontent, .page-template-default #page,.custom-page-content.locations{
	max-width: 1440px;
	margin:0 auto;
}
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/* .post,
.page {
	margin: 0 0 1.5em;
}
 */
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.footer-container{
	display: flex;
    flex-direction: column;
    max-width: 1440px;
    /* height: 105px; */
    /* justify-content: space-between; */
    padding-left: 80px;
    padding-right: 80px;
    margin: 0 auto;
	gap:24px;
}
.footer-container .footer_firstrow{display:flex;align-items:center;justify-content:space-between;}
.footer-container .downloadapp{display:flex;gap: 16px;}
.site-footer{background: #062F35;padding: 56px 0px !important;}
.site-footer .otherinfos{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-footer .socialmedias{
	gap: 46px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.site-footer .otherlinks a,.site-footer .otherlinks a:hover{
	color: #FAFAFA;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	opacity:inherit;
	text-decoration:none;
}
.site-footer .otherlinks{display:flex;gap:23px;}
.site-footer .copyrights span{
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.slider_locations img,.slider_locationss img,.slider_explore img,.slider_visitorsguide .boximage{
	height: 263px;
}
.slider_locations div.content_Divs,.slider_explore div.content_Divs,.slider_locationss div.content_Divs,.slider_visitorsguide div.content_Divs{
	/* padding: 24px 16px; */
	padding: 16px;
}
.slider_locations div.maindivs,.slider_explore div.maindivs,.slider_locationss div.maindivs{
	border-radius: 8px;
	background: #F1F3F5;
	width: 305px;
	display: flex;
	flex-direction: column;
	height:503px;
}
.slider_visitorsguide div.maindivs{
	border-radius: 8px;
	background: #F1F3F5;
	width: 305px;
	display: flex;
	flex-direction: column;
	min-height:400px;
}
/* .slider_visitorsguide div.maindivs{height: 356px !important;} */
.slider_locations div h3,.slider_explore div h3,.slider_visitorsguide div h3,.slider_locationss div h3{
	color: #062F35;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0px;
}
.slider_locations div .para1,.slider_explore div .para1,.slider_visitorsguide div .para1,.slider_locationss div .para1{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top:8px;
	padding-bottom:8px;
	margin: 0px;
}
.slider_locations div .para2,.slider_explore div .para2,.slider_visitorsguide div .para2,.slider_locationss div .para2{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0px;
}
.locations .lheader,.explore .lheader,.visitorsguide .lheader{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom:16px;
}
.locations .lheader h2,.explore .lheader h2,.visitorsguide .lheader h2{
	color: #062F35;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.locations .rightsidecontent a,.locations .rightsidecontent a:hover,.explore .rightsidecontent a,.explore .rightsidecontent a:hover,.visitorsguide .rightsidecontent a,.visitorsguide .rightsidecontent a:hover{
	color: var(--States-Info, #2AB0FC);
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration:none;
}
.locations .rightsidecontent,.explore .rightsidecontent,.visitorsguide .rightsidecontent{
	align-items: center;
    gap: 24px;
    display: flex;
}
.custom-navigation {display:flex;gap:24px;}
.custom-navigation button{
	background:none;
	border:none;
	cursor:pointer;
	padding:0px;
}
.pagecontent{padding:80px;}
.pagecontent.esimcompatible{padding-bottom: 50px !important;}
.pagecontent.userguide{padding-bottom: 0px !important;}
.slider_locations .slick-slide img,.slider_explore .slick-slide img,.slider_visitorsguide .slick-slide img,.slider_locationss .slick-slide img {
    object-fit: cover;
    border-radius: 8px;
	width:100%;
	/* height: auto; */
}
.slider_locations .slick-slide,.slider_explore .slick-slide,.slider_visitorsguide .slick-slide,.slider_locationss .slick-slide{margin:0 10px;}
.slider_locations .slick-list,.slider_explore .slick-list,.slider_visitorsguide .slick-list,.slider_locationss .slick-list{margin: 0 -10px;}
.locations,.explore,.visitorsguide{margin-top:48px;margin-bottom:48px;}
/* Full-Screen Slider */
.swiper-container {
width: 100%;
height: 100vh; /* Full height slider */
position: relative;
overflow: hidden;
}

/* Slide Images */
/* .swiper-slide {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
} */
.swiper-slide{display:flex !important; align-items:center;}
/* Text Overlay */
.slider-content {
position: absolute;
/* top: 30%; */
top: 0%;
left: 0%;
max-width: 500px;
color: white;
/* text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); */
}

.slider-content h1 {
color: var(--Primary-White, #FAFAFA);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.slider-content p {
color: var(--Primary-White, #FAFAFA);
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.slider-content a,.slider-content a:hover {
	display: inline-block;
	text-decoration: none;
	/* height: 42px; */
	padding: 10px;
	border-radius: 4px;
	background: var(--Primary-Purple, #AD1F82);
	color: var(--Primary-White, #FAFAFA);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding-left:20px;
	padding-right:20px;
	/* line-height: normal; */
}
/* Pagination */
.swiper-pagination {
display: flex;
justify-content: center;
}

/* Navigation Buttons and Pagination Container */
/* .navigation-container {
position: absolute;
bottom: 30px;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
right: 66px;
} */

/* Navigation Buttons */
/* .swiper-button-prev,
.swiper-button-next {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
color: white;
background-color: black;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 16px;
cursor: pointer;
} */

/* Position Buttons */
/* .swiper-button-prev {
margin-right: 10px;
}
 */
/* .swiper-button-next {
margin-left: 10px;
} */
/* .swiper-button-next:after, .swiper-button-prev:after{display:none;}
.swiper-button-prev, .swiper-button-next{
	border-radius: 17px;
	background: var(--Primary-White, #FAFAFA);
	display: flex;
	width: 34px;
	height: 34px;
	padding: 8.13px 8.261px 8.13px 8px;
	justify-content: center;
	align-items: center;
} */
.swiper-button-prev,.swiper-button-next{color:#FAFAFA;}
.swiper-button-next{right:24px;}
.swiper-button-prev{left:24px;justify-content:flex-start;}
.swiper-button-prev svg{display:none;}
.site-header .headercontainer{
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.headercontainer .navigationdiv #primary-menu > .menu-item .parent.active{
	color: #AD1F82;
}
.headercontainer .navigationdiv #primary-menu > .menu-item a{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1px;
}
.headercontainer .navigationdiv .main-navigation ul#primary-menu{
	gap: 24px;
}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu{
	width: 270px;
	flex-direction:column;
	background: var(--Primary-White, #FAFAFA);	
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	/* margin-top:20px; */
}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu li{padding: 16px;width:100%;}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu li a{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1px;
}

/* Show the submenu on hover or focus of the parent menu item */
.navigationdiv #primary-menu > li.menu-item-has-children:hover .sub-menu,
.navigationdiv #primary-menu > li.menu-item-has-children:focus-within .sub-menu {
    display: flex; /* Show as flex container */
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* Reset position */
    visibility: visible; /* Make visible */
    z-index: 6; /* Bring to the front */
}
.navigationdiv .sub-menu:hover, .navigationdiv .sub-menu:focus-within {
    display: flex; /* Keep submenu open */
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 6;
}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu li:hover,.custom-page-content.locations .dropdown-menu li:hover,.custom-page-content.locations .dropdown-menu li a:hover{
	background: #F1F3F5;
}
.filterdropbtnmenus li:hover,.filterdropbtnmenus li a:hover{
	background: #F1F3F5;
}
.filterdropbtnmenus .dropdown-item{padding-left:0px;white-space: normal !important;word-break: break-word;}
.filterdropbtnmenus li img{padding-right:0px !important;}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu li:first-child:hover,.custom-page-content.locations .dropdown-menu li:first-child:hover {
	border-radius: 8px 8px 0px 0px;
}
.headercontainer .navigationdiv .main-navigation ul ul.sub-menu li:last-child:hover,.custom-page-content.locations .dropdown-menu li:last-child:hover {
	border-radius: 0px 0px 8px 8px;
}
:where(audio,canvas,iframe,img,svg,video) {
    vertical-align: middle;
}
.site-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 16px 80px;
    position: relative;
    z-index: 7
}
.custom-page-content.attractiondetail .address{
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.custom-page-content.locations,.custom-page-content.attractiondetail,.custom-page-content,.privacy-policy .site-main{padding-left:80px;padding-right:80px;}
.custom-page-content.locations h1:not(.slide-title){
	color: #062F35;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.custom-page-content.locations .titleandcat{
	color: var(--Primary-Black, #062F35);
	/* font-size: 32px; */
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.custom-page-content.locations #categoryDropdown {
	width: 195px;
	border: none; /* No border */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	border-radius: 4px;
	background: var(--Primary-Purple, #AD1F82);
	height: 40px;
	padding: 3px 16px;
	color: var(--Primary-White, #FAFAFA);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	align-items:center;
	justify-content: space-between;
}
.custom-page-content.locations #locationDropdown,.custom-page-content.locations #interestDropdown,.filterdropbtn{
	border-radius: 4px;
    border: 1px solid #ACB5BD !important;
    display: flex;
    width: 195px;
    height: 40px;
    padding: 3px 16px;
    justify-content: space-between;
    align-items: center;
	font-weight: 500;
}
.custom-page-content.locations .dropdown-menu li a,.filterdropbtn li a{
	color: var(--Primary-Black, #062F35);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	/* padding:0px; */
}
.custom-page-content.locations .dropdown-menu,.filterdropbtnmenus,#exportdropdownMenu,.exportdropmenu{
	min-width: 270px;
	border-radius: 8px;
    background: var(--Primary-White, #FAFAFA);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
	padding:0px;
	inset:0 auto auto auto !important;
    transform: translate3d(0px, 42px, 0px) !important;
    z-index: 1050;
}
.custom-page-content.locations .dropdown-menu li, #exportdropdownMenu li,.filterdropbtnmenus li,.exportdropmenu li{
	padding:16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#exportdropdownMenu li:hover, #exportdropdownMenu li label:hover,.exportdropmenu li:hover,.exportdropmenu li label:hover{
	background: #F1F3F5;
}
.filterdropbtnmenus .dropdown-item:active,.filterdropbtnmenus .dropdown-item:focus, .filterdropbtnmenus .dropdown-item:hover{background: #F1F3F5;color:#062F35;}
.custom-page-content.locations .dropdown-item.active, .custom-page-content.locations .dropdown-item:active,.custom-page-content.locations .dropdown-item:focus, .custom-page-content.locations .dropdown-item:hover{background: #F1F3F5;color:#062F35;}

.custom-page-content.locations .dropdown-menu li img,.filterdropbtnmenus li img{vertical-align:bottom;padding-right:8px;}
.slider_visitorsguide .guideby{display:flex;gap:8px;margin-top:8px;}
.slider_visitorsguide .guideby .para{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:0;
}
.location_breadcrumb {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2c3e50;
}

.location_breadcrumb .breadcrumb-link,.attractiondetail_breadcrumb .breadcrumb-link {
	color: var(--Primary-Black, #062F35);
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration:none;
}
.location_breadcrumb,.attractiondetail_breadcrumb {
    display: flex;
    align-items: baseline;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #2c3e50; /* Adjust color as needed */
}

.breadcrumb-separator {
    margin: 0 4px; /* Adjust spacing as needed */
}
.dropdown .form-check-input {
    position: absolute;
    opacity: 0;
}
/* .attractiondetail_breadcrumb .breadcrumb-link {
	color: var(--Primary-Black, #062F35);
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration:none;
} */
.singleattraction_container{display:flex;justify-content:space-between;gap:8px;margin-top:32px;margin-bottom:48px;flex-wrap:wrap;}
.fulldetail span{
	color: var(--Primary-Black, #062F35);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.fulldetail h3{
	color: var(--Primary-Black, #062F35);
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.fulldetail .creadmore{
	color: var(--Primary-Black, #062F35);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
/* text-decoration-line: underline; */
/* text-decoration-style: solid; */
/* text-decoration-skip-ink: auto; */
/* text-decoration-thickness: auto; */
/* text-underline-offset: auto; */
/* text-underline-position: from-font; */
padding-top:8px;
cursor:pointer;
}
.fulldetail{
	display: flex;
    width: 414px;
	max-width:25%;
    min-height: 486px;
    padding: 24px;
    flex-direction: column;
border-radius: 8px;
background: var(--Primary-White, #FAFAFA);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.singleattraction_container .imgcontainer{width:74%;}
.slick-slide a{text-decoration:none;}
.slider_visitorsguide .guideby img{width:auto;}

.locationchart .bar {
  fill: #AD1F82;
}

.locationchart .bar:hover {
  fill: #922b7d; /* Change color on hover */
}

.locationchart .axis text,.locationchart .tick text {
color: var(--Shades-Gray7, #858E96);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-variant: all-small-caps;
    letter-spacing: 1px;
}
#waterchart path.domain{
	stroke-width: 3.037px;
	stroke: var(--Line-Style-1, #655B96);
}
.locationchart .axis path,
.locationchart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

/* .locationchart .ltooltip {
  position: absolute;
  background-color: #fefefe;
  border: 1px solid #3c3c3c;
  border-radius: 4px;
  padding: 5px;
  font-size: 12px;
  pointer-events: none;
  visibility: hidden;
} */
.radio-chart-group {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  margin-bottom:24px;
}

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

.radio-chart-group label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 16px;
color: #062F35;
font-size: 16px;
font-style: normal;
/* font-weight: 400; */
font-weight: 500;
line-height: normal;
border-radius: 40px;
border: 1px solid #ACB5BD;
background: #FAFAFA;
}

.radio-chart-group input[type="radio"]:checked + label {
	border-radius: 40px;
	border: 1px solid var(--Shades-Gray6, #ACB5BD);
	background: var(--Primary-Purple, #AD1F82);
	color: #FFFFFF;
}
.locationchart h3{
	color: #062F35;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.rightsidefilters .someinfo{
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.chartfilters_container{display: flex; justify-content:space-between;align-items:center;}
.chartfilters_container .leftsidefilters{display:flex;gap:16px;}
.rangeinput .date-range-picker{
	border-radius: 4px;
	border: 1px solid #CED4DA;
	background: #FAFAFA;
	height: 38px;
}
.rangeinput .date-range-picker:focus,.rangeinput .date-range-picker:active{box-shadow: none !important;}
.rangeinput .date-range-picker::placeholder{padding: 3px 16px;}
.chartfilters_container .datedropcontainer{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.home .daterangepicker .drp-buttons .applyBtn{
	border-radius: 9px;
	background: #AD1F82;
	height: 28px;
	padding: 8px 14px;
}
.home .daterangepicker .drp-buttons .cancelBtn {
	color: #495057;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 12px;
}
.home .daterangepicker .drp-buttons .cancelBtn:active,.home .daterangepicker .drp-buttons .cancelBtn:focus{border:none;}
.home .daterangepicker .drp-buttons .applyBtn {
    border-radius: 9px;
    background: #AD1F82;
    height: 28px;
    padding: 0px 14px;
    margin: 0px;
    border: 1px solid #AD1F82;
    color: var(--Primary-White, #FAFAFA);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}
.home .daterangepicker .calendar-table td.available{
	color: #062F35;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 12px;
}

.home .daterangepicker .calendar-table th{
	color: #062F35;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 12px;
}
.home .daterangepicker td.in-range {
    background-color: #F1F3F5;
}
.home .daterangepicker .ranges li.active {
    background-color: #AD1F82;
}
.resetfilter{
	color: var(--States-Info, #2AB0FC);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	cursor:pointer;
}
.homepage.slider_locations .maindivs{position:relative; height:auto;}
.homepage.slider_locations .content_Divs{
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 16px;
	width: 100%;
    border-radius: 0px 0px 8px 8px;
    background: linear-gradient(0deg, #062F35 12.11%, rgba(6, 47, 53, 0.00) 100%);
}
.homepage.slider_locations .content_Divs h3{
	color: #FAFAFA;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.slider_locationss{
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
	/* justify-content: center; */
}
.slider_locationss a{text-decoration:none;}
.slider_locationss a img{
	object-fit: cover;
    border-radius: 8px;
    width: 100%;
}
.heading_visit_contain{display: flex;justify-content: space-between;align-items: center;margin-top:48px;gap:10px;flex-wrap:wrap;}
.heading_visit{display:flex;justify-content:space-between;flex-direction:column;gap:10px;}
.heading_visit_contain a{
	border-radius: 4px;
	background: #AD1F82;
	padding: 10px 16px;
	text-decoration:none;
	color: var(--Primary-White, #FAFAFA);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
/* 	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font; */
}
.heading_visit h1{
	color: #062F35;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}
#lchart .axis-label,#waterchart .axis-label{
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-variant: all-small-caps;
	letter-spacing: 3.037px;
}
.carparklocation_boxes .box span.occupiedcount,.carparklocation_boxes .box span.availcount,.carparklocation_boxes .box span.totalcount{
	color:#062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.carparklocation_boxes .box .occupiedrow,.carparklocation_boxes .box .availrow,.carparklocation_boxes .box .totalrow{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.carparklocation_boxes .box .icontitle{
	display: flex;
    gap: 8px;
    align-items: center;
}
.carparklocation_boxes .box .icontitle span{
	color: #062F35;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.carparklocation_boxes .box .btn.available{
	padding: 4px 8px;
	border-radius: 4px;
	background: #38C976;
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.carparklocation_boxes .box .btn.full{
	padding: 4px 8px;
	border-radius: 4px;
	background: #AD0101;
	color: #FAFAFA;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.carparklocation_boxes .box .titlediv{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	margin-bottom:18px;
}
.carparklocation_boxes .box h3{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.carparklocation_boxes{
	display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.carparklocation_boxes .box_container{position:relative;}
.carparklocation_boxes .box_container .absolutetext{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
z-index: 10;
    opacity: 1;
}
.carparklocation_boxes .box.notinuse{
	opacity: 0.5;
    background: #F1F3F5;
}
.carparklocation_boxes .box_container{
	position:relative;
	display: flex;
	width: 413px;
	padding: 24px;
	flex-direction: column;
	border-radius: 16px;
	background: #F1F3F5;
}
.carparklocation_boxes .progress {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0px !important;
    height: 14px;
	border-radius: 30px;
	background: #E9ECEF;
}
.carparklocation_boxes .progress-bar {
	border-radius: 30px;
	background: #AD1F82;
}
.carparklocation_boxes .progress {
    display: flex;
    overflow: hidden;
    line-height: 0;
	border-radius: 30px;
	background: #E9ECEF;
}
.carpark_container{
	gap: 24px;
    display: flex;
    flex-direction: column;
}

.carpark_container .box {
    position: relative;
}

.carpark_container .box.camera-offline {
    /* opacity: 0.5; */
}

.carpark_container .absolutetext {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    z-index: 10;
    text-align: center;
    padding: 0px;
}

.carpark_container .absolutetext.notinuse-overlay {
    /* Keep existing notinuse styles if any */
}

.carpark_container .absolutetext.camera-offline-overlay {
   width: 100%;
   background: none;
}

.carpark_container .camera-offline .absolutetext img {}

.carpark_container .camera-offline .absolutetext p {
	color: var(--Shades-Gray10, #212529);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0px;
}
.camera-offline .carprogbox, .camera-offline .titlediv{opacity:.1;}
.camera-offline .titlediv span.btn{display:none;}
.custom-page-content.locations{margin-top:0px !important;}

.waterlevel_container .wtooltip, .ltooltip {
	position: absolute;
	background: #FFFFFF;
	color: #000;
	padding: 8px;
	border-radius: 8px;
	background: #FAFAFA;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
	font-size: 16px;
	pointer-events: none;
	visibility: hidden;
	white-space: nowrap;
}

.waterlevel_container .hover-line {
	stroke: #062F35;
	stroke-dasharray: 2; /* Dashed line */
	stroke-width: 1px;
	pointer-events: none;
	opacity: 0.8;
}

.waterlevel_container .hover-circle {
	fill: #FFFFFF;
	stroke: #000;
	stroke-width: 2px;
	visibility: hidden;
	pointer-events: none;
}
#exportDataModal .modal-header {border:none;padding:0;}
#exportDataModal .modal-footer {
	gap: 54px;
    border: none;
	padding:0px;
}
#exportDataModal .form-inline {
	display: flex;
	align-items: center;
	gap: 16px;
}
#exportDataModal .modal-content {
	border-radius: 8px;
	background: #FAFAFA;
	padding:32px;
}
#exportDataModal .modal-content form label{
	color: #000;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#exportDataModal .modal-content form input{
    border-radius: 4px;
    border: 1px solid var(--Shades-Gray6, #ACB5BD);
    background: #FAFAFA;
    display: flex;
    width: 195px;
    height: 40px;
    padding: 3px 16px;
    justify-content: space-between;
    align-items: center;
	box-shadow:none;
}
#exportDataModal .modal-content form{
	display: flex;
    justify-content: space-between;
	padding-bottom:38px;
}
#exportDataModal .choosedate {
	color: #000;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top:38px;
	padding-bottom:38px;
	margin:0px;
}
#exportDataModal .modal-body {padding:0px;}
#exportDataModal .modal-title {
	color: #000;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#exportDataModal .modal-dialog {
	max-width: 775px;
}
#exportDataModal .cancel {
	color: #062F35;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	background:none;
	border:none;
	margin:0px;
}
#exportDataModal .confirmexport {
	border-radius: 4px;
	background: #AD1F82;
	border: 1px solid #AD1F82;
	color: #FAFAFA;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin:0px;
}

#exportdropdownMenu li a, #exportdropdownMenu li a:visited, #exportdropdownMenu li a:hover, #exportdropdownMenu li label:active, #exportdropdownMenu li a:focus,#exportdropdownMenu li,.exportdropmenu li a, .exportdropmenu li a:visited, .exportdropmenu li a:hover, .exportdropmenu li label:active, .exportdropmenu li a:focus,.exportdropmenu li{
	color: #062F35 !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
}
#exportdropdownMenu li:hover, #exportdropdownMenu li a:hover,.exportdropmenu li:hover, .exportdropmenu li a:hover{
	background: #F1F3F5;
}
#exportdropdownMenu li label,.exportdropmenu li label{cursor:pointer;}
#exportDropdown,#exportDropdown:active,#exportDropdown:focus,.exportdropbtn,.exportdropbtn:active,.exportdropbtn:focus{
	border-radius: 4px;
    background: #AD1F82 !important;
    color: #FFFFFF !important;
    align-items: center;
    display: flex;
    width: 164px;
	height:40px;
    padding: 10px 16px;
    justify-content: space-between;
	border:none;
}
/* #exportdropdownMenu,.exportdropmenu{margin-left: -102px !important;} */
.dropdown-item{font-weight:500;}
.box.notinuse .titlediv span.notinuse{display:none;}
.exporterrorbox{
	display: flex;
    gap: 15px;
    color: #EF4444;
    font-size: 21px;
}
#exportDataModal .modal-content .form-control.error{
	border-color: #EF4444;
}
.air-quality .chartfilters_container{margin-bottom:16px;}
.airqinfo{
	display: flex;
    justify-content: center;
    gap: 26px;
}
.airqinfo .airicons span{
	color: #062F35;
	font-size: 15px;
}
.airqinfo .airicons img{
	width: 48px;
    height: 12px;
}
.airqinfo .airicons{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.overallaqicontent{
	margin-top:25px;
	margin-bottom:25px;
}
.overallaqicontent p{
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.overallaqicontent h4,.healthinfo_container h4,.pollutants_container h4{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.healthinfo_container .boxtitle{
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.healthinfo_container{
	display: flex;
    width: 100%;
    flex-direction: column;
	gap:8px;
}
.healthinfo_container .twoboxes{
	display: flex;
    gap: 16px;
	justify-content:space-between;
}
.healthinfo_container .riskboxcontainer,.healthinfo_container .generalpop{
	width: 46%;
    display: flex;
    flex-direction: column;
	gap:8px;
}
.healthinfo_container .riskboxes,.healthinfo_container .genpopboxes{
	display: flex;
    gap: 16px;
    flex-wrap: wrap;
	justify-content:space-between;
}
.healthinfo_container .riskbox,.healthinfo_container .genpopbox{
	border-radius: 8px;
    background: #eeeeee;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    width: 286px;
    flex-direction: row;
	flex-grow:1;
}
.healthinfo_container .icontitle{
	color: #062F35;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.healthinfo_container .iconbox{
	border-radius: 4px;
    background: #FAFAFA;
    display: flex;
    width: 44px;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.healthinfo_container .iconbox img{width:24px;height:24px;max-width:none!important;}
#date-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19px;
}

#date-slider button,#date-slider button:hover,#date-slider button:active{
	border-radius: 4px;
	border: 1px solid #ACB5BD;
	color: #062F35;
	background:#FAFAFA;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	height: 40px;
	padding: 3px 0px;
	align-items: center;
	gap: 83px;
	cursor: pointer;
	font-family: "Nunito Sans";
	width: 128px;
	justify-content:center;
}
#date-slider #current-date{
	color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#date-slider button:disabled {
	cursor: not-allowed;
	border-radius: 4px;
	border: 1px solid #ACB5BD;
	opacity: 0.5;
	color: #062F35;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.pollutants_container{
	display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.pollutantdonuts_boxes{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pollutantdonut_box{
    display: flex;
    width: 220px;
    flex-direction: row;
	justify-content:space-between;
	gap:8px;
	align-items:flex-start;
}
.pollutantdonut{width:30%;}
.pollutantdonut_info{display:flex;flex-direction:column;gap:4px;width:70%;}
.pollutantdonut_box .pollutantdonut_info .paql.invalid{
	color: #AD0101;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display:flex;
	gap:8px;
}
.pollutantdonut_box .pollutantdonut_info .paql{
	color: #858E96;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pollutantdonut_box .pollutantdonut_info .ptitle{
	color: #062F35;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pollutantdonut_box .pollutantdonut_info .ppollutant{
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.search-container {
position: relative;
width: 428px;
max-width: 428px;
}

.search-container .search-bar {
display: flex;
width: 428px;
height: 42px;
padding: 8px 26px;
flex-direction: row;
align-items: center;
gap: 16px;
border-radius: 40px;
background: #F1F3F5;
padding-right:0px;
}
.search-container .search-bar.open{
/* padding: 0px 26px !important; */
border-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
}
.search-container #search-input::placeholder,.search-container #search-input-mobile::placeholder {opacity:.5;}
.search-container #search-input,.search-container #search-input-mobile {
	padding:0px;
width: 100%;
border: none;
outline: none;
background: transparent;
color: #062F35;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.search-container .suggestions {
padding: 8px 26px 16px 26px;
position: absolute;
margin: 0;
width: 100%;
flex-direction: column;
gap: 16px;
display: none;
background: #F1F3F5;
box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.16);
border-radius:0 0 20px 20px;
max-height:410px;
overflow-y:auto;
}
/* .search-container .suggestions li:first-child {padding-top:0px !important;} */
.search-container .suggestions li {
padding: 0px;
cursor: pointer;
display: flex;
align-items: center;
color: #062F35;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
gap:16px;
}

.search-container .suggestions li i {
color: #9ea3a9;
margin-right: 15px;
font-size: 18px;
}

#suggestions-list-mobile{
	box-shadow: none;
    background: none;
}
.search-bar-mobile{
	box-shadow: none !important;
    border-radius: 32px !important;
    border: 1px solid #ACB5BD;
    background: none !important;
}
h1.noresult,h1.topresult{
	color: #062F35;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
	padding-bottom:16px;
}
.searchresult .resultboxes .resultimage img{width:232px;border-radius:8px;height:187px;max-width: fit-content;}
.searchresult .resultboxes .resultinfo p{
	color: #062F35;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.searchresult .resultboxes .resultinfo span{
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.searchresult .resultboxes .resultinfo h3{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.searchresult .resultboxes .resultinfo{
	padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
	padding-top:0px;
}
.searchresult .resultboxes.location .resultinfo{justify-content:center;}
.searchresult .resultboxes .result{
	border-radius: 8px;
	/* background: var(--Shades-Gray2, #F1F3F5); */
	display: flex;
	gap: 8px;
}
.searchresult .resultboxes{
	display: flex;
    flex-direction: column;
    gap: 16px;
	margin-bottom: 16px;
}
.searchresult .resultboxes .guideby img{width:auto;}
.searchresult .resultboxes .guideby{
	width: 100%;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.site-footer .otherinfos a,.site-footer .otherinfos span{opacity:.75;}
.custom-page-content.locations .titleandcat h3{
	color: #062F35;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.daily.waterchart .x.main g.tick{display:none;}
@media (max-width: 345px) {
	.visitornumber_container .leftsidefilters .dropdown, .chartfilters_container .datedropcontainer, .waterlevel_container .leftsidefilters .dropdown, .waterlevel_container #exportDropdown{
        width: 100% !important;
    }
	.locationchart .radio-chart-group label{font-size:10px !important;}
	.chartbox .filterdropbtnmenus.show, #exportdropdownMenu, #exportdropdownMenu-air{width: 310px !important;}
	.leftsidefilters #ldropdownMenu, .leftsidefilters #subdropdownMenu, .leftsidefilters #wldropdownMenu, .leftsidefilters #recorddropdownMenu, .leftsidefilters #aldropdownMenu, #exportdropdownMenu-air{margin-left:0px !important;}
}
@media (max-width: 769px) {
	.pagecontent.contactuspage{padding-top:24px !important;}
	.pagecontent,.custom-page-content.locations, .custom-page-content.attractiondetail,.error-404.not-found{padding-left:20px;padding-right:20px;}
	.custom-page-content.setnewpasswordpage{padding-left:0px;padding-right:0px;}
	.slider_locations img, .slider_locationss img, .slider_explore img, .slider_visitorsguide .boximage{height:160px;}
	.slider_locations div h3, .slider_explore div h3, .slider_visitorsguide div h3, .slider_locationss div h3{font-size: 16px;}
	.slider_locations div .para1, .slider_explore div .para1, .slider_visitorsguide div .para1, .slider_locationss div .para1,.slider_locations div .para2, .slider_explore div .para2, .slider_visitorsguide div .para2, .slider_locationss div .para2{font-size: 12px;padding-top:4px;padding-bottom:4px;}
	.slider_locations div.maindivs, .slider_explore div.maindivs, .slider_locationss div.maindivs{height:340px;}
    .custom-page-content.locations .slider_locations div.maindivs, .custom-page-content.locations .slider_explore div.maindivs, .custom-page-content.locations .slider_locationss div.maindivs {height: 390px;}
	.site-footer .otherinfos{flex-direction:column;gap:8px;}
	.custom-page-content.locations .attractions{margin-top: 32px !important;}
	.custom-page-content.locations .attractions .slider_locationss{gap: 24px 15px !important;}
	.custom-page-content.locations .titleandcat{flex-direction: column;align-items: flex-start;gap: 24px;}
	.custom-page-content.locations .titleandcat div.d-flex{gap:15px !important;}
	section.locations, section.explore, section.visitorsguide{margin-top:24px !important;margin-bottom:24px !important;}
	.custom-page-content.locations #categoryDropdown,.custom-page-content.locations #locationDropdown,.slider_locations div.maindivs, .slider_explore div.maindivs, .slider_locationss div.maindivs{width:160px;}
	.slider_visitorsguide div.maindivs{min-height:310px;}
	.custom-page-content.locations .location-group .dropdown-menu.show{display:flex;}
	.custom-page-content.locations .location-group .dropdown-menu{min-width:335px;margin-top: 8px !important;flex-direction:column;gap:14px;}
	.custom-page-content.locations .location-group .dropdown-menu li{padding:0px;}
	.heading_visit h1{font-size:32px;}
	.singleattraction_container .fulldetail{order:2;box-shadow:none;padding:0;width:100%;max-width:100%;min-height:100% !important;}
	.singleattraction_container .imgcontainer{width:100%;}
	.singleattraction_container .imgcontainer img{width:100% !important;height:100% !important;}
	.locations .lheader h2, .explore .lheader h2, .visitorsguide .lheader h2{font-size:24px;}
	.slider_locations div.content_Divs, .slider_explore div.content_Divs, .slider_locationss div.content_Divs, .slider_visitorsguide div.content_Divs{padding:16px;}
	.headercontainer.mobile .menu-toggle, .headercontainer.mobile .search-toggle{background: none;border: none;padding:0px;}
	/* .headercontainer.mobile .custom-logo-link img{width: 57px;} */
	.site-header{padding: 20px;}
	.headercontainer.web,.chartbox.visitornumber_container .chartfilters_container .rightsidefilters.web,.rightsidefilters.exportbuttonweb{display:none;}
	.headercontainer.mobile{display:flex;}
	/***********Charts*******************/
	.rightsidefilters.mobile,.exportbuttonmobile{display:block !important;}
	.visitornumber_container .leftsidefilters,.waterlevel_container .leftsidefilters,.airquality_container .leftsidefilters{flex-wrap:wrap;gap:15px;justify-content:space-between;}
	.visitornumber_container .leftsidefilters .filterdropbtn,.waterlevel_container .leftsidefilters .filterdropbtn,.airquality_container .leftsidefilters .filterdropbtn{width: 100% !important;padding: 3px 8px;}
	.locationchart .radio-chart-group{gap:6px;}
	.locationchart .radio-chart-group .chart-item:not(.carpark){flex:auto;}
	#wpadminbar{position:fixed;}
	.locationchart .radio-chart-group label{font-size:12px;padding:8px 14px;justify-content:center;}
	.btn.dropdown-toggle:focus,.btn.dropdown-toggle:active,.custom-page-content.locations #locationDropdown:focus,.custom-page-content.locations #locationDropdown:active{border: 2px solid #062F35 !important;}
	.chartbox.visitornumber_container,.chartbox.waterlevel_container{display: flex;flex-direction: column;gap:27px;}
	.chartbox.visitornumber_container .chartfilters_container,.chartbox.waterlevel_container .chartfilters_container{order:1;}
	.chartbox.waterlevel_container .chartfilters_container, .chartbox.airquality_container .chartfilters_container{display: flex;flex-direction: column;align-items: flex-start;gap: 15px;}
	.chartbox.visitornumber_container #lchart,.waterlevel_container #waterchart{margin-top:0px !important;}
	/* .chartbox #dateRangePicker,#exportDropdown-air{width: 160px;} */
	.chartbox #dateRangePicker,#exportDropdown-air{width: 100%;}
	#exportdropdownMenu{margin-left: 0px !important;}
	.chartbox .filterdropbtnmenus li{padding: 3px 16px;}
	.chartbox .filterdropbtnmenus.show,#exportdropdownMenu,#exportdropdownMenu-air{width:90vw;top: auto !important;bottom: 100% !important;left: 0 !important;transform: translateY(-5px) !important;}
	.leftsidefilters #ldropdownMenu,.leftsidefilters #subdropdownMenu, .leftsidefilters #wldropdownMenu, .leftsidefilters #recorddropdownMenu, .leftsidefilters #aldropdownMenu, #exportdropdownMenu-air{margin-left: auto !important;left: 0% !important;right: 0% !important;}
	#exportDataModal .modal-content form{flex-wrap:wrap;gap:38px;}
	#exportDataModal .modal-content form label{width:65px;}
	#exportDataModal .modal-content form input,.healthinfo_container .riskboxcontainer, .healthinfo_container .generalpop{width: 100%;}
	.healthinfo_container .twoboxes,#date-slider{flex-direction:column;}
	.pollutantdonuts_boxes{flex-direction:column;gap:24px;}
	.pollutantdonut_box{align-items:flex-start;}
	.pollutants_container{order:2;}
	.healthinfo_container{order:1;}
	.locationchart .axis text, .locationchart .tick text{font-size:12px !important;}
	.airgroup1,.airgroup2{gap:24px;}
	#lchart .x.axis-label,#waterchart .x.axis-label{display:none;}
	/* .visitornumber_container #lchart{width:355px !important;} */
	.custom-page-content.locations .category-group .dropdown-menu,.custom-page-content.itinerarypage .interest-group .dropdown-menu{width:90vw !important;margin-left: auto !important;margin-top: 8px !important;left: 0% !important;right: 0% !important;}
	.custom-page-content.locations .location-group .dropdown-menu{width:90vw !important;left: 0% !important;right: 0% !important;}
	.visitornumber_container .leftsidefilters,.visitornumber_container .leftsidefilters .datedropcontainer .dropdown,.waterlevel_container .leftsidefilters,.waterlevel_container .leftsidefilters .datedropcontainer .dropdown,#exportDropdown-air, .waterlevel_container .rightsidefilters,.airquality_container .leftsidefilters{width:100%;}
	.visitornumber_container .leftsidefilters .dropdown,.chartfilters_container .datedropcontainer,.waterlevel_container .leftsidefilters .dropdown,.waterlevel_container #exportDropdown,.airquality_container .leftsidefilters .dropdown,.airquality_container #exportDropdown{width:47.6%;}
	/***********Charts*******************/
	.resultboxes.attraction .result a,.resultboxes.location .result a,.resultboxes.guides .result a{flex-direction:column;width:100%;}
	.searchresult .resultboxes .resultinfo{padding: 8px 0px;}
	.searchresult .resultboxes .resultimage img{width: 100%; max-width: 100%;}
	.attractions .filtercontainer, .filtercontainer .location-group .dropdown-toggle, .filtercontainer .category-group .dropdown-toggle{width:100% !important;}
	.attractions .filtercontainer .location-group, .attractions .filtercontainer .category-group {width:50% !important;}
	.searchresult .resultboxes .result{flex-direction:column;}
	.locationpage .category-group #dropdownMenu{margin-left:0px !important;}
	/**********Home datepicker********/
	body.home .daterangepicker.show-calendar{width:90vw;left:18px !important;}
	body.home .daterangepicker.show-calendar .drp-calendar{max-width:100%;}
	/**********Home datepicker********/
	.swiper-button-prev,.swiper-button-next{font-size:24px;z-index:1 !important;}
	.swiper-button-prev{left:10px;}
	.swiper-button-next{right:10px;}
	.swiper-container .slider-content{max-width:310px;left:7%;}
	.swiper-container .slider-content h1{font-size:40px;}
	.allpcontainer,.healthincontainer{flex-direction: column;align-items: flex-start !important;}
	.contactuspage .contact-us-form .box1, .contactuspage .contact-us-form .box2{flex-direction:column;}
	.exportbuttonweb.forair{display:none;}
	.exportbuttonmobile.forair{width:47.6%;}
	.exportbuttonmobile.forair .someinfo,.exportbuttonmobile.forair .someinfo .dropdown,.exportbuttonmobile.forair .exportdropbtn{width:100%;}
	.privacy-policy .site-main{padding-left: 20px;padding-right: 20px;}
	.contactuspage h1, .aboutuspage .feature-box h4{font-size: 21px !important;}
	.contactuspage .contact_desc, .contact-us-form label{font-size: 14px !important;}
	.aboutuspage .hero-content h2{font-size: 32px !important;}
	.aboutuspage .hero-content p, .aboutuspage .feature-box p, .aboutuspage .highlight{font-size: 16px !important;}
	.aboutuspage .highlight{padding: 48px 20px !important;}
	.singleattraction_container{flex-direction:column !important;margin-bottom:12px !important;}
	.footer-container .footer_firstrow{flex-direction:column; gap:24px;align-items: center;}
	.footer-container .downloadapp{justify-content: center;align-items: center;flex-wrap: wrap;}
	.site-footer .socialmedias{flex-direction: column-reverse !important;justify-content: center !important;align-items: center !important;gap: 24px !important;}
	.site-footer{padding:32px 20px !important;}
	.site-footer .footer-container{padding-left:0px !important;padding-right:0px !important;align-items: center;justify-content: center;text-align: center;width: 100%;}
	.attrtags{padding: 8px !important; font-size: 10px !important;}
	.slider_locationss div.content_Divs{padding: 16px 8px !important;gap:4px !important;}
	.attrtags_box{flex-wrap:wrap;}
	.deviceboxs .box{gap:8px !important; justify-content:center !important;padding: 24px 16px !important;text-align:center;}
	.deviceboxs .box img{height: 29px !important;}
	#deviceContainer .deviceboxs, #userTypeSection .deviceboxs{gap:20px !important;}
	#deviceContainer .deviceboxs p{font-size: 14px !important;}
	#deviceContainer .deviceboxs span{font-size: 12px !important;}
	#userTypeSection{padding-top:0px !important;}
	#deviceContainer .section-title, #userTypeSection .section-title{font-size: 21px !important;}
	.guideheaderbox h1{font-size:32px !important;}
	.guideheaderbox .leftbox{width: 100% !important;}
	.guideheaderbox {flex-direction:column !important; gap: 10px !important; align-items:flex-start !important;margin-top:40px;}
	.simimg{height:59px !important;}
	.custom-navigation.guidenav{justify-content: space-between !important;}
	.step-header,.step-description p,.step-description p.secondpara{font-size: 12px !important;}
	.step-description p.secondpara{font-weight:400 !important;}
	.step-description p{margin-bottom:4px !important;}
	.steps-slider .slick-slide{margin: 0 24px !important;}
	.custom-navigation.guidenav{margin-bottom:10px !important;}
	.mobile-mockup img{padding-bottom:4px !important;padding-top: 4px !important;}
	.reviews-container .subtitle{width: 100% !important;}
	.reviews-container .reviews-content{flex-direction:column;width:100%;}
	.reviews-container .review-form-container, .reviews-container .reviews-list{flex:0 !important;width:100%;}
	.swiper-slide{justify-content:center !important;}
	.itinerarydetailspage .resultboxes.attraction .result{flex-direction:column;}
	.itinerarydetailspage .resultboxes.attraction .attr-description,.itinerary_banner .leftbox{width: 100% !important;}
	.itinerarydetailspage .heading_visit_contain a{width: auto !important;}
	.itinerarydetailspage .title, .it_overview h2{font-size:21px !important;}
	.itinerary_banner{flex-direction:column;gap:55px;margin-top:80px;margin-bottom:60px !important;}
	.itinerarydetailspage .resultboxes.attraction .attr-description,.itinerarydetailspage .resultboxes.attraction .location{font-size:12px !important;}
	.itinerarydetailspage .resultinfo h3{font-size: 16px !important;}
	.itinerarydetailspage .resultboxes.attraction .attr-description{overflow:clip !important;}
	.itinerarydetailspage .resultboxes.attraction .resultinfo{padding-left:0px !important; padding-right:0px !important;height: auto !important;}
	.mapboxcontainer .mdf-side,.mapboxcontainer .mdf-sel{width:100% !important;}
	.page-template-wayfinding .site-header, .page-template-wayfinding .custom-page-content{padding-left:20px !important;padding-right:20px !important;}
	.mapboxcontainer .mdf-side{order:2;}
    .mdf-map-area {height: 600px !important;min-height: 600px !important;}
	.visitornumber_container  .rightsidefilters.mobile{display:flex !important; align-items: center !important; justify-content:space-between !important;}
	.carpark_container .carparkfilters{flex-direction: column;justify-content: flex-start !important;align-items: flex-start !important;}
	.visitbox img{height: 165px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles for all iPads */
	.headercontainer.mobile,.headercontainer.mobile .mobileheadericons .menu-toggle{display:flex !important;}
	.headercontainer.mobile .search-container{display: flex;align-items: flex-start;justify-content: center;text-align: center;}
	.custom-page-content.locations .category-group .dropdown-menu{margin-left: auto !important;margin-top: 8px !important;left: 0% !important;right: 0% !important;}
	.custom-page-content.locations .filtercontainer #categoryDropdown, .custom-page-content.locations .filtercontainer #locationDropdown{width: 195px !important;}
	.custom-page-content.locations .titleandcat,.resultboxes.attraction .result a{flex-direction:row;}
	.attractions .filtercontainer{width:auto !important;}
	.custom-page-content.locations .location-group .dropdown-menu,.custom-page-content.locations .category-group .dropdown-menu,.chartbox .filterdropbtnmenus.show,#exportdropdownMenu,#exportdropdownMenu-air{width:95vw !important;}
	.custom-page-content.locations .location-group .dropdown-menu.show{margin-left:-325px !important;}
	.searchresult .resultboxes .result{flex-direction:row;align-items:center;}
	.searchresult .resultboxes .resultimage img{width: 232px;max-width:232px;}
	.searchresult .resultboxes .resultinfo{padding:0px 16px;}
	.locationpage .category-group #dropdownMenu{margin-left: auto !important; left: 100% !important; right: -100% !important;}
	#page .swiper-container .slider-content{width:1440px !important;max-width:1440px !important; margin:0 auto !important;padding-left:40px !important;padding-right:40px !important;}
	#page .swiper-container .slider-content{left:0% !important;}
	.attractiondetail .heading_visit{width: 500px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    /* Styles for all iPads (Mini, Pro, etc.) */
	.headercontainer.mobile .menu-toggle, .headercontainer.mobile .search-toggle {
        background: none;
        border: none;
        padding: 0px;
    }
	.headercontainer.mobile,.headercontainer.mobile .mobileheadericons .menu-toggle{display:flex !important;}
	.headercontainer.mobile .search-container{display: flex;align-items: flex-start;justify-content: center;text-align: center;}
	.headercontainer.web{display:none;}
	.custom-page-content.locations .category-group .dropdown-menu{margin-left: auto !important;margin-top: 8px !important;left: 0% !important;right: 0% !important;}
	.custom-page-content.locations .location-group .dropdown-menu{left: 0% !important;right: 0% !important;}
	body.home .daterangepicker.show-calendar {width: auto;}
	.reviews-container .reviews-list{Width: 100% !important; flex:0 !important;}
	.attractiondetail .heading_visit{width: 400px !important;}
}
@media only screen and (min-width: 820px) and (max-width: 1180px) {
	.custom-page-content.locations .location-group .dropdown-menu,.custom-page-content.locations .category-group .dropdown-menu{width:100% !important;}
	.custom-page-content.locations .location-group .dropdown-menu.show{margin-left: auto !important;}
	.locationpage .category-group #dropdownMenu{margin-left: 0px !important; left: 0% !important; right: 0% !important;}
	/************************* charts*********************/
	.visitornumber_container .chartfilters_container,.waterlevel_container .chartfilters_container{align-items: flex-start;flex-direction: column;gap: 10px;}
	.visitornumber_container .chartfilters_container .leftsidefilters{order:1;gap:12px;}
	.waterlevel_container .chartfilters_container .leftsidefilters{gap:12px;}
	.waterlevel_container .chartfilters_container .rightsidefilters{order:2px;}
	.visitornumber_container .chartfilters_container .filterdropbtn,.waterlevel_container .chartfilters_container .filterdropbtn{width: 170px;}
	.carparklocation_boxes .box_container{width:310px;}
	.chartbox .filterdropbtnmenus.show, #exportdropdownMenu, #exportdropdownMenu-air{width: 270px !important;}
	.waterlevel_container #recorddropdownMenu{margin-left: auto !important;left: 0% !important;right: 0% !important;}
	.waterlevel_container #exportdropdownMenu, .waterlevel_container #subdropdownMenu{margin-left: 0px !important;}
	.exportbuttonmobile.forair .chartfilters_container .leftsidefilters{gap:10px !important;}
	.exportbuttonweb.forair{margin-left:15px;}
	.airquality_container .filterdropbtn{width:170px !important;}
	.airquality_container .leftsidefilters{gap:10px;}
	.singleattraction_container{flex-wrap: nowrap !important;}
	/************************* charts*********************/
	.reviews-container .reviews-list{width: 50% !important; flex:0 !important;}
	#page .swiper-container .slider-content{padding-left:80px !important;padding-right:80px !important;}
	.attractiondetail .heading_visit{width: 350px !important;}
}
.custom-page-content.locations .filtercontainer .category-group .dropdown-menu .dropdown-item{padding:0px;}
/* Add custom image as dropdown icon */
.exportdropbtn::after, #exportDropdown::after {
    content: '';
    display: inline-block;
    width: 24px;  /* Width of your image */
    height: 24px; /* Height of your image */
    background-image: url('../borderlands/pix/download_icon.svg'); /* Replace with your image URL */
	border:none !important;
}

.singleattraction_container .imgcontainer img{border-radius:8px;}
.attrtitle{
	color: #062F35;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin:0px;
	padding-bottom:16px;
}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #FAFAFA !important;}
.swiper-pagination-bullet-active{background: #ACB5BD !important;}
.airgroup1{
	display: flex;
    flex-direction: column;
}
.airgroup2{
	display: flex;
    flex-direction: column;
}
.rightsidefilters.mobile,.exportbuttonmobile{display:none;}
.arrow-btn-next.radiochart,.arrow-btn-prev.radiochart{
	padding: 0px;
    background: none;
    border: none;
}
.headercontainer.mobile .mobileheadericons{
	display: flex;
    gap: 16px;
    align-items: center;
}
.headercontainer.mobile .menu-menu-1-container.active {
    display: block; /* Show the menu when active */
}
.headercontainer.mobile .menu-menu-1-container {
    background: #FAFAFA;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    overflow-y: auto;
	padding: 16px 20px;
}
.headercontainer.mobile .search-container{
	background: #FAFAFA;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    overflow-y: auto;
    padding: 16px 20px;
    top: 10px;
	max-width:100%;
}
body.logged-in .headercontainer.mobile .menu-menu-1-container{top: 145px;}
body.logged-in .headercontainer.mobile .search-container{top: 45px;}
body:not(.logged-in) .headercontainer.mobile .menu-menu-1-container{top: 100px;}
.no-scroll {
    overflow: hidden;
    height: 100vh; /* Prevents page content from shifting */
}
.headercontainer.mobile .navigationdiv #primary-menu > .menu-item a{
	color: #062F35;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 100%;
}
.headercontainer.mobile .navigationdiv #primary-menu .sub-menu .menu-item a{
	color: var(--Primary-Black, #062F35);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.headercontainer.mobile .navigationdiv .main-navigation ul#primary-menu{
	display: flex;
    flex-direction: column;
    gap: 32px;
}
.headercontainer.mobile .navigationdiv #primary-menu > .menu-item a svg{
	position: absolute;
	right: 0;
}
.headercontainer.mobile .navigationdiv .main-navigation ul ul.sub-menu{
	width: 100%;
	box-shadow: none;
	margin-top: 16px;
	position: relative;
}
.headercontainer.mobile .navigationdiv .main-navigation ul ul.sub-menu li{
	padding: 8px;
    padding-left: 0px;
}
.headercontainer.mobile .menu-open-icon {
    display: inline;
}

.headercontainer.mobile .menu-close-icon {
    display: none;
}
.headercontainer.mobile .cancelsearch{
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration:none;
}
.attraction_pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	margin-top: 50px;
}
.attraction_pagination span.disabled {
	color: #CED4DA;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.attraction_pagination span {
	font-size: 13px;
	text-decoration: none;
}
.attraction_pagination a.next,.attraction_pagination a.prev{
	color: #AD1F82;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
}
.attraction_pagination a.next.page-numbers,
.attraction_pagination a.prev.page-numbers {
	display: none;
}
.attraction_pagination a.page-numbers,
.attraction_pagination a.page-numbers {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration:none;
}
.attraction_pagination .current {
	padding:  7px 12px;
	background-color: #AD1F82;
	border-radius: 8px;
	color: #FAFAFA;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.container.setnewpassword input::placeholder{
	color: rgba(0, 0, 0, 0.60);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; /* 150% */
	letter-spacing: 0.15px;
}
.container.setnewpassword .password-visibility__icon--visible{display:none;}
.container.setnewpassword .form-item.repeatpassword{margin-top:16px;margin-bottom:48px;}
.container.setnewpassword .form-item.newpassword{margin-top:48px;}
.container.setnewpassword .password-visibility{
	color: #000;
    cursor: pointer;
    /* float: right; */
    margin-top: 8px;
    margin-left: -22px;
    position: absolute;
    width: auto;
    background: #FAFAFA;
    text-align: right;
}
.container.setnewpassword .setpasswordbtn{
	width:223px;
	border-radius: 4px;
	padding: 8px 22px;
	background: var(--Primary-Purple, #AD1F82);
	color: var(--Primary-White, #FFFEFE);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 162.5% */
	letter-spacing: 0.46px;
	text-transform: uppercase;
}
.container.setnewpassword .setpasswordbtn:disabled{	opacity:.5;}
.setpasswordbtndiv{display:flex;justify-content:center;}
.container.setnewpassword label{
	/* display:block; */
	display:none;
	color: rgba(0, 0, 0, 0.60);
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 12px; /* 100% */
	letter-spacing: 0.15px;
}
.container.setnewpassword input,.container.setnewpassword input:focus,.container.setnewpassword input:focus-visible,.container.setnewpassword input:active{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline:none;
    background-clip: padding-box;
    background-color: transparent;
    border-color: rgba(0, 0, 0, .42);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px !important;
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    max-width: 100%;
    min-width: 0;
    padding: 5px 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}
.container.setnewpassword form{width:328px;}
.container.setnewpassword{
	max-width: 328px;
	padding-left:0px;
	padding-right:0px;
    margin-top: 48px;
    margin-bottom: 48px;
}
.password-criteria-container div span{
	color: var(--Secondary-Gray-7, #858E96);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}
.container.setnewpassword h1{
	color: rgba(0, 0, 0, 0.87);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: "Nunito Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom:0px;
	margin-top:0px;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item.active {
    background: #38C976;
}
.container.setnewpassword .password-strength{
	display:none;
	align-items:center;
    margin-top: 8px;
    margin-bottom: 8px;
    gap: 10px;
}
.container.setnewpassword .password-strength .password-strength__indicators {
    display: flex;
    gap: 1px;
    height:4px;
    padding: 0;
    width: 214px;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item {
    background: #e0e0e0;
    border-radius: 10px;
    height: 3px;
    margin-right: 2px;
    width: 52px;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item.weak{
	background:#37474F;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item.poor{
	background:#ED6C02;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item.good{
	background:#38C976;
}
.container.setnewpassword .password-strength .password-strength__indicators .password-strength__indicators-item.great{
	background:#38C976;
}
.container.setnewpassword .password-strength__message {
	color: var(--Primary-Black, #062F35);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.4px;
}
.container.setnewpassword .password-criteria-container{
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.setnewpassword.aftersubmit .bcklogin {
	    margin-top: 48px;
    text-align: center;
}
.setnewpassword.aftersubmit .bcklogin a{
	padding: 8px 22px;
border-radius: 4px;
background: var(--Primary-Purple, #AD1F82);
color: var(--Primary-White, #FFFEFE);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 162.5% */
letter-spacing: 0.46px;
text-transform: uppercase;
text-decoration:none;
}
.setnewpassword.aftersubmit h1{
	color: var(--Primary-Black, #062F35);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
	line-height: 34px;
}
.navigationdiv .sub-menu.active{left:0px;}
.headercontainer.web li.menu-item-has-children:focus,.headercontainer.web li.menu-item-has-children a:focus{outline:none;}
.allpcontainer a,.allpcontainer a:hover, .healthincontainer a , .healthincontainer a:hover{
	color: #2AB0FC;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 2px;
text-underline-position: from-font;
}
.allpcontainer p,.healthincontainer p,.airgroup2 p{
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contactuspage .contact_desc{
	color: var(--Primary-Black, #062F35);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:32px;
}
.contactuspage h1{
	color: var(--Primary-Black, #062F35);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
	margin-top:0px;
	margin-bottom:10px;
}
.contactuspage .wpcf7{
	display: flex;
    justify-content: center;
    width: 100%;
}
.contactuspage .contact-us-form{
	display: flex;
    width: 800px;
    flex-direction: column;
}
.contactuspage .contact-us-form .box1 p,.contactuspage .contact-us-form .box2 p{width:100%;}
.contactuspage .contact-us-form .box1,.contactuspage .contact-us-form .box2{
	display:flex;
	justify-content: space-between;
	width:100%;
}
.contact-us-form label.platform{width: 360px;}
.contact-us-form input{
	border-radius: 4px;
	height: 48px;
	width: 100%;
	padding: 3px 16px;
	border: 1px solid var(--Shades-Gray5, #CED4DA);
	background: var(--Primary-White, #FAFAFA);
}
.contact-us-form textarea{
	border-radius: 4px;
	border: 1px solid #ACB5BD;
	background: #FAFAFA;
}
.contact-us-form select{
	border-radius: 4px;
	border: 1px solid #ACB5BD;
	background: #FAFAFA;
	height: 40px;
	padding: 3px 16px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}
.contact-us-form label{
	color: var(--Primary-Black, #062F35);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 100%;
	padding-bottom: 16px;
}
.contact-us-form input[type="submit"]{
	border-radius: 4px;
    background: var(--Primary-Purple, #AD1F82);
    color: var(--Primary-White, #FFFEFE);
    font-size: 16px;
    font-style: normal;
    letter-spacing: 0.46px;
    width:auto !important;
    border: 1px solid #AD1F82;
}
.privacy-policy .widget-area, .privacy-policy .entry-footer{
	display:none;
}
@media screen and (max-width: 379px) and (max-height: 932px) {
	.airquality_container .leftsidefilters .dropdown,.exportbuttonmobile.forair{width:100%;}
}
@media (min-width: 768px) {
    .slider-content h1 {
        font-size: 1.75rem !important;
        margin-top: 0;
        line-height: 1.1;
    }
	.swiper-container.location{height:395px;}
	/* .swiper-container.location .slider-content{max-width:490px !important;} */
	.headercontainer.mobile,.exportbuttonmobile.forair{display:none;}
	.swiper-container .slider-content{max-width:1440px !important;width:1440px !important;margin:0 auto;padding-left:80px !important;padding-right:80px !important;}
	.slider-content h1,.swiper-container .slider-content p, .swiper-container .slider-content a{max-width:490px !important;}
}
@media (min-width: 1024px) {
    .slider-content h1 {
        font-size: 48px !important;
        margin-top: 0;
        line-height: 1.1;
    }
	.slider_locations div.maindivs, .slider_explore div.maindivs, .slider_locationss div.maindivs{
		/* width:312px; */
		width: 23%;
	}
	.attractiondetail .heading_visit{width: 700px;}
}
@media (min-width: 1440px) {
    .slider-content h1 {
        font-size: 48px !important;
        margin-top: 0;
        line-height: 1.1;
    }
	.slider_locations div.maindivs, .slider_explore div.maindivs, .slider_locationss div.maindivs{
		/* width:312px; */
		width: 19rem;
	}
	.attractions .filtercontainer .category-group #dropdownMenu, #exportdropdownMenu{margin-left:auto !important;left:0%!important;right:0% !important;}
}
@media (min-width: 1600px) {
	.pagecontent,.custom-page-content.locations, .custom-page-content.attractiondetail{
		padding-left:0px;
		padding-right:0px;
	}
	.page-template:not(.home,.page-template-locations,.page-template-Itineraries,.page-template-itinerary-detail,.page-template-wayfinding) #page, .page-template.home .pagecontent,.custom-page-content.locations{max-width:1640px !important;}
	.page-template-wayfinding .site-header, .page-template-wayfinding .custom-page-content{max-width: 1640px !important;padding-left:0px !important;padding-right:0px !important;}
	.footer-container,.site-header{
		max-width:1640px !important;
		padding-left:0px;
		padding-right:0px;
	}
	.slider_explore div.maindivs{height:480px !important;}
	.carparklocation_boxes .box_container{width:394px;}
	.singleattraction_container .imgcontainer{
		 /* width: 100%; */
		object-fit: cover;
	}
	.slider_locations div.maindivs, .slider_explore div.maindivs, .slider_locationss div.maindivs{
		/* width:312px; */
		width: 24.5rem;
	}
	#page .swiper-container .slider-content{max-width:1640px !important;width:1640px !important;margin:0 auto;}
	.slider-content h1,.swiper-container .slider-content p, .swiper-container .slider-content a{max-width:490px !important;}
}
@media (min-width: 1900px) {
	.swiper-button-prev:after, .swiper-button-next:after{font-size:48px;}
}
@media (min-width: 3000px) {
	.swiper-button-prev{left:80px;}
	.swiper-button-next{right:80px;}
}
@media (max-width: 1536px) {
	.slider-content{left: 3% !important;}
}
.swiper-slide {
  position: relative;
  background-size: cover;
  background-position: center;
}
/* Create the overlay */
.swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1; /* Ensure the overlay is above the background but below the content */
}

/* Make sure the content is above the overlay */
.slider-content {
  position: relative;
  z-index: 2; /* Higher than the overlay */
}
.waterexportmodal .modal-content {
    pointer-events: auto;
}
.waterexportmodal .confirmexport{
  pointer-events: auto;
  z-index : 9999;
}
.wpcf7 form .wpcf7-response-output{margin-top:0px !important;margin-left:0px !important;}
.headercontainer.web .site-branding{flex: 0 0 auto;}
.attrtags_box{gap:8px; align-items:center;flex-wrap:wrap;}
.moretags{
	color: #AD1F82;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.attrtags{
	border-radius: 20px;
    border: 1px solid #AD1F82;
    background: #FAFAFA;
    padding: 8px 16px;
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.slider_locationss div.content_Divs,.slider_locations div.content_Divs,.slider_explore div.content_Divs{display:flex;flex-direction:column;gap:8px;}
.devicelist table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 24px;
}

.devicelist thead {
	background: white;
	color: #4a5568;
}

.devicelist th {
	padding: 20px;
	text-align: left;
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	height: 60px;
	border-bottom: 1px solid #DEE2E6;
}

.devicelist td {
	padding: 18px 20px;
}

/* Alternating row colors */
.devicelist tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

.devicelist tbody tr:nth-child(even) {
	background-color: #F9FAFC;
}

/* Row number styling */
.devicelist tbody tr td:first-child {
	width: 80px;
}
.devicelist tbody tr td {
	color: #062F35;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	letter-spacing: 0.28px;
	height: 60px;
}

/* Responsive design */
@media (max-width: 767px) {
	.devicelist th, .devicelist td {
		padding: 12px 10px;
		font-size: 0.9em;
	}
	
	.devicelist tbody tr td:first-child {
		width: 50px;
	}
	.bfiltercontainer{align-items:flex-start !important;flex-direction:column;gap:24px;margin-top: 24px;margin-bottom: 24px;}
	.bfiltercontainer h1{
		font-size: 32px !important;
		font-weight: 400 !important;
	}
	.esimfilter{
		display: flex;
		width: 100%;
	}
	.esimfilter .dropdown-menu{width: 90vw !important; right: 0% !important;}
	.esimfiltercontainer{width: 100%;}
	.esimfiltercontainer .esimfilter .dropdown-menu{left:0% !important;}
}

#brandDropdown{
	border-radius: 4px;
    border: 1px solid #ACB5BD !important;
    display: flex;
    width: 195px;
    height: 40px;
    padding: 3px 16px;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
	cursor:pointer;
}
.esimfilter .dropdown-menu li{
	padding: 8px 16px;
    display: flex;
    justify-content: space-between;
	cursor: pointer;
}
.esimfilter .dropdown-menu li:first-child:hover{border-radius: 8px 8px 0px 0px;}
.esimfilter .dropdown-menu li:hover{background: #F1F3F5;}
.esimfilter .dropdown-item{
	display: block;
    width: 100%;
    padding: 0px;
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
	cursor: pointer;
}
.esimfilter .dropdown-menu{
    min-width: 270px;
    border-radius: 8px;
    background: var(--Primary-White, #FAFAFA);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
    padding: 0px;
    inset: 0 auto auto auto !important;
    transform: translate3d(0px, 42px, 0px) !important;
    z-index: 1050;
    right: 0 !important;
}
.bfiltercontainer{
	justify-content: space-between;
    align-items: center;
	margin-top: 24px;
	margin-bottom: 8px;
}
.bfiltercontainer h1{
	color: #062F35;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.device-container {
	border-bottom: 1px solid #DEE2E6;
}

.devicelist.mobile {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.device-name {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.device-model {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 15px;
}

.devicelist table th:not(:nth-child(1)):not(:nth-child(2)),
.devicelist table td:not(:nth-child(1)):not(:nth-child(2)) {
    text-align: center;
    vertical-align: middle; /* Optional: centers content vertically */
}
	.guideheaderbox h1{
		color: #062F35;
		font-size: 42px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.guideheaderbox p{
		color: #062F35;
		font-size: 21px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.guideheaderbox a{
		color: #AD1F82;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}
  .guideheaderbox .leftbox{width: 562px;}
  #deviceContainer, #userTypeSection{
	  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: 16px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .deviceboxs .box:hover{
	background: #F1F3F5;
	cursor: pointer;
  }
  .deviceboxs .box{
	  display: flex;
    width: 100%;
    padding: 52px 86px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    background: #FAFAFA;
  }
  .deviceboxs .box.selected{
	border: 1px solid #DEE2E6;
	background: #F1F3F5;
  }
  #deviceContainer .deviceboxs span{
	color: #062F35;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
  }
  #deviceContainer .deviceboxs p{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
  }
  #deviceContainer .deviceboxs, #userTypeSection .deviceboxs{
    display: flex;
    gap: 32px;
    justify-content: space-between;
	width: 100%;
  }
  #deviceContainer .section-title, #userTypeSection .section-title{
	color: #062F35;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
  #userTypeSection{display:none}
  .content-section{display:none;}
  
 .step-header {
	color: #000;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.mobile-mockup img {
	// height: 400px;
	padding-top: 16px;
	padding-bottom: 16px;
	object-fit: cover;
    border-radius: 8px;
    width: 100%;
}

.steps-slider .slick-list {
	margin: 0 -80px;
}


.steps-slider .slick-slide {
    position: relative;
    height: auto;
	margin: 0 80px;
}


.step-description p.secondpara a{
	color: #2AB0FC;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.step-description p.secondpara {
	color: #062F35;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.step-description p.thirdpara span{
	color: #AD1F82;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.step-description p.thirdpara {
	color: #062F35;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.step-description p {
	color: #062F35;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}
.custom-navigation.guidenav{margin-bottom:32px;}
.custom-navigation.guidenav .custom-next.disabled, .custom-navigation.guidenav .custom-prev.disabled{
	opacity: 0.5;
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.custom-navigation.guidenav .custom-next, .custom-navigation.guidenav .custom-prev{
border-radius: 4px;
    border: 1px solid var(--Shades-Gray6, #ACB5BD);
    display: flex;
    padding: 3px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Primary-Black, #062F35);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.pagecontent.userguide .content-section{margin-top:60px;margin-bottom:60px;}
.slider-container{margin-left:80px;margin-right:80px;}
.slider-container .slick-dots li button:before{
	opacity: 1 !important;
    color: #ACB5BD !important;
    font-size: 18px !important;
}
.slider-container .slick-dots li.slick-active button:before{
	opacity: 1 !important;
    color: #AD1F82 !important;
    /* font-size: 28px !important; */
}
.slider-container .slick-dots {
	position: relative !important;
    bottom: 0 !important;
    border-radius: 10px;
    background: var(--Secondary-Gray-3, #E9ECEF);
    display: flex;
    justify-content: center;
    width: auto;
}
.slider-container .slick-dots li{margin:0px !important;}
.dots-container{display: flex;justify-content: center;}
.slider-container .slick-dotted.slick-slider{margin-bottom:0px !important;}
.clearbrand,.clearbrand:hover,.clearbrand:active,.clearbrand:focus{
	color: #AD1F82 !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration:none;
}

.esimfilter #bdropdownMenu > li:first-child {border-top-left-radius: 8px;border-top-right-radius: 8px;}
.esimfilter #bdropdownMenu > li:last-child {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.esimfilter #bdropdownMenu > li:nth-child(odd) {
  background-color: #FAFAFA;
}
/* .esimfilter #bdropdownMenu > li:nth-child(even) { */
  /* background-color: #F1F3F5; */
/* } */
.esimfilter #bdropdownMenu > li:hover {
  background-color: #E9ECEF; /* or any hover color */
}
.esimcompatible .attraction_pagination {margin-top: 0px !important;}
/* Apply only on User Guide page */
.pagecontent.userguide {
  min-height: 100vh;       /* take full height of viewport */
  display: flex;
  flex-direction: column;
}

/* .pagecontent.userguide > *:not(footer) {
  flex: 1 0 auto;          /* content expands, pushes footer down
} */

.pagecontent.userguide footer,
.pagecontent.userguide .site-footer {
  flex-shrink: 0;          /* footer stays at bottom */
}

#otherAndroidBox span, #samsungBox span{
	color: #062F35;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#otherAndroidBox p, #samsungBox p{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.cmaplink,.cmaplink:hover,.cmaplink:focus,.cmaplink:active,.cmaplink:visited{
	display: flex;
    gap: 8px;
    text-decoration: none;
    color: #FAFAFA;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.flabel{
	color: var(--Primary-Black, #062F35);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.filterdropbtnmenus{
	margin-top: 24px !important;
}
.slider-content h1 {margin-bottom:8px !important;}
.swiper-container.location .slider-content p{margin-bottom: 10px !important;}
.aqi-tooltip, .aqi-tooltip .tooltip-inner{background:#062F35 !important;opacity:1 !important;text-align:left;}
.aqi-tooltip.tooltip .tooltip-arrow::before{border-bottom-color: #062F35 !important;}
.aqi-tooltip .tooltip-inner small{
	color: #FAFAFA;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.nodata_aqi{
	color: #AD0101;
	text-align: center;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
}
.chartbox {margin-bottom:35px;}

/*********************************Atrraction reviews***********************************/
.reviews-container h1 {
	color: #062F35;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 8px;
}

.reviews-container .subtitle {
	width:675px;
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
}

.reviews-container .reviews-content {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

/* Leave a Review Form */
.reviews-container .review-form-container {
	flex: 1;
    /* width: 580px; */
    /* background-color: #fff; */
    border-radius: 8px;
    border-radius: 4px;
    border: 1px solid #FFBEEB;
    padding: 16px;
}

.reviews-container .review-form-container h2 {
	color: #AD1F82;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 8px;
}

.reviews-container .form-group {
	margin-bottom: 16px;
}

.reviews-container .form-group label {
	display: block;
	color: #062F35;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 16px;
}

.reviews-container .form-group label .required {
	color: #AD0101;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reviews-container .form-group input,
.reviews-container .form-group textarea {
	width: 100%;
	padding: 12px 14px;
	border-radius: unset;
	background-color: #fff;
	border: 1px solid #CED4DA !important;
	background: #FAFAFA;
	height: 48px;
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reviews-container .form-group input:focus,
.reviews-container .form-group textarea:focus {
	outline: none;
	border-color: #CED4DA;
}

.reviews-container .form-group textarea {
	min-height: 120px;
	resize: vertical;
}

.reviews-container .form-buttons {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 0px;
}

.reviews-container .btn {
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	border: none;
	font-family: inherit;
	font-weight: 500;
}

.reviews-container .btn-cancel {
	border-radius: 4px;
	border: 1px solid #ACB5BD;
	background: #FAFAFA;
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reviews-container .btn-cancel:hover {
	background-color: #FAFAFA;
}

.reviews-container .btn-submit {
	border-radius: 4px;
	background: #AD1F82;
	color: #FAFAFA;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reviews-container .btn-submit:hover:not(:disabled) {
	background-color: #AD1F82;
}

.reviews-container .btn-submit:disabled {
	background-color: #AD1F82;
	cursor: not-allowed;
	opacity: 0.7;
}

/* Reviews List */
.reviews-container .reviews-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.reviews-container .reviews-cards-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.reviews-container .review-card {
    /* background-color: #fff; */
    border-radius: 8px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #FFBEEB;
}

.reviews-container .review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.reviews-container .review-author {
	color: #AD1F82;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.reviews-container .review-date {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reviews-container .review-text {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:0px;
}

/* Pagination */
.reviews-container .pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	/* margin-top: 20px; */
}

.reviews-container .pagination.hidden {
	display: none;
}

.reviews-container .pagination-arrow {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s;
}

.reviews-container .pagination-arrow.prev {
	background-color: #8b1a50;
	color: #666;
	border: 1px solid #8b1a50;
}

.reviews-container .pagination-arrow.prev:hover {
	background-color: #8b1a50;
}

.reviews-container .pagination-arrow.next {
	background-color: #8b1a50;
	color: #fff;
}

.reviews-container .pagination-arrow.next:hover {
	/* background-color: #7a1745; */
}

.reviews-container .pagination-arrow.disabled {
	opacity: 0.5;
	cursor: default;
}

/* .reviews-container .pagination-arrow.disabled:hover {
	background-color: #e8e8e8;
} */

.reviews-container .pagination-dots {
	display: flex;
	gap: 8px;
}

.reviews-container .pagination-dot {
	width: 12px;
	height: 12px;
	border-radius:50%;
	background-color: #ACB5BD;
	cursor: pointer;
	transition: background-color 0.2s;
}

/* .reviews-container .pagination-dot:hover { */
	/* background-color: #999; */
/* } */

.reviews-container .pagination-dot.active {
	background-color: #8b1a50;
    border-radius: 12px;
}
/* Success message */
.reviews-container .success-message {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 16px;
	display: none;
}

.reviews-container .success-message.show {
	display: block;
}

.reviews-container .error-message {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 16px;
	display: none;
}

.reviews-container .error-message.show {
	display: block;
}

/* Loading state for submit button */
.reviews-container .btn-submit.loading {
	position: relative;
	color: transparent;
}

.reviews-container .btn-submit.loading::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-top-color: transparent;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* reCAPTCHA badge positioning - you can customize this */
.reviews-container .grecaptcha-badge {
	visibility: visible;
}

.review-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);			
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.review-modal-overlay.active {
    display: flex;
}

.review-modal {
	border-radius: 8px;
	border: 1px solid #FFBEEB;
	background: #FFF;
    max-width: 644px;
    width: 100%;
    position: relative;
    padding: 48px;
	display:flex;
	gap:8px;
	flex-direction:column;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.review-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: #666;
    transition: color 0.2s ease;
}

.review-modal-close:hover {
    color: #8b1a50;
}

.review-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-modal-author {
	color: #AD1F82;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.review-modal-date {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	opacity:.5;
}


.review-modal-text {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0px;
}

/* Review Card Read More Styles */
.review-card .review-text-container {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.review-card .review-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    margin: 0;
}

.review-card .read-more-link {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	cursor:pointer;
}

.review-card .read-more-link:hover {
    color: #062F35;
    text-decoration: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .review-modal {
        padding: 20px;
        margin: 10px;
    }
    
    .review-modal-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .review-modal-author {
        font-size: 16px;
    }
}


/* ========================================
   ITINERARY CARD STYLES
   ======================================== */

/* Card container */
.itinerarypage .maindivs {
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

/* Content link styling */
.itinerarypage .maindivs .card-content-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.itinerarypage .maindivs .card-content-link:hover {
    text-decoration: none;
}

/* ========================================
   IMAGE SLIDER STYLES
   ======================================== */

/* Slider Container */
.card-image-slider {
    position: relative;
    width: 100%;
    height: 263px;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* Images Wrapper */
.card-image-slider .slider-images {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-out;
}

/* Individual Slide */
.card-image-slider .slide-image {
    min-width: 100%;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

/* Image inside slide */
.card-image-slider .slide-image img {
    width: 100%;
    height: 263px;
    object-fit: cover;
    border-radius: 8px;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

/* Navigation Arrows Container */
.card-image-slider .slider-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 10;
}

/* Show arrows on hover */
.card-image-slider:hover .slider-nav {
    opacity: 1;
}

/* Arrow Buttons */
.card-image-slider .slider-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    padding: 0;
}

.card-image-slider .slider-arrow:hover {
    background: #fff;
    transform: scale(1.04);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-image-slider .slider-arrow:active {
    transform: scale(0.96);
}

/* Arrow Icons */
.card-image-slider .slider-arrow svg {
    width: 12px;
    height: 12px;
    color: #222;
    stroke-width: 3;
}

/* Dots Container */
.card-image-slider .slider-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    padding: 0;
    background: transparent;
    z-index: 10;
}

.itineraries_tiles .slider-nav img{width:32px;height:32px;}
.card-image-slider:hover .slider-nav {
    opacity: 1;
}
.card-image-slider .slider-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    padding: 0;
    background: transparent;
}
.card-image-slider .slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #CED4DA;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.card-image-slider .slider-dot:hover {
    background: rgba(255, 255, 255, 0.9);
}

.card-image-slider .slider-dot.active {
    background: #AD1F82;
}
/* Hide dots and nav if only one image */
.card-image-slider[data-count="1"] .slider-dots,
.card-image-slider[data-count="1"] .slider-nav {
    display: none;
}

/* ========================================
   MOBILE STYLES
   ======================================== */
@media (max-width: 768px) {
    .card-image-slider {
        height: 160px;
        touch-action: pan-y pinch-zoom;
    }
    
    .card-image-slider .slide-image img {
        height: 160px;
    }

    /* Hide navigation arrows on mobile */
    .card-image-slider .slider-nav {
        display: none !important;
    }

    /* Smaller dots on mobile */
    .card-image-slider .slider-dots {
        bottom: 8px;
        gap: 4px;
    }

    .card-image-slider .slider-dot {
        width: 5px;
        height: 5px;
    }
}

/* ========================================
   ERROR HANDLING STYLES
   ======================================== */

/* Error message container */
.itinerary-error-message {
    text-align: center;
    padding: 60px 20px;
    background: #FEF2F2;
    border-radius: 12px;
    margin: 20px 0;
}

.itinerary-error-message h4 {
    color: #DC2626;
    font-size: 24px;
    margin-top: 16px;
}

.itinerary-error-message p {
    color: #7F1D1D;
    font-size: 16px;
    max-width: 400px;
    margin: 12px auto;
}

.itinerary-error-message .heading_visit_contain {
    margin-top: 20px;
}

.itinerary-error-message .heading_visit_contain a {
    display: inline-block;
    padding: 12px 24px;
    background: #DC2626;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
}

.itinerary-error-message .heading_visit_contain a:hover {
    background: #B91C1C;
}

/* Partial warning */
.itinerary-partial-warning {
    background: #FEF3C7;
    border: 1px solid #F59E0B;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 16px 0;
    text-align: center;
}

.itinerary-partial-warning p {
    color: #92400E;
    margin: 0;
    font-size: 14px;
}

.it_overview{
	display:flex;
	gap:24px;
	flex-direction:column;
	margin-top:16px;
}
.it_overview p{
	color: #062F35;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.it_overview h2{
	color: #062F35;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
div.itinerary_banner{margin-bottom:48px;}
div.itinerarydetailspage{
	padding-bottom:48px;
}
.itinerarydetailspage .title{
	color: #062F35;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top:16px;
	padding-bottom:16px;
	margin-bottom:0px;
}
.itinerarydetailspage .resultboxes.attraction .resultinfo{
	display: flex;
    height: 292px;
    padding: 16px;
    flex-direction: column;
    gap: 8px;
}
.itinerarydetailspage .resultboxes.attraction {
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.itinerarydetailspage .resultboxes.attraction img{
	width: 640px;
    height: 292px;
	border-radius: 8px;
}
.itinerarydetailspage .resultboxes.attraction .location {
	color: #062F35;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 8px;
}
.itinerarydetailspage .resultboxes.attraction .attr-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	width:575px;
	color: #062F35;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.itinerary_banner .leftbox{width:500px;}
.itinerary_banner p{
	color: #062F35;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.itinerary_banner h1{
	color: #062F35;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.itinerary_banner{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.noitinerary p{
	color: #062F35;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.noitinerary h4{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.noitinerary{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
	padding-top:72px;
	padding-bottom:72px;
}
.itinerarydetailspage .resultinfo h3{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.weathertitle {
    font-size: 21px !important;
    font-weight: 400 !important
}

.weatheratlas {
    width: 100% !important
}

.forecastcontainer {
    gap: 24px !important
}

.weatheratlas .weather-atlas-wrapper {
    border: none !important;
    border-radius: 8px !important;
    background-image: linear-gradient(#074a8e, #5596d8) !important;
    text-shadow: none !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-header {
    background: 0 0 !important;
    border-bottom: none !important;
    font-size: 12px !important;
    font-weight: 700 !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .daily.days {
    border-bottom: none !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .daily.days>span {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .daily>span * {
    font-size: 14px !important;
    font-weight: 700 !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .temp {
    font-size: 38px !important;
    font-weight: 700 !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .current_text {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-body .current_text_2 {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important
}

.weatheratlas .weather-atlas-wrapper .weather-atlas-footer {
    border: none !important;
    background: 0 0 !important
}

@media (max-width:599px) {
    .custom-page-content.locations h1:not(.slide-title) {
        margin-bottom: 16px !important
    }

    .forecastcontainer {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px
    }
}
.mapboxcontainer #mdf-clear{
	color: #0289D6;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.mapboxcontainer #mdf-go{
	border-radius: 4px;
    background: #AD1F82;
    color: #FAFAFA;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mapboxcontainer .mdf-btns{
	gap:24px;
}
.mapboxcontainer .mdf-field{
	margin-bottom: 24px;
}
.mapboxcontainer .mdf-field label{
	color: #062F35;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom:8px;
}
.mapboxcontainer .mdf-sel{
    color: #062F35;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #ACB5BD;
    display: flex;
    width: 399px;
    height: 40px;
    padding: 3px 16px;
}
.mapboxcontainer .mdf-wrap{
	box-shadow:none;
	background:none;
	font-family:inherit;
}
.mapboxcontainer .mdf-side{
	width: 470px;
	border-radius: 8px;
	background: #FAFAFA;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.mapboxcontainer{width:100%; max-width:100%;}
.golivelink,.golivelink:hover,.closelive,.btn-livestream-carpark, .btn-livestream-carpark:hover{
	background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #AD1F82;
    justify-content: center;
    display: flex;
    height: 40px;
    padding: 3px 16px;
    align-items: center;
    gap: 24px;
	color: #AD1F82;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration:none;
}
.closelive{background: #AD1F82 !important; color: #ffffff !important;}
.visitornumber_container .rightsidefilters.web{
	display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 24px;
	order:2;
}

/* Livestream container */
.vnumberlive {
    width: 100%;
    margin-top: 20px;
}

.livestream-container {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.video-js .vjs-play-progress {
    background-color: #AD1F82 !important;
}

/* Livestream video container */
.vnumberlive,.carpark_livestream_container {
    width: 100%;
}

.livestream-container {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

/* Video.js player styling */
.video-js {
    width: 100% !important;
    height: auto !important;
    position: relative;
}

/* Big play button - IMPROVED CENTERING */
.video-js .vjs-big-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-color: rgba(43, 51, 63, 0.8) !important;
    border: 3px solid #fff !important;
    font-size: 3em !important;
    line-height: 80px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

/* Show big play button when paused */
.video-js.vjs-paused .vjs-big-play-button,
.video-js.vjs-ended .vjs-big-play-button {
    display: block !important;
}

/* Hide when playing */
.video-js.vjs-playing .vjs-big-play-button,
.video-js.vjs-has-started.vjs-playing .vjs-big-play-button {
    display: none !important;
}

/* Hide while user is inactive and playing */
.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-big-play-button {
    display: none !important;
}

/* Hover effect */
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus {
    background-color: rgba(115, 133, 159, 0.95) !important;
    border-color: #fff !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

/* Play icon inside button */
.video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.8em !important;
    color: #fff !important;
}

/* Loading spinner - position below big play button */
.video-js .vjs-loading-spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 5 !important;
    margin: 0 !important;
    width: 60px !important;
    height: 60px !important;
}

/* Hide loading spinner when paused */
.video-js.vjs-paused .vjs-loading-spinner,
.video-js.vjs-ended .vjs-loading-spinner {
    display: none !important;
    visibility: hidden !important;
}

/* Hide any loading spinner text/numbers */
.video-js .vjs-loading-spinner:after,
.video-js .vjs-loading-spinner div {
    display: none !important;
}

.vjs-loading-spinner {
    border-color: #655B96 transparent transparent transparent !important;
}

/* Control bar - KEEP NORMAL FLOW */
.video-js .vjs-control-bar {
    background-color: rgba(0, 0, 0, 0.7) !important;
    display: flex !important;
    align-items: center !important;
}

/* Progress control - LET IT FLOW NATURALLY IN CONTROL BAR */
.video-js .vjs-progress-control {
    flex: auto !important;
    display: flex !important;
    align-items: center !important;
}

.video-js .vjs-progress-holder {
    flex: auto !important;
}

/* Time displays */
.video-js .vjs-time-control {
    display: block !important;
    flex: none !important;
}

.video-js .vjs-current-time,
.video-js .vjs-duration {
    display: block !important;
}

/* Error display */
.video-js .vjs-error-display {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.video-js .vjs-error-display:before {
    content: 'Livestream Error' !important;
    font-size: 1.5em !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* Control text - screen reader only */
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Responsive */
@media (max-width: 768px) {
    .vnumberlive {
        margin-top: 15px;
    }
    
    .video-js .vjs-big-play-button {
        width: 60px !important;
        height: 60px !important;
        font-size: 2em !important;
        line-height: 60px !important;
    }
    
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size: 1.5em !important;
    }
    
    .video-js .vjs-loading-spinner {
        width: 50px !important;
        height: 50px !important;
    }
}
/* ==================== CAR PARK SPECIFIC STYLES ==================== */

/* Car park livestream header */
.carpark_livestream_container .livestream-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.carpark_livestream_container .camera-title {
    margin: 0;
    font-size: 1.25rem;
    color: #062F35;
}

/* Close button - reusing visitor number style but for car park */
.close-carpark-livestream, .close-carpark-livestream:hover,.close-carpark-livestream:active {
    display: flex;
    align-items: center;
    gap: 24px;
	height: 40px;
    padding: 3px 16px;
    background: #AD1F82 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s ease;
	margin-top: 24px;
}
.box.camera-offline .btn-livestream-carpark,
.box.notinuse .btn-livestream-carpark {
    display: none;
}
.box_container.camera-offline {
    align-items: center;
    justify-content: center;
	background: #ACB5BD;
}

.camera-offline-content {
    text-align: center;
    padding: 40px 20px;
}

.camera-offline-content p {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #062F35;
}
.itbanner{
    margin-top: 16px;
    margin-bottom: 48px;
}
.planvisit{
	margin-bottom:48px;
}
.visitboxes{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
	margin-top:16px;
}
.visitboxes .visitbox{
	width: 411px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.visitboxes .visitbox h2{
	color: #062F35;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.visitboxes .visitbox p{
	color: var(--Primary-Black, #062F35);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/* Card Radio Groups */
.contactuspage .card-radio-group p{margin-bottom:0px;}
.contactuspage .card-radio-group{
    margin-bottom: 24px;
}

.contactuspage .card-radio-group > label {
    display: block;
    font-size: 14px;
    color: #062F35;
    margin-bottom: 12px;
}

.contactuspage .card-radio-group .wpcf7-radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.contactuspage .card-radio-group .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	border-radius: 8px;
	border: 1px solid var(--Shades-Gray5, #CED4DA);
	background: var(--Primary-White, #FAFAFA);
    cursor: pointer;
    min-height: 60px;
	padding: 24px 23px;
}

.contactuspage .card-radio-group .wpcf7-list-item:hover {
    border-color: #AD1F82;
}

/* Hide default radio, custom style */
.contactuspage .card-radio-group .wpcf7-list-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px !important;
    height: 22px;
    border: 2px solid #062F35;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0;
    order: 2;
    position: relative;
	padding: 0px;
}

/* Checked radio dot */
.contactuspage .card-radio-group .wpcf7-list-item input[type="radio"]:checked {
    border-color: #AD1F82;
}

.contactuspage .card-radio-group .wpcf7-list-item input[type="radio"]:checked::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #AD1F82;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Highlight selected card */
.contactuspage .card-radio-group .wpcf7-list-item:has(input:checked) {
    border-color: #AD1F82;
}

/* Label text */
.contactuspage .card-radio-group .wpcf7-list-item-label.label-text {
    display: flex;
    flex-direction: column;
    order: 1;
    flex: 1;
}

.contactuspage .card-radio-group .label-title {
	color: var(--Primary-Black, #062F35);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.contactuspage .card-radio-group .label-subtitle {
    margin-top: 10px;
    color: var(--Primary-Black, #062F35);
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 162px;
}

/* Responsive */
@media (max-width: 600px) {
    .contactuspage .card-radio-group .wpcf7-radio {
        grid-template-columns: 1fr;
    }
}

/* Attachment field */
.box-attachment {
    margin-bottom: 24px;
}

.box-attachment > label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a2e35;
    margin-bottom: 8px;
}

.box-attachment .optional-tag {
    font-weight: 400;
    color: #888;
}
.box-attachment p{margin-bottom:0px;}
.custom-file-upload {
    position: relative;
    border: 2px dashed #d0d5d8;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center;
    background: #fafafa;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.custom-file-upload:hover {
    border-color: #1a2e35;
    background: #f0f2f3;
}

.custom-file-upload.dragover {
    border-color: #1a2e35;
    background: #eef1f3;
}

.custom-file-upload.has-file {
    border-color: #28a745;
    background: #f0faf3;
}

/* Hide the default CF7 file input */
.custom-file-upload .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.custom-file-upload .wpcf7-form-control-wrap input[type="file"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Upload placeholder */
.custom-file-upload .upload-placeholder {
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.custom-file-upload .upload-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f0f0f0;
    margin-bottom: 12px;
}

.custom-file-upload .upload-text {
    font-size: 15px;
    font-weight: 500;
    color: #062F35;
    margin: 0 0 6px;
}

.custom-file-upload .upload-accepted {
    font-size: 13px;
    color: #888;
    margin: 0;
}

.custom-file-upload .upload-accepted .filetypes {
    color: #AD1F82;
    font-weight: 500;
}

.custom-file-upload .upload-accepted .maxsize {
    color: #AD1F82;
    font-weight: 500;
}

/* File name display */
.custom-file-upload .file-name-display {
    position: relative;
    z-index: 1;
    pointer-events: none;
    font-size: 14px;
    color: #062F35;
    font-weight: 500;
}

.custom-file-upload .file-name-display .remove-file {
    color: #dc3232;
    margin-left: 8px;
    cursor: pointer;
    pointer-events: all;
    z-index: 3;
    position: relative;
    font-size: 13px;
    text-decoration: underline;
}

.error-404.not-found a{
	border-radius: 4px;
	background: #AD1F82;
	padding:10px;
	color: #FAFAFA;
	font-size: 16px;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}
.visitbox img{height:263px;border-radius:8px;width: 100%;object-fit: cover;}