@font-face {
	font-family: Blue-River;
	src: url(../assets/fonts/BlueRiver.otf);
	font-display: swap;
}
:root{
	--theme-color-bg: #F9F9F9;
	--theme-color-input-bg: #FFF;
	--theme-color-gray-light: #EEE;
	--theme-color-gray-medium: #CCC;
	--theme-color-gray-darkgray: #666;
	--theme-color-gray-black: #333;
	--theme-color-rgb-blue: #505ca4;
	--theme-color-blue: #505ca4;
	--theme-color-blue-light: #7C90FF;
	--theme-color-blue-dark: #2B3259;
	--theme-color-orange: #EDA42E;
	--theme-color-orange-light: #FFCB80;
	--theme-color-orange-dark: #593C12;
	--theme-color-teal: #009999;
	--theme-color-green: #01B136;
	--theme-color-red: #B10101;
	--theme-border-radius: 10px;
	--theme-box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	--theme-text-shadow: 2px 2px 5px rgb(0 0 0 / 100%);
}
html,body{
	height: 100%;
	background-color: var(--theme-color-bg);
}
html[lang="en"] body{
	font-family: 'Montserrat', sans-serif;
}
html[lang="ar"]{
	direction: rtl;
}
html[lang="ar"] body{
	font-family: 'Cairo', sans-serif;
}
.ar{
	font-family: 'Cairo', sans-serif;   
}
.nav_gap{
	height: 100px;
}
nav{
	display: flex;
	height: 100px;
	width: 100%;
	font-weight: 600;
	align-items: center;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: white;
	box-shadow: var(--theme-box-shadow);
	z-index: 10;
	transition: top 600ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
nav a.lang_btn{
	display: inline-flex;
	font-size: 12px;
	text-decoration: none;
	/* background-color: #eee; */
	padding: 5px 10px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--theme-color-blue);
	margin-inline-end: 5px;
}
html[lang="en"] nav a.lang_btn{
	font-family: 'Cairo', sans-serif;
}
nav .logo{
	width: 250px;
}
nav ul{
	position: relative;
	display: flex;
	margin: unset;
	padding: unset;
	list-style: none;
	margin-block: unset;
	margin-inline: unset;
	padding-inline: unset;
	flex-direction: row;
	align-items: center;
	column-gap: 10px;
}
nav ul li{
	display: inline-block;
	position: relative;
	/* margin-left: 25px; */
}
nav ul li.profile{
	display: inline-block;
}
nav ul li.profile .menu{
	display: none;
	right: 0px;
	position: absolute;
	width: max-content;
	background-color: white;
	box-shadow: var(--theme-box-shadow);
}
nav ul li.profile .menu a{
	font-size: 14px;
	color: var(--theme-color-blue);
	border-radius: unset;
}
nav ul li.profile .menu a:hover{
	background-color: var(--theme-color-blue);
	color: white !important;
}
nav ul li.profile:hover{
	
}
nav ul li.profile:hover .menu{
	display: block;
	z-index: 1;
}
nav ul li a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #999;
	padding: 10px;
	border-radius: 5px;
}
nav ul li a:hover,
nav ul li a:active{
	background-color: var(--theme-color-gray-light);
}
nav ul li a.icon{
	display: flex;
	position: relative;
	padding: 12px;
	height: 50px;
	width: 50px;
	align-items: center;
	justify-content: center;
}
nav ul li a.login{
	background-color: var(--theme-color-orange);
	color: white;
}
nav ul li a.login:hover{filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.1));}
nav ul li a.book_your_pass{
	border: 2px solid var(--theme-color-blue);
	color: var(--theme-color-blue);
	padding: 10px;
	border-radius: 5px;
	transition: all 150ms;
}
nav ul li a.book_your_pass:hover,
nav ul li a.book_your_pass:active{
	background-color: var(--theme-color-blue);
	color: white;
}
nav .cart_total_items{
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: var(--theme-color-orange);
	color: white;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50px;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
}
nav ul li a img{
	width: 100%;
}
ul.breadcrumbs{
	/* margin: 0px; */
	/* padding: 0px; */
}
ul.breadcrumbs li{
	display: inline-block;
	margin-inline-start: 10px;
}
ul.breadcrumbs li::after{
	content: '/';
	display: inline-block;
	margin-inline-start: 10px;
	opacity: 0.2;
}
ul.breadcrumbs li:last-child{
	
}
ul.breadcrumbs li a{
	color: black;
	opacity: 0.5;
	text-decoration: none;
}
ul.breadcrumbs li:last-child a{
	color: black;
	opacity: 1;
}
ul.breadcrumbs li a:hover{
	/* color: var(--theme-color-blue-light); */
	opacity: 1;
	text-decoration: underline;
}
ul.breadcrumbs li:last-child::after{
	display: none;
}
li.title{
	font-weight: 600;
	color: var(--theme-color-blue);
}
.nav-tabs .nav-link{
	color: var(--theme-color-blue);
}
table.vendor_table{
	width: 100%;
	/* min-width: 500px; */
	border: 1px solid #ddd;
}
table.vendor_table thead{
	background-color: var(--theme-color-blue);
	color: white;
}
table.vendor_table tbody{
	
}
table.vendor_table tbody tr:nth-child(even){
	background-color: #eee;
}
table.vendor_table tfoot{
	background-color: var(--theme-color-blue);
  color: white;
}
table.vendor_table tr{
	
}
table.vendor_table tr th{
	font-weight: 600;
	padding: 10px;
}
table.vendor_table tr td{
	padding: 10px;
}
form .hint{
	font-size: 12px;
	color: #666;
}
.hamburger{
	box-shadow: none;
	transform: scale(0.8) translateY(5px);
	margin-inline-start: -10px;
	position: relative;
}
.hamburger:hover {
	opacity: 1;
}
.hamburger.is-active:hover {
	opacity: 1;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	background-color: var(--theme-color-blue);
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after{
	background-color: white;
}

#ytplayer{
	aspect-ratio: 16/9;
	width: 100%;
}
*{
	box-sizing: border-box;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
a,button.link{
	color: var(--theme-color-blue);
}
button.link{
	padding: 0px;
	background-color: unset;
	border: none;
	margin: 0px;
	text-decoration: underline;
}
label, div.label{
	margin-bottom: 15px;
}
fieldset{
	display: block;
	width: 100%;
	min-width: revert;
	padding: 20px;
	margin: revert;
	border: 1px solid var(--theme-color-blue);
	border-radius: var(--theme-border-radius);
}
legend{
	font-size: revert;
	float: revert;
	width: revert;
	padding: 10px;
	margin: revert;
	margin-left: -10px;
	margin-bottom: -15px;
	line-height: revert;
	color: var(--theme-color-blue);
	font-weight: 600;
	font-size: 18px;
}
label:not(.inline){
	display: block;
	cursor:pointer;
	margin-bottom: 15px;
}
label.inline{
	margin-bottom: 0px;
}
input::placeholder {
  opacity: 0.25;
}

/* For browser compatibility, you might also need these */
input:-ms-input-placeholder {
  opacity: 0.25;
}

input::-ms-input-placeholder {
  opacity: 0.25;
}

input::-webkit-input-placeholder {
  opacity: 0.25;
}
input[type="checkbox"],
input[type="radio"] {
	display:none;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	/* color:#f2f2f2; */
	vertical-align: middle;
	margin-top: 10px;
	cursor: pointer;
}
input[type="checkbox"] + label span,
input[type="radio"] + label span {
	position: relative;
	display:inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align:middle;
	cursor:pointer;
	border: 2px solid var(--theme-color-blue);
	border-radius: 5px;
	margin-inline-end: 10px;
}
input[type="checkbox"]:checked + label span::after,
input[type="radio"]:checked + label span::after {
	position: absolute;
	content: "";
	display: inline-block;
	/* background-color: var(--theme-color-blue-light); */
	width: 10px;
	height: 6px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -75%) rotate(-45deg);
	border: 2px solid var(--theme-color-blue);
	border-top: none;
	border-right: none;
}
input[type="radio"]:checked + label span::after {
	border: none;
	height: 8px;
	width: 8px;
	border-radius: 2px;
	transform: translate(-50%, -50%);
	background-color: var(--theme-color-blue);
}
a.button{
	display: inline-block;
	text-decoration: none;
}
input[type="text"],
input[type="password"],
input[type=number],
input[type="submit"],
input[type="button"],
input[type="url"],
input[type="email"],
input[type="date"],
button,
div.button,
span.button,
div.displayInput,
textarea,
a.button,
div.discount_coupon
{
	border: none;
	background-color: white;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	margin-top: 10px;
	color: var(--theme-color-gray-darkgray);
	transition: box-shadow 0.3s;
	color-scheme: dark;
	/* box-shadow: var(--theme-box-shadow); */
	font-weight: 600;
}
input[type="text"],
input[type="password"],
input[type=number],
input[type="submit"],
input[type="button"],
input[type="url"],
input[type="email"],
input[type="date"],
select,
select.alt,
button,
div.button,
span.button,
div.displayInput,
textarea,
a.button,
div.discount_coupon
{
	border: 1px solid var(--theme-color-blue);
}
input.inline{
	width: initial;
}
div.displayInput{
	background-color: transparent;
}
input[type="submit"],
input[type="button"],
button,
div.button,
span.button,
a.button
{
	color: white;
	background-color: var(--theme-color-blue);
	width: fit-content;
	margin-right: 5px;
	cursor: pointer;
}
a.button img{
	height: 20px;
}
a.button.alt{
	background-color: #eee;
	border: 1px solid #ccc;
	color: black;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
div.button:hover,
a.button:hover
{
	
}
input[type="submit"].full_width,
input[type="button"].full_width,
div.button.full_width,
a.button.full_width{
	width: 100%;
	text-align: center;
}
input[type="button"]{
	width: initial;
}
/*input[type="submit"]:focus,*/
/*input[type="button"]:focus,*/
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
select,
textarea:focus,
div.discount_coupon:focus-within
{
	box-shadow: 0 0 0 2px var(--theme-color-blue);
	outline: none;
}
input:disabled,button:disabled{
	background-color: #eee;
	/* opacity: 0.5; */
}
select{
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	transition: box-shadow 0.3s;
	white-space: nowrap;
}
select.alt{
	background-color: var(--theme-color-blue);
	color: white;
	transition: box-shadow 0.3s;
	white-space: nowrap;
}
select.full_width{
	width: 100%;
}
select.alt option{
	background-color: var(--theme-color-blue);
}
select option[selected]{
	background-color: var(--theme-color-blue);
	color: white;
	white-space: nowrap;
	width: fit-content;
}
select.alt option[selected]{
	background-color: var(--theme-color-blue-light);
	white-space: nowrap;
	width: fit-content;
}
select.minimal {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
  linear-gradient(135deg, gray 50%, transparent 50%),
  linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
  calc(100% - 15px) calc(1em + 2px),
  calc(100% - 2.5em) 0.5em;
  background-size: 6px 6px,
  6px 6px,
  1px 1.5em;
  background-repeat: no-repeat;
}
select.minimal:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
#contact_form.invalid input:invalid,
#contact_form.invalid select:invalid,
#contact_form.invalid textarea:invalid
{
	border: 1px solid red;
}
html[lang='ar'] select.minimal{
	background-position: 15px center,19px center,33px;
}
.h100{
	height: 100px;
}
.h60{
	height: 60px;
}
.h30{
	height: 30px;
}
.h15{
	height: 15px;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	color: var(--theme-color-blue);
}
@media(max-width: 768px){
	.h100{
		height: 50px;
	}
	.h60{
		height: 30px;
	}
	.h30{
		height: 15px;
	}
}
@media(max-width: 414px){
	.h100{
		height: 30px;
	}
	.h60{
		height: 15px;
	}
	.h30{
		height: 10px;
	}
}
/* Bootstrap override */
.sticky-top{
	top: calc(100px + 30px);
}
@media(max-width: 992px){
	.sticky-top{
		top: calc(80px + 15px);
	}	
}
.whatsApp_support_floating_icon{
	display: flex;
	position: fixed;
	bottom:110px;
	right:0px;
	width: 60px;
	height: 60px;
	background-color: white;
	padding: 10px;
	border-radius: 10px 0px 0px 10px;
	z-index: 2;
	box-shadow: var(--theme-box-shadow);
	align-items: center;
	justify-content: center;
}
.whatsApp_green_svg{
	filter: invert(39%) sepia(97%) saturate(2052%) hue-rotate(77deg) brightness(99%) contrast(96%);
	width: 100%;
}
.city_container{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 30px;
}
.city_container .city{
	display: flex;
	position: relative;
	width: calc(50% - 30px);
	/* width: 100%; */
	max-width: 650px;
	height: 250px;
	padding: 30px;
	border-radius: var(--theme-border-radius);
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	color: white;
	align-items: flex-start;
	overflow: hidden;
	text-shadow: var(--theme-text-shadow);
	transition: all 500ms;
	align-content: space-between;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
.city_container .city .name{
	z-index: 1;
}
.city_container .city .name .name_sub{
	font-size: 0.6em;
	font-weight: normal;
	/* padding: 5px; */
	/* border-radius: 10px; */
	/* background-color: var(--theme-color-blue); */
}
.city_container .city .SEA_container{
	z-index: 1;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.city_container .city .SEA{
	height: 40px;
	z-index: 1;
}
.city_container .city .img{
	position: absolute;
	background-size: cover;
	background-position: center center;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: all 500ms;
	transform: scale(1);
}
.city_container .city:hover .img{
	transform: scale(1.1);
}
.city_container .city .img::before{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	content: '';
	/* background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 100%); */
}

.skyline{
	display: flex;
	position: absolute;
	top: 4px;
	left: 0px;
	width: 100%;
	transform: translate(0px, -100%);
	justify-content: space-between;
	align-items: flex-end;
}
.skyline img{
	width: 300px;
}
.skyline img.left{
	
}
html[lang="ar"] .skyline img.left,
html[lang="ar"] .skyline img.right{
	transform: scaleX(-1);
}
.skyline img.right{
	
}
.skyline::before{
	content: '';
	position: absolute;
	height: 20px;
	width: 100%;
	bottom: 0px;
	background-color: var(--theme-color-blue);
}
footer{
	position: relative;
	background-color: var(--theme-color-blue);
	padding: 100px 0px 50px;
	color: white;
	margin-top: 100px;
}
footer ul{
	display: flex;
	margin: 0px;
	padding: 0px;
	flex-direction: column;
	row-gap: 10px;
	margin-bottom: 10px;
}
footer li{
	display: block;
	margin: 0px;
	padding: 0px;
}
footer a{
	text-decoration: none;
	color: white;
}
footer img.social{
	width: 30px;
}
footer .footer_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
}
footer .footer_container > .child{
	width: 250px;
}
footer small.disclaimer{
	display: inline-block;
	font-size: 8px;
	/* line-height: 3px; */
	margin-left: 10px;
	margin-right: 5px;
	text-align: justify;
	margin-top: 10px;
	max-width: 235px;
}
footer .subscribe_today{
	display: inline-flex;
	position: relative;
	background-image: url(../assets/images/subscribe_today.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 260px;
	height: 180px;
	/* height: 184px; */
	padding: 20px;
	flex-wrap: nowrap;
	align-items: flex-end;
	column-gap: 10px;
	/* overflow: hidden; */
	border-radius: 0px 50px 20px 20px;
}
html[lang="ar"] footer .subscribe_today{
	background-image: url(../assets/images/subscribe_today_ar.png);
}
footer .subscribe_today input[type="text"]{
	/* position: absolute; */
	/* width: 150px; */
	padding: 5px;
	font-size: 14px;
	top: 109px;
}
footer .subscribe_today button{
	flex-grow: 1;
	background-color: var(--theme-color-orange);
	padding: 5px;
	font-size: 14px;
	text-transform: uppercase;
	/* position: absolute; */
	top: 109px;
	right: 12px;
}
footer .subscribe_today small{display: block;position: absolute;font-size: 10px;bottom: -6px;width: 224px;}
footer .download_app{
	margin-bottom: 30px;
}
footer .payment_logos{display: flex;justify-content: center;gap: 20px;align-items: center;}
footer .payment_logos img{
	height: 15px;
}
section.why_sightscape{
	background-image: url(../assets/images/why_sightscape_bg.png);
	background-color: #eee;
	background-size: cover;
	background-position: center center;
}
section.why_sightscape img.icons{
	height: 60px;
	margin-bottom: 20px;
}

.exc_container{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	row-gap: 30px;
}
.exc_container > .exc{
	display: flex;
	position: relative;
	width: 100%;
	height: 315px;
	overflow: hidden;
	color: white;
	padding: 30px;
	border-radius: var(--theme-border-radius);
	justify-content: space-between;
	text-decoration: none;
	box-shadow: var(--theme-box-shadow);
	/* background: rgb(0,0,0); */
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%);
	background-size: cover;
	background-position: center center;
	transition: all 300ms;
}
.exc_container > .exc.premium{
	border: 5px solid var(--theme-color-orange);
}
.exc_container > .exc:hover{/* background-size: 200% 200%; */}
.exc_container > .exc:hover > .img{
	transform: scale(1.2);
}
.exc_container > .exc > .img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-size: cover;
	background-position: center center;
	/* transition: all 500ms; */
}
.exc_container > .exc > .left{
	text-shadow: 2px 2px 5px black;
	text-shadow: var(--theme-text-shadow);
	width: 65%;
}
.exc_container > .exc > .left > .cat_tag_container{
	display: flex;
	column-gap: 10px;
	margin-bottom: 10px;
}
.exc_container > .exc > .left > .cat_tag_container > .cat_tag{
	font-size: 12px;
/*	border: 1px solid var(--theme-color-gray-darkgray);*/
	color: white;
	padding: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	text-shadow: none;
}
.exc_container > .exc > .left > .cat{
	margin-bottom: 10px;
}
.exc_container > .exc > .left > h3{
	color: white;
}
.exc_container > .exc > .left > p{
  font-size: 14px;
  /* height: 42px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.exc_container > .exc > .left > .normal_price{
	display: inline-block;
	background-color: var(--theme-color-blue);
	padding: 10px;
	border-radius: 5px;
}
.exc_container > .exc > .right{
	display: flex;
	align-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	width: 150px;
	text-align: center;
}
.exc_container > .exc > .right > .top,
.exc_container > .exc > .right > .bottom{
	display: flex;
	width: 100%;
	flex-direction: column;
	row-gap: 10px;
	column-gap: 10px;
}
.exc_container > .exc > .right .tag{
	width: 100%;
	/* text-align: right; */
	font-size: 12px;
	padding: 5px;
	border-radius: 5px;
	font-weight: 600;
	box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.exc_container > .exc .tag > img{
	height: 10px;
	vertical-align: baseline;
	margin-right: 5px;
}
.exc_container > .exc .tag.sponsored{
	background-color: #333;
}
.exc_container > .exc .tag.premium{
	background-color: var(--theme-color-orange);
}
.exc_container > .exc .tag.booking_required{
	background-color: var(--theme-color-teal);
}
.exc_container > .exc .tag.group_activity{
	background-color: var(--theme-color-teal);
}

/* Home Page*/

body.page_home{

}
body.page_home .hero_banner{
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
html[lang="en"] body.page_home .hero_banner{
	background-image: url(../assets/images/landing_banner_bg.jpg);
}
html[lang="ar"] body.page_home .hero_banner{
	background-image: url(../assets/images/landing_banner_bg_ar.jpg);
}
html[lang="ar"] body.page_home .hero_banner .hero_content{
	margin-right: auto;
}
body.page_home .hero_banner .hero_content{
	display: flex;
	width: 370px;
	flex-direction: column;
	align-items: center;
	margin: 30px;
}
body.page_home .hero_banner .hero_content > img.onepass{
	width: 200px;
}
body.page_home .hero_banner .hero_content > h2{
	color: var(--theme-color-blue);
	font-weight: bold;
}
body.page_home .hero_banner .hero_content > .ribbon{
	display: flex;
	position: relative;
	background-color: var(--theme-color-blue);
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	flex-grow: 1;
	height: 60px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 30px;
}
body.page_home .hero_banner .hero_content > .ribbon::before,
body.page_home .hero_banner .hero_content > .ribbon::after{
	content: '';
	position: absolute;
	height: 60px;
	width: 30px;
	background-image: url(../assets/icons/ribbon_end.svg);
	background-repeat: no-repeat;
	background-size: 30px 60px;
}
body.page_home .hero_banner .hero_content > .ribbon::before{
	left: -28px;
}
body.page_home .hero_banner .hero_content > .ribbon::after{
	right: -28px;
	transform: scale(-1);
}
body.page_home .hero_banner .hero_content > .small_desc{
	font-size: 14px;
	margin: 30px 0px;
}
body.page_home .hero_banner .hero_content > .icon_container{
	display: flex;
	position: relative;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 30px;
}
body.page_home .hero_banner .hero_content > .icon_container > .icon{
	
}
body.page_home .hero_banner .hero_content > .icon_container > .icon img{
	height: 40px;
}
body.page_home .hero_banner .hero_content > .icon_container > .icon span{
	font-size: 12px;
	font-weight: bold;
	color: var(--theme-color-blue);
}
body.page_home .hero_banner .hero_content > .icon_container > .divider{
	width: 1px;
	border-left: 1px dotted var(--theme-color-blue);
	height: 30px;
}
body.page_home .home_banner2{
	background-image: url(../assets/images/home_banner2.jpg);
	padding: 100px 0px;
}
body.page_home .home_banner2 .box{
	position: relative;
	display: flex;
	margin: 0px auto;
	width: 100%;
	/* background-color: white; */
	border-radius: var(--theme-border-radius);
	/* padding: 90px; */
	flex-wrap: nowrap;
	column-gap: 30px;
	max-width: 940px;
	align-items: center;
}
body.page_home .home_banner2 .box > .left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
	padding: 30px;
	border-radius: var(--theme-border-radius);
}
body.page_home .home_banner2 .box > .right{
	height: 550px;
}
body.page_home .home_banner2 .box > .right > .phone_mockup{
	/* position: absolute; */
	height: 100%;
	z-index: 1;
	right: -130px;
	top: -60px;
}
body.page_home .home_banner2 .box > .left > .top{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	row-gap: 30px;
}
body.page_home .home_banner2 .box > .left > .top > .elements{
	position: relative;
	width: 120px;
}
body.page_home .home_banner2 .box > .left > .top > .elements > .top{
	position: relative;
	display: flex;
	background-color: var(--theme-color-blue);
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	aspect-ratio: 1/1;
	padding: 15px;
	border-radius: 10px 10px 0px 0px;
}
body.page_home .home_banner2 .box > .left > .top > .elements > .top > img{
	height: 50px;
}
body.page_home .home_banner2 .box > .left > .top > .elements > .bottom{
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: var(--theme-color-blue);
	background-color: #EEEEEE;
	border-radius: 0px 0px 10px 10px;
}
body.page_home .home_banner2 .box > .left > .bottom{
}
body.page_home .home_banner2 .box > .left > .bottom > p{
	margin-top: 30px;
}
body.page_home .home_banner2 .box > .left > .bottom > p > img{
	margin-top: 30px;
}
body.page_home .go_discover{
	background-color: var(--theme-color-blue);
	color: white;
}
body.page_home .go_discover h4{
	margin: 0px;
	padding: 0px;
	color: white;
	font-family: 'Blue-River';
	font-size: 40px;
	line-height: normal;
}
html[lang="ar"] body.page_home .go_discover h4{
	font-family: 'Cairo', sans-serif;
}
body.page_home .go_discover_footer{
	position: relative;
	top: -2px;
	width: 100%;
}
body.page_home .go_save h3{
	display: inline-block;
	color: #333;
	font-weight: 600;
	margin: 0px;
}
body.page_home .go_save img.arrow{
	width: 12px;
}
html[lang="ar"] body.page_home .go_save img.arrow{
	transform: scaleX(-1);
}
body.page_home .go_save img.big_savings{
	width: clamp(300px, 50%, 500px);
}
body.page_home .go_save .go_save_container{
	display: flex;
	align-items: center;
	column-gap: 20px;
	align-content: center;
	justify-content: center;
}
body.page_home .go_save a.button{
	transform: scale(1.2);
}
body.page_home .home_why_sightscape img.heading{
	width: clamp(300px,50%,400px);
}
body.page_home .home_why_sightscape p{
	margin-top: 15px;
}
body.page_home .home_why_sightscape .ribbon_title{
	display: inline-flex;
	position: relative;
	background-color: var(--theme-color-blue);
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px 20px;
	height: 40px;
	align-items: center;
	justify-content: center;
	text-align: center;
}
body.page_home .home_why_sightscape .ribbon_title::after{
	content: '';
	position: absolute;
	height: 40px;
	width: 40px;
	background-image: url(../assets/icons/ribbon_end.svg);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	right: -28px;
	transform: scale(-1);
}
body.page_home .home_why_sightscape img.icon{
	
}
body.page_home .our_passes{

}
body.page_home .our_passes .pass{
	border-radius: var(--theme-border-radius);
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 30px;
}
body.page_home .our_passes .pass.all_inclusive{
	background-color: var(--theme-color-orange);
}
body.page_home .our_passes .pass.adventure{
	background-color: var(--theme-color-blue);
}
body.page_home .our_passes .pass h3{
text-align: center;
color: white;
margin-bottom: 20px;
}
body.page_home .our_passes .pass ul{
color: white;
margin-bottom: 20px;
}
body.page_home .our_passes .pass li{

}
body.page_home .our_passes .pass a{
display: inline-block;
padding: 10px;
border-radius: var(--theme-border-radius);
background-color: white;
width: fit-content;
margin: 0px auto;
text-decoration: none;
font-weight: bold;
}
body.page_home .our_passes .pass.all_inclusive a{
	color: var(--theme-color-orange);
}
body.page_home .our_passes .pass.adventure a{
	color: var(--theme-color-blue);
}
/* City Page*/

body.page_city{

}
body.page_city .hero_banner{
	position: relative;
	width: 100%;
	padding-bottom: 30%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
/*body.page_city .hero_banner img.SEA{*/
/*	position: absolute;*/
/*	width: 210px;*/
/*	top: 50%;*/
/*	transform: translate(0px, -50%);*/
/*}*/
body.page_city .hero_banner .SEA_container{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
body.page_city .hero_banner .SEA{
	width: 210px;
}
body.page_city .hero_banner h1{
	color: white;
}
body.page_city .hero_banner::before{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	content: '';
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
body.page_city h3.pick_a_pass{
	margin-bottom: 100px;
	color: black;
}
body.page_city .ribbon_silver{
	display: inline-flex;
	position: relative;
	background-color: #e0e0e0;
	color: var(--theme-color-blue);
	font-weight: 600;
	text-transform: uppercase;
	flex-grow: 1;
	height: 60px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 30px;
}
body.page_city .ribbon_silver::before,
body.page_city .ribbon_silver::after{
	content: '';
	position: absolute;
	height: 60px;
	width: 30px;
	background-image: url(../assets/icons/ribbon_silver_end.svg);
	background-repeat: no-repeat;
	background-size: 30px 60px;
}
body.page_city .ribbon_silver::before{
	left: -28px;
}
body.page_city .ribbon_silver::after{
	right: -28px;
	transform: scale(-1);
}
body.page_city .pass_container{
	display: flex;
	column-gap: 30px;
	row-gap: 100px;
	justify-content: center;
	flex-wrap: wrap;
}
body.page_city .pass_container a.transparent{
	color: inherit;
	text-decoration: none;
}
body.page_city .pass_container .pass_box{
	display: flex;
	position: relative;
	border-radius: var(--theme-border-radius);
	flex-direction: column;
	max-width: 450px;
	height: 100%;
	box-shadow: var(--theme-box-shadow);
	justify-content: space-between;
	background-color: white;
}
body.page_city .pass_container .pass_box.all_inclusive{
	--bg-color: var(--theme-color-orange);	
}
body.page_city .pass_container .pass_box.adventure{
	--bg-color: var(--theme-color-blue);
}
body.page_city .pass_container .pass_box .title{
	display: inline-block;
	padding: 10px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	background-color: var(--bg-color);
	border-radius: 10px;
	width: 240px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
body.page_city .pass_container .pass_box .content{
	/* background-color: white; */
	border-radius: 10px 10px 0px 0px;
	padding: 30px;
	padding-top: 50px;
	/* min-height: 230px; */
	/* font-size: 20px; */
}
body.page_city .pass_container .pass_box .content ul{margin: 0px;padding: 0px;padding-inline-start: 18px;}
body.page_city .pass_container .pass_box .content ul li{
	
}
body.page_city .pass_container .pass_box .footer{
	background-color: var(--bg-color);
	color: white;
	padding: 20px;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
}
body.page_city .pass_container .pass_box .footer h4{
	color: white;
	margin-bottom: 0px;
}
body.page_city .pass_container .pass_box .footer .price{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0px;
}
body.page_city .pass_container .pass_box .footer .button{
	display: flex;
	background-color: white;
	color: var(--bg-color);
	border: none;
	transition: all 300ms;
	animation: scaleAnimation 300ms infinite alternate;
	gap: 10px;
	margin: 0px auto;
	margin-top: 15px;
}
body.page_city .pass_container .pass_box .footer .button img{
	width: 20px;
	/* opacity: 50%; */
}
@keyframes scaleAnimation {
  0% {
      transform: scale(1.0);
  }
  100% {
      transform: scale(1.05);
  }
}
/* City Pass Page*/

body.page_city_pass{

}
body.page_city_pass .hero_banner{
	position: relative;
	width: 100%;
	padding-bottom: 20%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
body.page_city_pass .hero_banner .SEA_container{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
body.page_city_pass .hero_banner .SEA{
	width: 210px;
}
body.page_city_pass .hero_banner h1{
	color: white;
}
body.page_city_pass .hero_banner::before{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	content: '';
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
body.page_city_pass .choose_your_pass{
user-select: none;
-webkit-user-select: none;  /* Chrome, Safari, and Opera */
-moz-user-select: none;     /* Firefox */
-ms-user-select: none;      /* Internet Explorer/Edge */
}
body.page_city_pass .choose_your_pass.flexi-pass{
	--base-color: var(--theme-color-blue);
	--base-color-dark: var(--theme-color-blue-dark);
}
body.page_city_pass .choose_your_pass.all-inclusive-pass{
	--base-color: var(--theme-color-orange);
	--base-color-dark: var(--theme-color-orange-dark);
}
body.page_city_pass .choose_your_pass{
	background-color: var(--base-color);
	padding: 15px;
	border-radius: var(--theme-border-radius);
	color: white;
	font-weight: 600;
	/* margin-bottom: 30px; */
}
body.page_city_pass .choose_your_pass small{
	font-size: 12px;
}
body.page_city_pass .choose_your_pass h3{
	color: white;
}
body.page_city_pass .choose_your_pass .no_of_passes{
	margin-top: 10px;
}
body.page_city_pass .choose_your_pass .add_pass_buttons{
	border: 1px solid white;
	display: inline-block;
	background-color: transparent;
	height: 35px;
	width: 35px;
	line-height: 35px;
	padding: 0px;
	text-align: center;
	font-size: 20px;
	margin: 0px;
}
body.page_city_pass .choose_your_pass .add_pass_buttons:hover{
	background-color: rgba(0,0,0,0.1);
}
body.page_city_pass .choose_your_pass .output_no_of_passes{
	display: inline-block;
	margin: 0px 10px;
	width: 20px;
	text-align: center;
}
body.page_city_pass .choose_your_pass .displayInput,
body.page_city_pass .choose_your_pass select,
body.page_city_pass .choose_your_pass select option,
body.page_city_pass .choose_your_pass input,
body.page_city_pass .choose_your_pass a.checkoutBtn
{
	background-color: white;
	color: var(--base-color-dark);
	border: none ;
}
body.page_city_pass .choose_your_pass input[type='submit'],
body.page_city_pass .choose_your_pass a.checkoutBtn
{
	background-color: var(--base-color-dark);
	color: white;
}
body.page_city_pass .choose_your_pass input[type='submit']:hover,
body.page_city_pass .choose_your_pass a.checkoutBtn:hover{
	background-color: black;
}
body.page_city_pass .pass_conditions{
	background-color:#eee;
	padding:30px;
	border-radius: var(--theme-border-radius);
}
body.page_city_pass .pass_conditions ul{
	padding-left: 1rem;
	/* padding-right: 1rem; */
	font-size:12px;
	list-style: none;
	padding-left: 0;
}
body.page_city_pass .pass_conditions ul li::before {
  content: "✅"; /* Unicode checkmark */
  margin-right: 0px;
}
body.page_city_pass .heading_icon{
	width: 30px;
	vertical-align: baseline;
}
body.page_city_pass img.itinerary{
	width: 100%;
	box-shadow: var(--theme-box-shadow);
	margin-bottom: 30px;
}
body.page_city_pass #itinerary_mobile{
	display: none;
}
body.page_city_pass #itinerary_mobile.show{
	display: block;
}
/* City Pass Page*/

body.page_vendor-account{

}
.tabs{
	background-color: white;
	border: 1px solid var(--bs-border-color);
	border-top: none;
	padding: 15px;
	padding-top: 30px;
	/* overflow-y: scroll; */
}
body.page_vendor-account table{
	font-size: 14px;
}
body.page_vendor-account .vendor_exc{
	padding: 15px;
	background-color: #fff;
	border-radius: var(--theme-border-radius);
	margin-bottom: 10px;
	border: 1px solid #ccc;
	box-shadow: var(--theme-box-shadow); */
}
body.page_vendor-account .vendor_exc:hover{
	border-color: var(--theme-color-blue);
}
body.page_vendor-account .vendor_exc .city{
	display: inline-block;
	border-radius: 5px;
	/* padding: 5px 10px; */
	color: #999;
	font-weight: 600;
}
body.page_vendor-account .vendor_exc .id{
	display: inline-block;
	background-color: #ccc;
	border-radius: 100px;
	padding: 1px 8px;
	font-size: 10px;
	font-weight: 600;
}
body.page_vendor-account .vendor_exc .name{
	font-size: 20px;
	font-weight: 600;
}
body.page_vendor-account .vendor_exc .tag{
	background-color: #ccc;
	border-radius: 100px;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 600;
	margin-inline-end:5px;
}
body.page_vendor-account .scan_history{
	
}
body.page_vendor-account .scan_history .scans{
	
}
body.page_vendor-account .scan_history .scans .left{
	
}
body.page_vendor-account .scan_history .scans .right{
	
}


/* FAQ */

body.page_faq .faq_section_title{
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	background-color: var(--theme-color-blue);
	padding: 10px;
	color: white;
	border-radius: var(--theme-border-radius);
}
.form_container{
	min-width: 300px;
	max-width: 600px;
	background-color: white;
	padding: 50px;
	border-radius: 30px;
	box-shadow: var(--theme-box-shadow);
	margin: 0px auto;
	overflow-wrap: break-word;
}
.grecaptcha-badge{
	z-index: 1;
}
.pill{
	display: inline-block;
	border-radius: 50px;
	font-size:12px;
	padding: 0px 10px;
	background-color: #999;
	color: white;
	font-weight: 600;
}
.pill.all_inclusive{
	background-color:var(--theme-color-orange);
}
.pill.adventure{
	background-color:var(--theme-color-blue);
}
.pill.red{
	background-color: #A00;
	/* border: 1px solid #900; */
}
.pill.green{
	background-color: #EFE;
}
.pill.yellow{
	background-color: #FFE;
}
/* Page User Profile */

body.page_profile{

}
body.page_profile .order_container{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
body.page_profile .order_container .order{
	display: flex;
	justify-content: space-between;
	background-color: white;
	box-shadow: var(--theme-box-shadow);
	padding: 10px;
	border-radius: var(--theme-border-radius);
	margin-bottom: 10px;
	text-decoration: none;
	color: unset;
	border: 1px solid var(--theme-color-blue);
	/* max-width: 500px; */
}
body.page_profile .order_container .order .left{

}
body.page_profile .order_container .order .right{
	text-align: end;
}
body.page_profile .order_container .order .small{
}
body.page_profile .order_container .order .title{
	font-size: 1.1em;
	font-weight: 600;
}
body.page_profile .order_details{

}
body.page_profile .order_details .order_no{
	font-weight: 600;
	font-size: 30px;
	margin: 0px;
}
body.page_profile .order_details h3{
	color:black;
}
body.page_profile .order_details .order_totals{
	display: inline-block;
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #eee;
}	
body.page_profile .order_details{

}
body.page_profile .order_details{

}
.passes_container .pass{
	display: flex;
	position: relative;
	justify-content: space-between;
	background-color: white;
	box-shadow: var(--theme-box-shadow);
	padding: 10px;
	border-radius: var(--theme-border-radius);
	margin-bottom: 10px;
	text-decoration: none;
	color: unset;
	border: 1px solid var(--theme-color-blue);
}
.passes_container .pass.all_inclusive{
	border-color: var(--theme-color-orange);
}
.passes_container .pass.all_inclusive .left .title{
	color: var(--theme-color-orange);
}
.passes_container .pass.adventure .left .title{
	color: var(--theme-color-blue);
}
.passes_container .pass.adventure{

}
.passes_container .pass .left{

}
.passes_container .pass .right{
	text-align: end;
}
.passes_container .pass .small{
}
.passes_container .pass .title{
	font-size: 1.1em;
	font-weight: 600;
}
body.page_profile .pass_details{

}
body.page_profile .pass_details h3{
	margin-bottom: 0px;
}
body.page_profile .pass_details .scan_history{
	padding: 10px;
	border-radius: var(--theme-border-radius);
	/* border: 1px solid var(--theme-color-blue); */
	margin-bottom: 10px;
	box-shadow: var(--theme-box-shadow);
	/* background-color: #EEE; */
}
body.page_profile .pass_details .scan_history.cancelled{
	border-color: #900;
	background-color: rgba(255,0,0,0.1);
}
body.page_profile .pass_details .date{
	font-size: 12px;
	/* margin-bottom: 10px; */
}
body.page_profile .pass_details .name{
	font-weight: 600;
}
pre{
	display: block;
  padding: 10px;
  margin: 0 0 1rem 0;
  font-size: 1rem;
  color: inherit;
  word-break: normal;
  word-wrap: normal;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  overflow-x: auto;
  white-space: pre-wrap;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid var(--theme-color-blue);
  -webkit-text-fill-color: var(--theme-color-gray-darkgray);
  /* -webkit-box-shadow: var(--theme-box-shadow); */
  background-color: rgba(0,0,0,0.1);
  transition: background-color 5000s ease-in-out 0s;
}

/* CART */

body.page_cart .pass{
	width: calc(100% - 45px);
}
body.page_order-review .pass{
	width: 100%;
}
body.page_cart .pass .delete{
	display: inline-flex;
	position: absolute;
	right: -45px;
	width: 34px;
	height: 34px;
	top: 50%;
	transform: translateY(-50%);
	padding: 8px;
	/* background-color: black; */
	border-radius: 5px;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}
html[lang="ar"] body.page_cart .pass .delete{
	right: unset;
	left: -45px;
}
body.page_order-review .pass .delete{
	display: none;
}
body.page_cart .pass .delete:hover,
body.page_order-review .pass .delete:hover{
	background-color:rgba(0,0,0,0.05);
}
body.page_cart .pass .delete input[type="image"],
body.page_order-review .pass .delete input[type="image"]{
	margin-top: 7px;
	width: 100%;
	/* padding: 8px; */
	/* border-radius: 5px; */
}
body.page_cart #clear_cart img,
body.page_order-review #clear_cart img{
	filter: grayscale(100%) invert(1);
	height: 20px;
	vertical-align: sub;
}
body.page_order-review .payment_method{

}
body.page_order-review .payment_method input[type="radio"]{
	display: none;
}
body.page_order-review .payment_method label{
	padding: 10px;
	width: 100%;
	border: 2px solid lightgrey;
	border-radius: var(--theme-border-radius);
}
body.page_order-review .payment_method label img{
	height: 18px;
	margin-right: 10px;
}
body.page_order-review .payment_method input[type="radio"]:checked + label{
	border: 2px solid var(--theme-color-blue);
	/* background-color: #ddd; */
	/* color: white; */
}
body.page_cart .order_summary,
body.page_order-review .order_summary{
	background-color: rgba(0,0,0,0.05);
	padding: 20px;
	border-radius: var(--theme-border-radius);
}
body.page_cart .order_summary .order_section,
body.page_order-review .order_summary .order_section{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}
body.page_cart .order_summary .order_section .title,
body.page_order-review .order_summary .order_section .title{
	font-weight: 600;
}
body.page_cart .order_summary .order_section .title.alt,
body.page_order-review .order_summary .order_section .title.alt{
	font-weight: bold;
}
body.page_cart .order_summary .order_section .value,
body.page_order-review .order_summary .order_section .value{
	
}
body.page_cart .order_summary .order_section .value.alt,
body.page_order-review .order_summary .order_section .value.alt{
	font-weight: bold;
}
body.page_cart div.discount_coupon,
body.page_order-review div.discount_coupon{
	display: flex;
	padding: 5px 10px;
	background-color: white;
	align-items: center;
}
body.page_cart div.discount_coupon input[type="text"],
body.page_order-review div.discount_coupon input[type="text"]{
	box-shadow: none;
	flex-grow: 1;
	margin: unset;
	background-color: transparent;
	padding: unset;
	border-radius: unset;
	border: none;
}
body.page_cart div.discount_coupon a,
body.page_order-review div.discount_coupon a{
	padding: 5px 15px;
	flex-grow: 0;
	width: fit-content;
	width: -moz-fit-content;
	margin: 0px;
	font-size: 12px;
}
/* Order Place */

body.page_checkout .wpwl-label {
	font-weight: 600;
}
body.page_checkout .wpwl-button {
	background-color: var(--theme-color-blue);
	border: none;
	font-weight: 500;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
}
body.page_checkout .wpwl-form-card {
	background-color: var(--theme-color-blue-dark);
	/* border: 2px solid var(--theme-color-blue); */
	box-shadow: none;
	background-blend-mode: soft-light;
}
body.page_checkout .wpwl-form-card .wpwl-label {
	color:white
}
body.page_checkout .wpwl-form{
	max-width: 420px !important;
}
body.page_checkout .wpwl-apple-pay-button{
	/*
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 20px);
	padding: 30px 20px !important;
	*/
	display: block;
	border: 1px solid black;
	background-color: transparent;
	height: 50px;
	background-image: url(../assets/icons/apply-pay.png) !important;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 420px !important;
	margin: 0px auto;
	-webkit-appearance: unset !important;
	padding: 0px;
}
body.page_checkout .order_card {
	background-color: var(--theme-color-gray-light);
	padding: 15px;
	border-radius: 10px;
	border: 2px solid var(--theme-color-blue);
	margin: 0px auto;
	text-align: start;
}
body.page_checkout .order_card h3 {
	font-weight: 600;
	color: black;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.7em;
}
body.page_checkout .order_card h5{
	margin: 0px;
	font-weight: bold;
	font-size: 1.3em;
}
body.page_checkout input[type="checkbox"],
body.page_checkout input[type="radio"] {
	display:unset;
}
html[lang="ar"] .wpwl-container{
	direction: ltr !important;
	text-align: left !important;
}

body.page_login .social_login_container{
	margin-top: 40px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	/* row-gap: 15px; */
}
body.page_login .email-signin{
	display: flex;
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	max-width: 369px;
	border-radius: 100px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: black;
	transition: all 300ms;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-weight: 600;
}
body.page_login .email-signin:hover{
	border-color: var(--theme-color-blue);
}
body.page_login .email-signin img{
width: 14px;
opacity: 0.6;
}
body.page_login hr.divider{
width: 100%;
border: none;
}
body.page_login hr.divider.signin{
	display: block;
	position: relative;
	text-align: center;
	color: black;
}
body.page_login hr.divider.signin:after{
	display: inline-block;
	position: relative;
	content:'or login with email';
	font-size: 14px;
	background-color: white;
	padding: 0px 15px;
}
html[lang="ar"] body.page_login hr.divider.signin:after{
	content:'أو تسجيل الدخول باستخدام البريد الإلكتروني';
	font-size: 14px;
}
body.page_login hr.divider.signin:before{
	content:'';
	display: block;
	position: absolute;
	top: 12px;
	width: 100%;
	border: 1px solid #aaa;
}
.social_login_container{
	
}
/* Get your Pass Btn */
.get_your_pass_container{
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 2;
}
.get_your_pass_btn_bg{
	display: flex;
	position: fixed;
	z-index: 2;
	bottom: 0px;
	width: 100%;
	height: 100px;
	background-color: white;
	align-items: center;
	justify-content: center;
	align-content: center;
	box-shadow: var(--theme-box-shadow);
}
.get_your_pass_btn_bg a{
	display: flex;
	width: 80%;
	height: 60%;
	background-color: var(--theme-color-blue);
	padding: 10px;
	border-radius: var(--theme-border-radius);
	color: white;
	/* text-align: center; */
	font-weight: 600;
	/* margin-bottom: 25px; */
	font-size: 18px;
	box-shadow: 0 0 15px rgb(0 0 0 / 50%);
	cursor: pointer;
	transition: background-color 300ms;
	/* border: 1px solid var(--theme-color-blue-dark); */
	align-content: center;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	/* color: white; */
	max-width: 800px;
}
.get_your_pass_btn_bg a:hover{
	background-color:var(--theme-color-blue-dark);
}
.get_your_pass_btn_bg a.all_inclusive{
	background-color: var(--theme-color-orange);
}
.get_your_pass_btn_bg *{
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Firefox, and Opera */
}
#buyNewPass{
	display: block;
	position: fixed;
	width: 100%;
	max-width: 400px;
	height: 100%;
	top: 0;
	right: -400px;
	opacity: 0;
	padding: 30px;
	color: white;
	background-color: var(--theme-color-blue-dark);
	z-index: 9999;
	transition: all 300ms;
}
#buyNewPass *{
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Firefox, and Opera */
}
#buyNewPass.open{
	right: 0px;
	opacity: 1;
}
#buyNewPass.open + .buyNewPassCloseBG{
	display: block;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#buyNewPass h4,#buyNewPass h1{
	color: white;
	/* margin-bottom: 15px; */
}
#buyNewPass .title{
	color: white;
}
#buyNewPass select{
	width: 100%;
	border:none;
	margin-bottom: 15px;
	box-shadow: none;
}
#buyNewPass .no_of_passes{
	margin-bottom: 20px;
}
#buyNewPass .add_pass_buttons{
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	padding: 0px;
	text-align: center;
}
#buyNewPass .output_no_of_passes{
	display: inline-block;
	width: 32px;
	text-align: center;
}
#buyNewPass .nav_popup_buynow{display: flex;background-color: var(--theme-color-orange);border-color: var(--theme-color-orange-light);width: 100%;text-align: center;height: 50px;align-items: center;justify-content: center;color: #412c0d;font-weight: bold;}
#notification {
	display:none;
	animation-timing-function: ease;
}
#notification.open {
  animation: slideInOut 8s ease;
  display:inline-block;
  position:fixed;
  top: 10px;
  right:10px;
  transform: translateX(calc(100% + 30px));
  /* padding:1em; */
  z-index: 999999;
  box-sizing: border-box;
  padding: 10px;
  box-shadow: var(--theme-box-shadow);
  border-radius: var(--theme-border-radius);
  background-color: #eee;
  color: #000;
  border: 1px solid #000;
  font-weight: 600;
}
#notification.success{
	background-color: #ccffdb;
  color: #006600;
  border: 1px solid var(--theme-color-green);
}
#notification.fail{
	background-color: #ffcccc;
  color: #660000;
  border: 1px solid var(--theme-color-red);
}
.section_container{
	padding: 30px;
	box-shadow:var(--theme-box-shadow);
	background-color:white;
	border-radius: var(--theme-border-radius);
}
.tamara-widget-div{
	background-color: #FFFFFFFF;
	color: black;
	padding: 10px;
	border-radius: var(--theme-border-radius);
	margin-top: 10px;
	box-shadow: var(--theme-box-shadow);
	/* border: 1px solid #FFFFFF33; */
}
.tamara-summary-widget--inline-outlined:hover{
	background-color: unset !important;
}
.easy_steps_3{

}
.easy_steps_3 .box{
	background-color: white;
	box-shadow: var(--theme-box-shadow);
	border-radius: var(--theme-border-radius);
	padding: 30px;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	height: 100%;
}
.easy_steps_3 .box .num{
	display: inline-flex;
	position: absolute;
	top: -26px;
	/* left: 0px; */
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--theme-color-blue);
	border-radius: 100px;
	width: 52px;
	height: 52px;
	/* font-weight: bold; */
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: white;
}
.easy_steps_3 .box .icon{
	width: 77px;
}
.easy_steps_3 .box .content{
	
}
.easy_steps_3 .box .content .title{
	
}
.easy_steps_3 .box .content p{
	margin: 0px;
}
.why_choose_sightscape{

}
.why_choose_sightscape .box{
	display: flex;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	padding: 30px;
	border-radius: var(--theme-border-radius);
	color: white;
	flex-direction: column;
	align-items: center;
}
.why_choose_sightscape .box .icon{
	width: 60px;
	margin-bottom: 20px;
}
.why_choose_sightscape .box .title{
	color: white;
	margin-bottom: 20px;
	text-align: center;
}
.why_choose_sightscape .box p{
	
}
.buy_with_confidence a.box{
	display: block;
	position: relative;
	background-color: white;
	border-radius: var(--theme-border-radius);
	padding: 20px;
	text-decoration: none;
}
.buy_with_confidence a.box .icon{
	width: 15px;
	position: absolute;
	/* top: 0px; */
	inset-inline-end: 20px;
}
.buy_with_confidence a.box:hover .title{
	text-decoration: underline;
}
.buy_with_confidence a.box .title{

}
.buy_with_confidence a.box p{
	margin: 0px;
	color: black;
}
.text_strip_savings_guaranteed{
	background-color:#d62d2d;
	width:100%;
	display:flex;
	padding:10px;
	color:white;
	text-align:center;
	justify-content: center;
	/*
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	z-index: 1;
	*/
}
.how_it_works_section{

}
.how_it_works_section .box{
	background-color: white;
	box-shadow: var(--theme-box-shadow);
	border-radius: var(--theme-border-radius);
	padding: 30px;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	height: 100%;
}
.how_it_works_section .box .num{
	display: inline-flex;
	position: absolute;
	top: -26px;
	/* left: 0px; */
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--theme-color-blue);
	border-radius: 100px;
	width: 52px;
	height: 52px;
	/* font-weight: bold; */
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: white;
}
.how_it_works_section .box .icon{
	width: 77px;
}
.how_it_works_section .box .content{
	
}
.how_it_works_section .box .content .title{
	
}
.how_it_works_section .box .content p{
	margin: 0px;
}

/* Blog */
.blog_home_post{
	max-width: 1200px;
}
.blog_home_post img.featured_image{
	width: 100%;
}
.blog_home_post span.tags{
	padding: 2px 10px;
	border: 1px solid #505ca4;
	border-radius: 100px;
	font-size: 0.8rem;
}
.blog_home_post a.link{
text-decoration: none;
}
.blog_home_post a.readmore{
	display: inline-block;
	padding: 6px;
	text-decoration: none;
	background-color: #505ca4;
	border-radius: var(--theme-border-radius);
	color: white;
	font-size: 14px;
}
html[lang="ar"] .lang_flip_horizontal{
	transform: scaleX(-1);
}
@keyframes slideInOut {
  0% {
	display: none;
	transform: translateX(calc(100% + 30px));
  }
  10% {
	display: inline-block;
	transform: translateX(0);
  }
  40% {
	
  }
  80% {
	transform: translateX(0);
  }
  90% {
	transform: translateX(calc(100% + 30px));
  }
  100% {
	display: none;
  }
}
/* Media Queries */

@media(max-width: 1200px){
	.city_container{
		justify-content: center;
	}
	.city_container .city{
		width: 100%;
		/* max-width: 100%; */
	}
	footer .footer_container > .child {
		width: 230px;
	}
}
@media(max-width: 992px){
	footer .footer_container > .child {
		width: 220px;
	}
	.nav_gap{
		height: 80px;
	}
	nav{
		height: 80px;
	}
	nav.hide{
		top: -81px;
	}
	nav .hamburger{
		z-index: 999;
	}
	nav .logo{
		width: 150px;
	}
	nav ul.mobile-menu{
		right: -100%;
		transition: right 500ms;
	}
	html[lang="ar"] nav ul.mobile-menu{
		left: -100%;
		right: unset;
		transition: left 500ms;
	}
	nav ul.mobile-menu.active{
		right: 0px;
	}
	html[lang="ar"] nav ul.mobile-menu.active{
		right: unset;
		left: 0px;
	}
	nav ul.mobile-menu.active + .mobile-menu-bg {
	display: block;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}
	nav ul{
		display: flex;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 100%;
		max-width: 280px;
		background-color: var(--theme-color-blue);
		flex-direction: row;
		flex-wrap: wrap;
		z-index: 2;
		row-gap: 10px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 100px;
		padding-bottom: 30px;
		overflow-y: scroll;
		justify-content: flex-start;
		align-content: flex-start;
	}
	nav ul li{
		display: block;
		position: relative;
		margin: 0px;
		width: 100%;
		/* max-width: 350px; */
		border-radius: 5px;
		background-color: var(--theme-color-blue-dark);
		overflow: hidden;
	}
	nav ul li:hover,
	nav ul li:active{
		background-color: var(--theme-color-blue-dark);
	}
	nav ul li:hover a,
	nav ul li:active a{
		color: white;
	}
	nav ul li:hover a img,
	nav ul li:active a img{
		filter: brightness(0) invert(1);
		filter: grayscale(1) contrast(10) invert(1);
	}
	nav ul li a{
		color: white;
	}
	nav ul li a:hover, nav ul li a:active{
		background-color: unset;
	}
	nav ul li a.book_your_pass{
		border: none;
		color: white;
	}
	nav ul li a.book_your_pass:hover,
	nav ul li a.book_your_pass:active{
		background-color: unset;
		color: white !important;
	}
	nav ul li a.icon{
		width: 100%;
		display: flex;
		padding: 10px;
		justify-content: unset;
		column-gap: 10px;
	}
	nav ul li a img{
		width: 20px;
		filter: grayscale(1) contrast(10) invert(1);
	}
	nav .cart_total_items{
		position: static;
	}
	nav ul li.profile .menu{
		display: block;
		width: 100%;
		position: relative;
		/* border-radius: 0px 0px 10px 10px; */
	}
	nav ul li.profile .menu a{
		
	}
	.tabs{
		border: 1px solid var(--bs-border-color);
		padding: 5px;
		font-size: 14px;
	}
	.tabs.alt{
		border-top:none;
	}
	body.page_city_pass .hero_banner img.SEA{
		/* width: 130px; */
	}
}
@media(max-width: 767px){
	footer .footer_container > .child {
		width: 230px;
	}
	fieldset{
		padding: 20px 10px;
	}
	legend{
		margin-left: 0px;
	}
	footer{
		padding: 100px 30px 50px;
	}
	footer .footer_container{
		display: flex;
		justify-content: center;
	}
	body.page_home .hero_banner .hero_content{
		width: 100%;
		margin: 0px;
		padding: 30px 0px;
	}
	body.page_home .hero_banner .hero_content > .icon_container{
		width: 80%;
	}
	body.page_home .home_banner2 .box > .left > .top{
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	body.page_home .home_banner2 .box > .left > .top > .elements{
		width: 40%;
	}
	.skyline img {
		width: 150px;
	}
	.skyline::before{
		height: 10px;
	}
	body.page_home .go_discover h4{
		font-size: 30px;
	}
	body.page_city .pass_container{
		row-gap: 50px;
		/* max-width: calc(100% - 30px); */
		margin: 0px auto;
	}
	.exc_container > .exc{
		flex-direction: column;
		row-gap: 15px;
		padding: 20px;
		height: unset;
		/*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);*/
		/*background-size: 200%;*/
	}
	.exc_container > .exc > .left{
		width: 100%;
	}
	.exc_container > .exc > .right{
		width: 100%;
		flex-wrap: nowrap;
		display: flex;
		column-gap: 10px;
	}
	.exc_container > .exc > .right > .top,
	.exc_container > .exc > .right > .bottom{
		flex-direction: row;
		width: auto;
	}
	.exc_container > .exc > .right .tag{
		width: unset;
		font-weight: 400;
		font-size: 10px;
	}
}
@media(max-width: 576px){
	.why_choose_sightscape .box p{
		text-align: center;
	}
	.easy_steps_3 .box .icon{
		width: 50px;
	}
	body.page_city_pass .hero_banner{
		padding-bottom: 40%;	
	}
	body.page_city .hero_banner img.SEA{
		width: 120px;
	}
	body.page_city_pass .hero_banner img.SEA{
		width: 120px;
	}
	html[lang="en"] body.page_home .hero_banner{
		background-image: url(../assets/images/landing_banner_bg_mob.jpg);
	}
	html[lang="ar"] body.page_home .hero_banner{
		background-image: url(../assets/images/landing_banner_bg_mob.jpg);
	}
	body.page_city .hero_banner{
		padding-bottom: 40%;
	}
	nav ul{
		row-gap: 10px;
		display: flex;
		align-content: flex-start;
	}
	#buyNewPass{
		max-width: 335px;
	}
	#buyNewPass .no_of_passes{
		margin-bottom: 0px;
	}
	body.page_city h3.pick_a_pass{
		margin-bottom: 60px;
	}
	body.page_city .pass_container .pass_box{
		max-width: 100%;
	}
	.city_container .city {
		display: flex;
		position: relative;
		width: 100%;
		height: auto;
    min-height: 180px;
		font-size: 25px;
	}
	.city_container .city .SEA{
		height: 30px;
		z-index: 1;
	}
	body.page_home .hero_banner .hero_content > .icon_container{
		width: calc(100% - 30px);
	}
	body.page_home .go_save img.arrow{
		width: 10px;
	}
	body.page_home .go_save img.big_savings{
		width: 80%;
	}
	body.page_home .go_save .go_save_container{
		column-gap: 10px;
	}
	center.page404{
		margin-top: 0px;
	}
	.form_container,
	.form_container{
		background-color: transparent;
		box-shadow: none;
		padding: 0px;
	}
	.form_container input[type="submit"],
	.form_container button{
		width: 100%;
	}
	body.page_vendor-account .tabs{
		padding: 0px;
		padding: 15px 0px;
	}
	footer {
		padding: 50px 15px 50px;
	}
	footer .child li a{
		font-size: 12px;
	}
	footer .footer_container{
		display: flex;
		justify-content: center;
		margin: 0px 20px;
		column-gap: 20px;
		row-gap: 50px;
	}
	footer .footer_container > .child.shrink{
		row-gap:5px;
		width: 130px;
	}
	footer small.rights{
		font-size:12px;
	}
	.section_container{
		padding: 15px;
	}
}
@media(max-width: 380px){
	body.page_home .hero_banner .hero_content > .ribbon{
		font-size: 12px;
	}
	body.page_home .go_save h3{
		font-size: 20px;
	}
}