/* common css ******************************************************************************/

@font-face {
    font-family: 'BillyOhio';
    src: url('../fonts/billy_ohio/BillyOhio.ttf');
		font-display:swap;
}

/* Gilroy-Font */
@font-face {
	font-family: 'Gilroy-Regular';
	src: url('../fonts/Gilroy-Font/Gilroy-Regular.ttf');
	font-display:swap;
}

@font-face {
	font-family: 'Gilroy-Thin';
	src: url('../fonts/Gilroy-Font/Gilroy-Thin.ttf');
	font-display:swap;
}

@font-face {
	font-family: 'Gilroy-Light';
	src: url('../fonts/Gilroy-Font/Gilroy-Light.ttf');
	font-display:swap;
}

@font-face {
	font-family: 'Gilroy-Medium';
	src: url('../fonts/Gilroy-Font/Gilroy-Medium.ttf');
	font-display:swap;
}

@font-face {
	font-family: 'Gilroy-SemiBold';
	src: url('../fonts/Gilroy-Font/Gilroy-SemiBold.ttf');
	font-display:swap;
}

@font-face {
	font-family: 'Gilroy-Bold';
	src: url('../fonts/Gilroy-Font/Gilroy-Bold.ttf');
	font-display:swap;
}

:root {

    --white: #fff;

    --black: #000;

    --orange_BE470C: #BE470C;

    --orange_FA6A00: #FA6A00;

    --gray_E2EAF0: #E2EAF0;

    --gray_515151: #515151;

}

.white {

    color: var(--white);

}

.black {

    color: var(--black);

}

.orange_FA6A00 {

	color: var(--orange_FA6A00);

}

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

*::before,

*::after {

    box-sizing: border-box;

}

.common::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

}

body {

	background: #000;

	font-family: "Barlow Condensed", sans-serif;

}

body.show {

    position: fixed;

    top: 0;

    width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

    margin-bottom: 15px;

    line-height: 1.2;

    color: var(--white);

    font-weight: 800;

    text-transform: uppercase;

}

h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child {

    margin-bottom: 0;

}

h1 {

    font-size: 62px;

}

h2 {

    font-size: 54px;

}

h3 {

    font-size: 46px;

}

h4 {

    font-size: 38px;

}

h5 {

    font-size: 26px;

}

h6 {

    font-size: 20px;

}

/* p {
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 25px;
	color: var(--white);
} */


p {
	margin: 0;
	padding: 0;
	/* font-size: 26px; */
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 25px;
	color: var(--white);
	font-family: 'Gilroy-Regular';
}

.small {

    font-size: 20px;

}

p:last-child {

    margin-bottom: 0;

}

ul,

ol {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    display: inline-block;

    line-height: 1.2;

    color: inherit;

    font-family: inherit;

}

span {

    display: inline-block;

}

.section-heading {

	text-align: center;

	margin-bottom: 50px;

}

.btn-common {

	font-size: 25px;

	padding: 15px 50px;

	background: var(--white);

	color: var(--black) !important;

	border-radius: 20px;

	border: 1px solid transparent;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	text-transform: capitalize;

}

.btn-common.orange {

	line-height: 1;

	background: var(--orange_FA6A00);

	color: var(--white) !important;

}

.btn-white-transparent {

	color: var(--white) !important;

	font-size: 22px;

	padding: 20px 50px;

	border: 1px solid var(--white);

}

.btn-common img {

	max-width: 30px;

	margin-left: 30px;

	margin-right: -30px;

}

section {

	padding-bottom: 100px;

	overflow: hidden;

}

.bg {

    padding: 100px 0;

}

.mobile {

    display: none !important;

}

.desktop {

    display: block !important;

}

img,

video {

    max-width: 100%;

}

.button-box {

	padding-top: 20px;

}

.button-box ul {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 15px;

}

.owl-theme .owl-dots .owl-dot span {

    background: var(--black);

}

.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: var(--white);

    outline: 2px solid var(--white);

    outline-offset: 3px;

}

.owl-nav {

    margin-top: 0;

}

.owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.owl-nav button.owl-prev {

    left: 0;

}

.owl-nav button.owl-next {

    right: 0;

}

.form-control-common {

	background: var(--white);

	border: 1px solid #707070;

	font-size: 18px;

	padding: 15px 15px;

	width: 100%;

	appearance: textfield;

	color: #BCBCBC;

	border-radius: 10px !important;

	box-shadow: none;

	resize: none;

	outline: none;

	font-weight: 500;

}

::placeholder {

	color: #BCBCBC;

	opacity: 1;

}

select {

	appearance: none !important;

	background-image: url('../images/down.png') !important;

	background-repeat: no-repeat !important;

	background-position: 95% !important;

	background-size: 25px !important;

}

.input-group {

	margin-bottom: 20px;

}

.accordion-button {

	font-size: 20px;

	padding: 20px;

	background: #000a20 !important;

	color: var(--white) !important;

	font-weight: 600;

    box-shadow: none !important;

}

.accordion-item:not(:last-child) {

	margin-bottom: 20px;

}

.accordion-item {

	background-color: #cbccd0;

    border: none;

    border-radius: 0 !important;

}

.accordion-button::after {

	content: "\2b";

	font-size: 25px;

	position: absolute;

	top: 18px;

	right: 20px;

	font-family: fontawesome;

	background: none;

	width: auto;

	height: auto;

    background: none;

}

.accordion-button:not(.collapsed)::after {

	content: "\f068";

    background: none;

}

.headingSpan {

	font-family: 'BillyOhio';

	text-transform: capitalize;

	color: var(--orange_FA6A00);

	font-size: 100px;

	font-weight: normal;

}

/* header css start ******************************************************************************/

@keyframes smoothScroll {

    0% {

        transform: translateY(-60px);

        opacity: 0;

    }

    100% {

        transform: translateY(0px);

        opacity: 1;

    }

}

#header.show {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    animation: smoothScroll 1s forwards;

    z-index: 1000;

    box-shadow: 0 0 10px 2px #000;

}

#header {

	padding: 15px 40px;

	transition: .5s all;

	position: relative;

	z-index: 111;

	background: var(--black);

}

#header .header-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#header .logo-box img {

    max-width: 220px;

    width: 100%;

}

#header .main-nav .click-menu {

	cursor: pointer;

	position: relative;

	z-index: 11;

	width: 35px;

	height: 25px;

	display: flex;

	flex-direction: column;

	justify-content: space-around;

	align-items: center;

	display: none;

}

#header .main-nav .cancel-menu {

    display: none;

}

#header .main-nav .click-menu span:nth-child(2) {

	width: 35px;

	height: 3px;

}

#header .main-nav .click-menu span,

#header .main-nav .cancel-menu span {

    width: 25px;

    height: 2px;

    background: var(--white);

    transition: .5s all ease-in-out;

    position: relative;

    border-radius: 5px;

    display: block;

}

#header .main-nav .cancel-menu span {

    position: absolute;

    height: 4px;

}

#header .main-nav .cancel-menu span:first-child {

    transform: rotate(45deg);

}

#header .main-nav .cancel-menu span:last-child {

    transform: rotate(-45deg);

}

#header .main-nav {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: max-content;

}

#header .button-box {

	padding-top: 0;

}

#header .main-nav nav ul li {
	display: inline-block;

	position: relative;

	margin-right: 80px;

	height: 88px;

	line-height: 88px;

}

#header .main-nav nav ul li:last-child {

	margin-right: 0;

}

#header .main-nav nav ul li a {

	color: var(--white);

	font-size: 20px;

	font-family: "Barlow", sans-serif;
	text-transform: uppercase;

}

#header .main-nav nav ul li a.active {

	color: #FA6A00;

}

#header .btn-common {

	background: transparent;

	border: 1px solid var(--orange_FA6A00);

	font-family: "Montserrat", sans-serif;

	color: var(--white) !important;

	font-size: 20px;

	border-radius: 50px;

	padding: 5px 5px 5px 20px;

}

#header .btn-common img {

	margin-right: 0;

	margin-left: 10px;

	max-width: 50px;

}



/* Submenu css  */
#header .main-nav nav ul li .sub-menu {
	position: absolute;
	display: none;
	transition: 0.5s ease-in-out;
	top: 100%;
}

#header .main-nav nav ul li .sub-menu li {
	display: block !important;
	padding: 10px;
	background: var(--black);
	width: 100%;
	height: auto;
	line-height: 1;
}
#header .main-nav nav ul.sub-menu li:hover {
		background: var(--white);
}
#header .main-nav nav ul.sub-menu li:hover > a{
	color: var(--orange_FA6A00);
}
#header .main-nav nav ul li:hover .sub-menu {
		display: block;
}

.submenu-icon{
	font-size: 18px;
	color: var(--white);
	margin-left: 10px;
}

.submenu-icon {
	display: inline-block;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.submenu-icon.active {
	transform: rotate(180deg);
}

/* innerBanner css start ******************************************************************************/

.innerBanner .innerBanner-part {
	padding-top: 50%;
	position: relative;
	border-top: 1px solid var(--orange_FA6A00);
}

.innerBanner .banner-heading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: max-content;
	padding: 0 12px;
	z-index: 11;
}

.innerBanner .banner-heading h1 {

	font-weight: 700;

}

.innerBanner .button-box {

	padding-top: 60px;

}

.innerBanner .video-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.innerBanner .video-box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.innerBanner .innerBanner-part::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #0000007a;
}

/* unforgettable css start ******************************************************************************/

#unforgettable .list h2.orange {

	color: var(--orange_FA6A00);

}

#unforgettable .list {

	text-align: center;

}

#unforgettable .list li:not(:last-child) {

	margin-bottom: 60px;

}

#unforgettable .unforgettable-part {
	position: relative;
}

/* destinationTabbing css ******************************************************************************/

.nav-tabs .nav-link {

	font-size: 40px;

	text-transform: uppercase;

	font-weight: 500;

	color: var(--white);

	position: relative;

	border: none;

}

#destinationTabbing .nav-tabs {

	justify-content: center;

	border-bottom: 1px solid var(--white);

	margin-bottom: 50px;

}

#destinationTabbing .nav-tabs .nav-item:not(:last-child) {

	margin-right: 100px;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

	background: transparent;

	border: none;

	color: var(--orange_FA6A00);

}

.nav-tabs .nav-item.show .nav-link::after,

.nav-tabs .nav-link.active::after {

	content: '';

	position: absolute;

	width: 80px;

	height: 3px;

	left: 50%;

	bottom: -1px;

	border-left: none;

	background: var(--orange_FA6A00);

	transform: translateX(-50%);

}

#destinationTabbing .roading-part {

	background: var(--black);

	padding-bottom: 0 !important;

	position: relative;

}

#destinationTabbing .content-box {
	background: var(--white);
	margin-left: -25px;
	padding: 60px 60px 100px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

#destinationTabbing .button-box {
	display: flex;
	flex: 1;
	align-items: flex-end;
}

#destinationTabbing .content-box p {

	color: var(--gray_515151);

}

#destinationTabbing .content-box h2 {

	font-weight: 700;

	color: var(--orange_FA6A00);

	border-bottom: 1px solid var(--orange_FA6A00);

	padding-bottom: 10px;

}

#destinationTabbing .gallery-box {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;
	padding-top: 40px;

}

#destinationTabbing .gallery-box img {

	width: 100%;

	max-width: 210px;

}

#destinationTabbing .explore-button img {

	max-width: 50px;

}

#destinationTabbing .explore-button h6 {

	margin-bottom: 0;

	margin-right: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	color: var(--black);

	text-transform: capitalize;

}

#destinationTabbing .explore-button {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	padding-top: 80px;

}

#destinationTabbing .explore-button a {

	display: inline-flex;

	align-items: center;

}

#destinationTabbing .owl-nav button {

	position: absolute;

	bottom: 40px;

}

#destinationTabbing .owl-nav button {

	position: absolute;

	bottom: 20px;

	width: 40px;

	height: 40px;

	background: #261F18;

	border-radius: 0;

	top: auto;

}

#destinationTabbing .owl-nav button img {

	max-width: 15px;

}

#destinationTabbing .owl-nav button.owl-prev {

	left: 37%;

}

#destinationTabbing .owl-nav button.owl-next {

	left: 40.5%;

}

#destinationTabbing .img-box, #destinationTabbing .img-box img {

	height: 100%;

	width: 100%;

	object-fit: cover;

}

#destinationTabbing .content-box h2.comingSoon {

	text-align: center;

}

#destinationTabbing .btn-common {

	font-weight: 700;

	border-radius: 0;

	color: var(--white) !important;

	line-height: 1;

}

#destinationTabbing .btn-common.gray {

	background: var(--gray_515151);

}

/* bookNow css ******************************************************************************/

#bookNow {

	/* background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 70px 0; */

	position: relative;

	z-index: 1;

}

#bookNow::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: #0000007a;

	z-index: -1;

}

/* form css ******************************************************************************/

#form .section-heading {

	max-width: 1000px;

	margin: 0 auto;

	margin-bottom: 50px;

}

#form .button-box {

	padding: 0;

	text-align: center;

}

#form .btn-common.orange {

	border-radius: 0;

}

/* footer css ******************************************************************************/

#footer .link-box ul, #footer .social-box ul {

	display: flex;

	justify-content: center;

	align-items: center;

}

#footer .footer-box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	position: relative;

}

#footer .logo-box {

	text-align: center;

}

#footer .logo-box, #footer .footer-top, #footer .footer-center {

	border-top: 1px solid var(--white);

	padding: 40px 0;

}

#footer .footer-top .link-box li:not(:last-child) {

	padding-right: 100px;

}

#footer .footer-top {

	position: relative;

}

#footer .logo-box p {

	font-size: 20px;

}

#footer {

	background: var(--black) url('../images/footerBg.png') no-repeat;

	background-size: cover;

	background-position: center 100px;

}

#footer .center-box .link-box ul a {

	font-size: 26px;

	font-weight: 600;

	display: block;

	text-transform: lowercase;

	margin-top: 5px;

}

#footer .center-box ul {

	text-align: center;

}

#footer a, #footer p {

	font-family: "Montserrat", sans-serif;

	font-size: 18px;

	color: var(--white);

	text-transform: uppercase;

}

#footer .social-box ul li:not(:last-child) {

	margin-right: 10px;

}

#footer .footer-top .social-box {

	position: absolute;

	right: 7%;

	top: 50%;

	transform: translateY(-50%);

}

#footer .center-box li:not(:last-child) {

	margin-right: 60px;

	padding-right: 60px;

	border-right: 1px solid var(--white);

}

#footer .logo-box img {

	max-width: 220px;

	width: 100%;

}

#footer .allrights {

	text-align: center;

	padding: 30px 12px 200px;

	border-top: 1px solid var(--white);

}

/* aboutUae css ******************************************************************************/

#aboutUae .aboutUae-part {

	background: var(--white);

	text-align: center;

}

#aboutUae .text-box h2 {

	color: var(--orange_FA6A00);

	margin-bottom: 30px;

}

#aboutUae .text-box p {

	color: var(--gray_515151);

}

#aboutUae .button-box {

	padding-top: 40px;

}

#aboutUae .button-box a {
	font-size: 22px;
	font-weight: 500;
	color: var(--gray_515151);
}

#aboutUae .button-box a span {
	color: var(--orange_FA6A00);
}

/* theBestOfUae css ******************************************************************************/

.theBestOfUae .nav-tabs {

	border: none;

	justify-content: center;

	margin-bottom: 100px;

}

.theBestOfUae .nav-tabs .nav-item:not(:last-child) {

	margin-right: 80px;

}

.theBestOfUae .nav-tabs .nav-link {

	font-size: 30px;

	font-weight: 700;

	color: var(--gray_515151);

}

.theBestOfUae {

	background: var(--white);

}

.theBestOfUae .text-box h4 {

	color: var(--orange_FA6A00);

	font-weight: 400;

	text-transform: unset;

}

.theBestOfUae .text-box .small {

	color: var(--gray_515151);

}

.theBestOfUae .activitiesBox .text-box p {

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;
	color: var(--gray_515151);
	    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--gray_515151);
    font-size: 20px;

}

.theBestOfUae .activitiesBox .text-box {

	padding: 20px 30px 50px;

}

.theBestOfUae .activitiesBox {

	margin: 0 30px;

}

.theBestOfUae .box .img-box img {

	width: 100%;

}

.theBestOfUae .activitiesBox .text-box .button-box {

	padding: 0;

}

.theBestOfUae .activitiesBox .text-box .button-box a {

	font-size: 20px;

	font-weight: 500;

	color: var(--gray_515151);

}

.theBestOfUae .citiesContainer {

	padding: 40px;

}

.theBestOfUae .citiesContainer .img-box {

	margin: -40px 0;

}

.theBestOfUae .citiesContainer .img-box img {
	width: 100%;
	height: 472px;
}

.theBestOfUae .citiesContainer .row, .theBestOfUae .citiesContainer .row > * {

	margin: 0;

	padding: 0;

}

.theBestOfUae .citiesBox.right {

	padding: 30px 50px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	height: 100%;

	background: #F8F8F8;

}

.theBestOfUae .citiesBox .btn-common.orange {

	font-weight: 700;

	border-radius: 0;

	color: var(--white) !important;

	line-height: 1;

}

.theBestOfUae .citiesContainer {

	padding: 40px;

	margin-bottom: 100px;

}

.theBestOfUae .citiesBox.right .text-box p {

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;
	color: var(--gray_515151);

	    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;

}

.theBestOfUae .row {

	justify-content: center;

}

#citiesDetailsBanner.innerBanner .innerBanner-part {

	padding-top: 30%;

}

/* theBestOfUae css ******************************************************************************/

#header.main {

	padding: 45px 0;

	border-bottom: 1px solid var(--white);

}

#mainBanner .pagination-list {
	height: calc(100vh - 169.50px);
	position: relative;
	margin: 0;
}
#mainBanner .pagination-list .col-6 {
	padding: 0;
}

#mainBanner .pagination-list::before, #mainBanner .pagination-list::after {
	content: '';
	position: absolute;
	width: 1px;
	height: calc(50% - 150px);
	left: 50%;
	background: #fff;
	transform: translateX(-50%);
	z-index: 1;
}
#mainBanner .pagination-list::before {
	top: 0;
}
#mainBanner .pagination-list::after {
	bottom: 0;
}

#mainBanner .pagination-list .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 300px;
	z-index: 11;
}

#mainBanner .pagination-list .box {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

#mainBanner .pagination-list .btn-common {
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--white) !important;
	background: transparent;
	border: 1px solid var(--white);
	border-radius: 0;
	width: 460px;
	position: relative;
	padding: 15px;
}

#mainBanner .pagination-list .btn-common:hover {
	background: var(--orange_FA6A00);
}

#footer.main .allrights {

	padding: 0;

	margin-bottom: 0;

	border: none;

}

#footer.main {

	padding: 25px 20px;

	border-top: 1px solid var(--white);

}

/* aboutUaeModal css ******************************************************************************/

.aboutUaeModal .modal-dialog {

	max-width: 100%;

	margin: 80px 50px;

}

.aboutUaeModal .row .row, .aboutUaeModal .row .row > * {

	padding: 0;

	margin: 0;

}

.aboutUaeModal .img-box img {

	width: 100%;

}

.aboutUaeModal .row .row .left {

	float: left;

	padding: 0 10px 10px 0;

}

.aboutUaeModal .row .row .right {

	float: right;

	padding-bottom: 10px;

}

.aboutUaeModal .row .row {

	display: table;

}

.aboutUaeModal .row .row .top {

	padding-bottom: 10px;

}

.aboutUaeModal .modal-body {

	padding: 60px 40px;

}

.aboutUaeModal .modal-header {

	border: none;

	padding: 0;

}

.aboutUaeModal .text-box p {

	color: var(--gray_515151);

}

.aboutUaeModal .text-box ul {

	list-style: unset;

	padding-left: 15px;

	padding-bottom: 25px;

}

.aboutUaeModal .text-box ul li:not(:last-child) {

	margin-bottom: 5px;

}

.aboutUaeModal .modal-content {

	border-radius: 0;

}

.aboutUaeModal .box.right-box {

	padding: 0 20px;

}

.modal-backdrop.show {

	opacity: 0.8;

}

.aboutUaeModal .btn-close {

	background: var(--orange_FA6A00);

	opacity: 1;

	color: var(--white);

	border-radius: 50%;

	margin-right: -15px;

	margin-top: -15px;

	font-size: 20px;

	font-weight: 600;

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 99;

	cursor: pointer;

}

.aboutUaeModal .btn-close span {

	margin-top: -6px;

}

.aboutUaeModal .modal-body > .row {

	row-gap: 30px;

}



.aboutUae-box .text-box p.small {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}


.backgroundVideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.backgroundVideo .cover {
	position: relative;
	height: 100%;
}
.backgroundVideo .cover::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #0000007a;
}
.backgroundVideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.modal .btn-common.orange {
	margin: 60px auto 0;
}

.modal-header .btn-close {
	position: absolute;
	right: 25px;
	top: 25px;
}
.modal-header .btn-close:focus{
	box-shadow: none;
}
#letsTalkModal .modal-dialog {
    max-width: 1000px;
}
#letsTalkModal .modal-header {
    display: block;
    text-align: center;
    padding: 30px 10px;
    border-bottom: 1px solid #707070;
}
#letsTalkModal .modal-content {
    border: none;
    border-radius: 20px;
}
#letsTalkModal .modal-header {
    display: block;
    text-align: center;
    padding: 30px 10px;
    border-bottom: 1px solid #707070;
}
#letsTalkModal .modal-header h4 {
    font-weight: 700;
}
#letsTalkModal .modal-header h5 {
    color: #919191;
    font-weight: 600;
}
#letsTalkModal .modal-body {
    padding: 50px 100px;
}
#letsTalkModal .form-control-common {
	background: var(--white);
	border: 1px solid #707070;
	font-size: 18px;
	padding: 15px 15px;
	width: 100%;
	appearance: textfield;
	color: var(--black);
	border-radius: 10px !important;
	box-shadow: none;
	resize: none;
	outline: none;
	font-weight: 500;
}
#letsTalkModal .form-control-common::placeholder {
	color: #BCBCBC;
	opacity: 1;
}
#letsTalkModal select {
    appearance: none !important;
    background-image: url('/wp-content/themes/horizon_travel/leisure-assets/images/down.png') !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    background-size: 25px !important;
}
#letsTalkModal select.form-control-common{
	color: #BCBCBC;
}
#letsTalkModal select.form-control-common:focus{
	color:var(--black);
}
#letsTalkModal form.wpcf7-form .input-group.m-0 p {
    text-align: center;
}
#letsTalkModal p span.wpcf7-not-valid-tip {
    color: red;
    font-size: 17px;
}
#letsTalkModal .wpcf7-response-output {
	color: #000;
	position: relative;
	top: -160px;
	margin: 0;
}
#letsTalkModal .selected-dial-code{
	color: var(--black);
}
#letsTalkModal .intl-tel-input .form-control-common{
	padding-left: 80px;
}
#letsTalkModal .input-group label {
	color: var(--black) !important;
}

#header.home-header-menu .main-nav nav ul li {
	height: auto !important;
	line-height: auto !important;
}



.theBestOfUae .activitiesBox .img-box img {
	width: 100%;
	height: 267px;
}

#header .main-nav nav ul li.current_page_item > a {
	color: #FA6A00;
}
#header .main-nav nav ul li.current_page_item .submenu-icon{
	color: #FA6A00;
}

.page-template-leisure-template #destinationTabbing .btn-common.orange {
	cursor: pointer;
}

/* 404 page css end */

.modal-body
.comming-soon-banner {
    position: relative;
    background: var(--black);
    background: -webkit-linear-gradient(rgb(0 0 0), rgb(0 0 0));
    background: linear-gradient(rgb(0 0 0), rgb(0 0 0)) ;
}
.modal-body .comming-soon-banner img {
	opacity: 0.5;
}

.comming-soon-banner .content-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.comming-soon-modal .modal-body .content-box h2{
	color: var(--orange_FA6A00);
	text-align: center;

}

.comming-soon-modal button.btnClose {
	position: absolute;
	right: -6px;
	top: -10px;
	z-index: 1;
	opacity: 1;
	background: orange;
	box-shadow: none;
	border: none;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}

.comming-soon-modal button.btnClose img {
	max-width: 67%;
	padding-bottom: 3px;
}

.date-box .col-md-6 {
	width: 49% !important;
}


.date-box .col-6 input {
	font-size: 15px;
	line-height: 1.6;
}
.date-box .col-md-6 input#end-date,
.date-box .col-md-6 input#start-date {
	font-size: 14px;
	line-height: 1.6;

}