@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');

html {
	font-size: 62.5%;
}

body {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font: normal 1.6rem/2.8rem 'Mulish', sans-serif;
	color: var(--body_txt_color);
	background: #eaf0f5;
}

p {
	padding: 0px;
	margin: 0px;
}

a {
	padding: 0px;
	margin: 0px;
	outline: none;
}

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

label {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul li {
	padding: 0px;
	margin: 0px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	padding: 0px;
	margin: 0px;
	font-family: "Gilda Display", serif;
}

input[type="text"]::-webkit-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-webkit-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-webkit-placeholder,
input[type="search"]::-moz-placeholder,
input[type="email"]::-webkit-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-webkit-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-placeholder {
	opacity: 1;
}

a:hover {
	outline: none !important;
	text-decoration: none;
}

a:active {
	outline: none !important;
	text-decoration: none;
}

a {
	text-decoration: none !important;
}

a:hover,
a:focus {
	text-decoration: inherit !important;
}

a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


/* font-family: "Gilda Display", serif; */

/* font-family: "Mulish", sans-serif; */


:root {
	--black: #000;
	--white: #fff;
	--brand: #162748;
	--brown: #f9daba;
	--body_txt_color: #444c61;
	--sub_brown_color: #AA8453;
}



@keyframes arrowLineRotation {
	to {
		transform: rotate(180deg);
	}
}

@keyframes arrowLineRotationRev {
	to {
		transform: rotate(-180deg);
	}
}





em {
	font-style: normal;
}

.main_btn {
	display: inline-block;
	padding: 0 2.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-transform: uppercase;
	letter-spacing: .3rem;
	color: var(--white);
	font-weight: 700;
	background: var(--brand);
	margin-top: 2.5rem;
	border-radius: 2.5rem;
	font-size: 1.3rem;
}

.main_btn:hover {
	background: var(--brown);
	color: var(--brand);
}

.ptb {
	padding: 6rem 0;
}

.iner_ptb {
	padding: 3rem 0 6rem 0;
}

h1,
h2 {
	font-size: 3.5rem;
	line-height: 4.5rem;
	text-transform: capitalize;
	color: var(--brand);
	font-family: "Gilda Display", serif;
	font-weight: 600;
}

h3 {
	font-size: 3rem;
	line-height: 4rem;
	text-transform: capitalize;
	color: var(--brand);
	font-weight: 600;
}

h4 {
	font-size: 2.5rem;
	line-height: 3.5rem;
	text-transform: capitalize;
	color: var(--brand);
	font-weight: 600;
}

h5 {
	font-size: 2rem;
	line-height: 2.5rem;
	text-transform: capitalize;
	color: var(--brand);
	font-weight: 600;
}

.sub_txt {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: var(--black);
	position: relative;
	padding-left: 1.5rem;
	margin: 0 0 .8rem 0;
	letter-spacing: .2rem;
}

.sub_txt::before {
	position: absolute;
	left: 0;
	top: .2rem;
	width: .8rem;
	height: .8rem;
	background: transparent;
	border: .1rem solid var(--sub_brown_color);
	content: "";
	border-radius: 100%;
}

.hiden_sec {
	overflow: hidden;
}

.img_fuild {
	max-width: 100%;
}



/*************************************************************************************************************top_button****************************************************************************************************************************/

.top_btn {
	background: var(--brand);
	bottom: 1rem;
	color: var(--white);
	height: 4rem;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	right: 1rem;
	width: 4rem;
	z-index: 9999;
	text-align: center;
	display: inline-block;
	border-radius: .5rem;
}

.top_btn i {
	font-size: 1.7rem;
	line-height: 4rem;
}

.top_btn.show {
	opacity: 0.7;
}

.top_btn:hover {
	bottom: .3rem;
	opacity: 1;
	color: var(--white);
}



/*************************************************************************************************************header****************************************************************************************************************************/

.header_sec {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}

.nav_top {
	border: none;
	min-height: auto;
	box-shadow: none;
	border-radius: 0px;
}

.drop-nav {
	position: absolute;
	top: 10px;
	right: 0px;
}

.nav_top .dropdown-menu li a {
	font-size: 13px;
}

.menu_sec li {
	position: relative;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 1.8rem;
}

.menu_sec li a {
	color: var(--white);
	display: inline-block;
	letter-spacing: .1rem;
	position: relative;
}

.menu_sec li a::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: .2rem;
	background: var(--white);
	content: "";
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.menu_sec li:not(:last-child) a {
	margin: 0 4rem 0 0;
}

.menu_sec li.active a::before,
.menu_sec li a:hover::before {
	width: 100%;
}

.nav_top .navbar-brand img {
	width: 20rem;
}

.hder_top .d-flex {
	align-items: center;
	justify-content: space-between;
}

.hder_top .d-flex ul li {
	display: inline-block;
}

.hder_top .d-flex ul li a {
	color: var(--white);
}

.hder_top {
	border-bottom: .1rem solid #FFFFFF26;
	padding: 1rem 0;
}

.hder_top_lt ul li a {
	display: inline-block;
	position: relative;
	padding: 0 1rem;
}

.hder_top_lt ul li a::before {
	position: absolute;
	right: -.5rem;
	top: 0;
	content: "/";
}

.hder_top_lt ul li a em b {
	text-transform: capitalize;
	font-weight: 600;
	display: inline-block;
	padding: 0 .3rem 0 0;
}

.hder_top_lt ul li:last-child a::before {
	display: none;
}

.hder_top_rt ul li a {
	display: inline-block;
	padding: 0 .5rem;
}

.flow_lt_txt {
	text-transform: capitalize;
	color: var(--white);
	position: relative;
	padding-right: 3rem;
}

.flow_lt_txt::before {
	position: absolute;
	right: 0;
	bottom: .5rem;
	background: var(--white);
	width: 2rem;
	height: .1rem;
	content: "";
}

.hder_top_rt ul li:last-child a,
.hder_top_lt ul li:last-child a {
	padding-right: 0;
}

.hedr_menu {
	padding: 1rem 0;
}

.heder_top_rt {
	position: absolute;
	right: 0;
	top: .6rem;
}

.menu_sec {
	padding-right: 18rem;
}

.header_sec.fixed {
	background: var(--white);
	box-shadow: 0 0 .7rem 0 #ccc;
}

.header_sec.fixed .hder_top {
	display: none;
}

.header_sec.fixed .menu_sec li a {
	color: var(--brand);
}

.header_sec.fixed .menu_sec li a::before {
	background: var(--brand);
}



/*************************************************************************************************************banner****************************************************************************************************************************/

.bannersec {
	width: 100%;
	overflow: hidden;
}

.bannersec .slider {
	position: relative;
	height: 100vh;
}

.bannersec .slider__slides {
	z-index: 1;
	position: relative;
	height: 100%;
}

.bannersec .slider__control {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 6rem;
	height: 6rem;
	margin-left: -3rem;
	margin-top: -3rem;
	border-radius: 50%;
	background: var(--white);
	transition: background-color 0.3s;
	cursor: pointer;
}

.bannersec .slider__control--right {
	left: 95%;
}

.bannersec .slider__control:hover {
	background-color: #03377d;
}

.bannersec .slider__control-line {
	position: absolute;
	left: 2.3rem;
	top: 50%;
	width: .3rem;
	height: 1.4rem;
	transform-origin: 50% 0;
	transform: rotate(-45deg);
}

.bannersec .slider__control-line:nth-child(2) {
	transform: translateY(1px) rotate(-135deg);
}

.bannersec .slider__control--right .slider__control-line {
	left: 37px;
	transform-origin: 1px 0;
	transform: rotate(45deg);
}

.bannersec .slider__control--right .slider__control-line:nth-child(2) {
	transform: translateY(1px) rotate(135deg);
}

.bannersec .slider__control-line:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
	transition: background-color 0.3s;
}

.bannersec .slider__control:hover .slider__control-line:after {
	background-color: var(--white);
}

.bannersec .slider__control.a--rotation .slider__control-line:after {
	animation: arrowLineRotation 0.49s !important;
}

.bannersec .slider__control.a--rotation .slider__control-line:nth-child(1):after {
	animation: arrowLineRotationRev 0.49s !important;
}

.bannersec .slide {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150vmax;
	height: 150vmax;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: clip-path 0s 0.91s;
	clip-path: circle(30px at 120vw 50%);
}

.bannersec .slide.s--prev {
	clip-path: circle(30px at 30vw 50%);
}

.bannersec .slide.s--active {
	z-index: 1;
	transition: clip-path 1.3s;
	clip-path: circle(120vmax at 120vw 50%);
}

.bannersec .slide.s--active.s--active-prev {
	clip-path: circle(120vmax at 30vw 50%);
}

.bannersec .slide__inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vh;
	margin-left: -50vw;
	margin-top: -50vh;
	background-size: cover !important;
	background-position: center center !important;
}

.bannersec .slide__inner:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #030709;
	opacity: 0.3;
}

.bannersec .slide__content {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 4.8rem;
	color: var(--white);
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.bannersec .slide__heading {
	margin-bottom: 2rem;
	font-size: 6rem;
	font-family: "Gilda Display", serif;
	text-transform: capitalize;
	line-height: 7rem;
}

.bannersec .slide__text {
	font-size: 2.5rem;
}

.bannersec .slide__text a {
	color: inherit;
}

.con_btn {
	width: 17rem;
	height: 17rem;
	border: .1rem solid #c2c2c2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	text-transform: capitalize;
	color: var(--white);
	letter-spacing: .2rem;
	margin: 1.5rem auto 0 auto;
	gap: 0 .5rem;
	margin-top: 3rem;
}

.con_btn i {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.con_btn:hover {
	background: var(--brand);
	color: var(--white);
	border-color: transparent;
}

.slide__text_btm {
	margin: 6rem auto 0 auto;
	max-width: 80rem;
}

.banner_frm {
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 0;
	border-radius: 0 4rem 0 0;
	z-index: 1;
	width: 100%;
}

.banner_frm .container {
	padding: 0;
	max-width: 100%;
}

.banner_frm_content {
	padding: 1rem 2rem .5rem 2rem;
	border-radius: .5rem 0 0 0;
	background-color: var(--brand);
	margin: 0 auto;
}

.frm_label_txt {
	color: var(--white);
	text-transform: capitalize;
	display: block;
	padding: 0 0 .5rem 2rem;
	font-weight: 500;
	position: relative;
	font-size: 1.4rem;
}

.banner_content {
	position: relative;
}

.banner_frm .as_btn {
	height: 4rem;
	line-height: 4rem;
	padding: 0 2rem;
	border-radius: 2.5rem;
	letter-spacing: .1rem;
}

.qty_container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 2.5rem;
	overflow: hidden;
}

.qty_container .qty-btn-minus,
.qty_container .qty-btn-plus {
	border: none;
	border-left: .1rem solid #d4d4d4;
	padding: 0;
	font-size: 1rem;
	height: 4rem;
	width: 3.5rem;
	transition: 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
	z-index: 1;
}

.qty_container .qty-btn-minus:focus,
.qty_container .qty-btn-plus:focus {
	box-shadow: none;
}

.qty_container .input-qty {
	text-align: center;
	padding: 0 1.5rem;
	border: .1rem solid #d4d4d4;
	position: relative;
	border-radius: 1rem;
}

.qty_container .qty-btn-minus {
	margin-right: -.1rem;
	border-left-color: transparent;
	border-right: .1rem solid #d4d4d4;
}

.qty_container .qty-btn-plus {
	margin-left: -.1rem;
	left: inherit;
	right: 0;
}

.qty_container .input-qty[type="text"] {
	background: var(--white);
	height: 4rem;
}

.ban_frm_lt_txt {
	padding: 0 1.5rem 0 3rem;
}

.banner_frm_content .input_fld input[type="text"] {
	background: var(--white);
	height: 4rem;
	border-radius: 2.5rem;
	font-size: 1.3rem;
}

.banner_frm_content .input_fld button.main_btn {
	border: none;
	background: var(--brown);
	color: var(--brand);
}

.banner_frm_content .input_fld button.main_btn:hover {
	background: var(--white);
	color: var(--brand);
}

/*---------------------------------------------------------------------------------------------date-------------------------------------------------------------------------------*/
.ui-datepicker {
	background: var(--white);
	border-radius: 1.5rem;
}

.ui-datepicker-header {
	height: 5rem;
	line-height: 5rem;
	color: var(--white);
	background: #31639c;
	margin-bottom: 1rem;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	width: 2rem;
	height: 2rem;
	text-indent: 9999px;
	border-radius: 100%;
	cursor: pointer;
	overflow: hidden;
	margin-top: 1.2rem;
}

.ui-datepicker-prev {
	float: left;
	margin-left: 1.2rem;
}

.ui-datepicker-prev:after {
	transform: rotate(45deg);
	margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
	float: right;
	margin-right: 1.2rem;
}

.ui-datepicker-next:after {
	transform: rotate(-135deg);
	margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	content: '';
	position: absolute;
	display: block;
	width: .8rem;
	height: .8rem;
	border-left: .2rem solid var(--white);
	border-bottom: .2rem solid var(--white);
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
	border-color: #333333;
}

.ui-datepicker-title {
	text-align: center;
	font-size: 2.5rem;
}

.ui-datepicker-calendar {
	width: 100%;
	text-align: center;
}

.ui-datepicker-calendar thead tr th span {
	display: block;
	width: 4rem;
	color: #31639c;
	margin-bottom: .5rem;
	font-size: 1.8rem;
}

.ui-state-default {
	display: block;
	text-decoration: none;
	color: #333333;
	line-height: 4rem;
	font-size: 1.6rem;
}

.ui-state-default:hover {
	color: var(--white);
	background: #31639c;
	border-radius: 5rem;
	transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}

.ui-state-highlight {
	color: var(--white);
	background-color: #31639c;
	border-radius: 5rem;
}

.ui-state-active {
	color: var(--white);
	background-color: #31639c;
	border-radius: 5rem;
}

.ui-datepicker-unselectable .ui-state-default {
	color: #eee;
	border: .2rem solid transparent;
}

.icon {
	color: var(--body_txt_color);
	font-size: 1.5rem;
	position: absolute;
	right: 1.9rem;
	top: 4.3rem;
}


/*************************************************************************************************************about_sec****************************************************************************************************************************/

.iner_ab_lt,
.iner_ab_rt {
	margin-top: 3rem;
	position: relative;
	z-index: 1;
}

.iner_ab_rt {
	margin-left: 4rem;
}

.iner_ab_lt::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	border: .3rem solid var(--brown);
	top: 2rem;
	left: 2rem;
	z-index: -1;
}

/*************************************************************************************************************aminites_sec****************************************************************************************************************************/

.aminites_sec {
	position: relative;
}

.aminites_sec::before {
	background: var(--brand);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0.5;
}

.aminites_rt ul li {
	padding: 4.4rem;
	border-bottom: .1rem solid rgba(255, 255, 255, 0.3);
	position: relative;
	padding-left: 9rem;
	transition: all 0.3s linear 0s;
}

.aminites_rt ul li:last-child {
	border-bottom-color: transparent;
}

.aminites_rt ul li:hover {
	background: rgba(187, 217, 233, 0.3);
	backdrop-filter: blur(3px);
}

.aminites_icon {
	position: absolute;
	left: 3rem;
	top: 3.7rem;
}

.aminites_icon img {
	width: 4.5rem;
	filter: invert(100%);
}

.rt_animat_box {
	display: block;
	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.aminites_rt {
	border-left: .1rem solid rgba(255, 255, 255, 0.3);
}

.aminites_sec.ptb {
	padding: 13.5rem 0;
}

.aminites_lt .main_btn {
	background: transparent;
	color: var(--white);
	border: .1rem solid var(--white);
}

.aminites_lt .main_btn:hover {
	background: var(--brand);
	border-color: transparent;
	color: var(--white);
}


/*************************************************************************************************************rom_sec****************************************************************************************************************************/

.rom_box {
	margin-top: 3rem;
	border: .1rem solid #ccc;
	padding: 1.5rem;
	border-radius: .5rem;
}

.room_img .owl-nav {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

.room_img .owl-nav::before {
	position: absolute;
	left: 50%;
	top: 50%;
	background: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%);
	content: "";
	width: .2rem;
	height: 55%;
}

.room_img .owl-prev,
.room_img .owl-next {
	background: var(--brand);
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.room_img .owl-prev::before,
.room_img .owl-next::before {
	font-family: "Font Awesome 6 Pro";
	content: "\f104";
	color: var(--white);
	font-size: 2rem;
}

.room_img .owl-next::before {
	content: "\f105";
}

.rom_txt h4 a {
	color: var(--brand);
}

.rom_txt {
	padding-top: 1.5rem;
	position: relative;
}

.features_list {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -.5rem;
	justify-content: center;
}

.features_list li {
	width: 33.333%;
	padding: 0 .5rem;
	font-size: 1.4rem;
	text-transform: capitalize;
}

.features_list li img {
	width: 2.1rem;
	margin-right: .8rem;
}

/* .features_list li:first-child{width: 35.333%;} */
.features_list_box {
	filter: drop-shadow(0px 1px 25.5px rgba(0, 0, 0, 0.15));
	background-color: rgba(255, 255, 255, 0.7);
	padding: .1rem;
	border-right: .1rem solid #dedede;
	border-bottom: .1rem solid #dedede;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}

.dtls_btn {
	margin: 1.5rem 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--brand);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .2rem;
	font-weight: 600;
}

.dtls_btn em {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	border: .1rem solid #dedede;
	display: flex;
	text-align: center;
	color: var(--brand);
	align-items: center;
	justify-content: center;
}

.dtls_btn:hover {
	color: var(--sub_brown_color);
}

.room_img_box {
	border-radius: .5rem;
	overflow: hidden;
	display: block;
}

.main_rating_box {
	background: #FFC107;
	display: inline-block;
	color: var(--white);
	padding: .4rem .4rem .4rem .6rem;
	border-radius: .3rem;
	font-weight: 500;
	font-size: 1.2rem;
	vertical-align: middle;
	margin-top: .8rem;
	line-height: 1.2rem;
	position: absolute;
	right: 0;
	top: 1.6rem;
}

.shpe_btm_img {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 31rem;
}

/*************************************************************************************************************other_sise_sec****************************************************************************************************************************/

/* .other_sise_box, .other_sise_img{margin-top: 3rem;} */
.other_sise_box {
	border: .1rem solid #c7d5e1;
	padding: 3rem;
	border-radius: .5rem;
}

.other_sise_box h4 {
	border-bottom: .1rem solid #c7d5e1;
	padding-bottom: 1.5rem;
}

.other_sise_sec .row:nth-child(even) {
	flex-direction: row-reverse;
}

.other_sise_img {
	border-radius: .5rem;
	overflow: hidden;
}

.other_sise_img,
.other_sise_img img {
	height: 100%;
	object-fit: cover;
}

.other_sise_sec .cumll {
	margin-top: 3rem;
}

.reser_box {
	padding: 5rem 0;
}

.reser_rt_txt {
	color: var(--white);
}

.reser_rt_txt a {
	color: var(--white);
}

.reser_box .d-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}



/*************************************************************************************************************feed_back_sec****************************************************************************************************************************/


.feed_back_box {
	padding: 3rem;
	border: .1rem solid #c7d5e1;
	margin: 3rem 0 0 5rem;
	border-radius: .5rem;
}

.person_img img {
	width: 6rem !important;
	border-radius: 100%;
	height: 6rem !important;
	object-fit: cover;
}

.person_txt strong {
	color: var(--brand);
	font-size: 2rem;
	line-height: 2.5rem;
	text-transform: capitalize;
	font-family: "Gilda Display", serif;
	display: block;
}

.person_name {
	align-items: center;
	gap: 0 2rem;
	border-bottom: .1rem solid #c7d5e1;
	padding-bottom: 1.5rem;
}

.rating li {
	display: inline-block !important;
	margin: .8rem 0 0 0;
}

.bold_icon::before,
.liner_icon::before {
	font: normal 1.4rem/1 FontAwesome;
	content: "\f006";
	color: #FFC107;
}

.bold_icon::before {
	content: "\f005";
}

.feed_back_lt {
	margin-right: 5rem;
}

.qution_rt_img {
	position: absolute;
	right: 0;
	top: 0;
}

.qution_rt_img img {
	width: 5rem !important;
}

.feed_back_rt,
.feed_back_rt img {
	height: 100%;
	object-fit: cover;
}

.feed_back_btm {
	padding-top: 1rem;
	position: relative;
}

.feed_back_btm .owl-nav {
	display: none;
}

.feed_back_btm .owl-dots {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.feed_back_btm .owl-dot {
	width: .7rem;
	height: 3.6rem;
	background: #8d8d8d;
	border-radius: 2.5rem;
}

.feed_back_btm .owl-dot.active {
	background: var(--brand);
}

.feed_back_rt {
	border-radius: .5rem;
	overflow: hidden;
}


/*************************************************************************************************************gallery_sec****************************************************************************************************************************/

/* portfolio */
.portfolio_box {
	position: relative;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
}

.portfolio_box img {
	transition: 0.5s;
	background-size: cover;
}

.portfolio_box:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
	filter: blur(1px);
}

.portfolio_link {
	display: flex;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: translateY(-20%);
	transition: opacity 500ms ease, transform 500ms ease;
	color: var(--white) !important;
	font-size: 5rem;
}

.portfolio_box:hover .portfolio_link {
	opacity: 1;
	transform: translateY(0);
}

.galrty_btbn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.gallery_sec .owl-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0;
}

.gallery_sec .owl-prev,
.gallery_sec .owl-next {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--brand);
	position: absolute;
	left: 3rem;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
}

.gallery_sec .owl-next {
	left: inherit;
	right: 3rem;
}

.gallery_sec .owl-prev::before,
.gallery_sec .owl-next::before {
	font-family: "Font Awesome 6 Pro";
	content: "\f104";
	color: var(--white);
	font-size: 1.5rem;
}

.gallery_sec .owl-next::before {
	content: "\f105";
}

/*************************************************************************************************************map_sec****************************************************************************************************************************/

.map_lt {
	background: #f9fcff;
	padding: 3rem;
	border-radius: .5rem;
}

.get_list li {
	margin-top: 2.5rem;
	position: relative;
	padding-left: 7rem;
}

.get_icon {
	position: absolute;
	left: 0;
	top: 0;
}

.get_icon img {
	width: 5rem;
}

.map_rt iframe {
	width: 100%;
	height: 100%;
}


/*************************************************************************************************************footer_sec****************************************************************************************************************************/

.foter_sec {
	padding: 4rem 0 0 0;
}

.ft_logo img {
	width: 20rem;
	margin: 0 0 2rem 0;
}

.ft_top_lt p,
.ft_con_list li a,
.ft_menu li a,
.ft_txt p,
.ft_solial_list li a,
.ft_botton_lt,
.ft_rt {
	color: rgba(255, 255, 255, 0.7);
}

.ft_con_list li {
	display: inline-block;
}

.ft_con_list li a {
	display: inline-block;
	border: .1rem solid rgba(155, 155, 155, 0.32);
	background: #1C1C1C;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 1rem 1.6rem;
	border-radius: .4rem;
	margin-top: 2rem;
}

.ft_con_list li:not(:last-child) {
	margin: 0 1rem 0 0;
}

.ft_con_list li a i {
	color: var(--brown);
	margin: 0 .5rem 0 0;
}

.ft_top_lt {
	border-right: .2rem solid rgba(155, 155, 155, 0.24);
	padding-right: 10rem;
}

.ft_btm {
	align-items: center;
	justify-content: space-between;
	border-top: 1.5px solid rgba(155, 155, 155, 0.24);
	padding: 1.5rem 0;
}

.ft_top_lt,
.ft_top_rt {
	padding-bottom: 3rem;
}

.ft_menu li {
	display: inline-block;
	text-transform: capitalize;
	font-size: 1.8rem;
}

.ft_menu li a {
	display: inline-block;
	padding: 3rem 1.5rem 0 0;
}

.ft_heding {
	color: var(--white);
	text-transform: capitalize;
	font-size: 2.5rem;
	line-height: 3.5rem;
	font-family: "Gilda Display", serif;
	display: block;
	letter-spacing: .1rem;
	position: relative;
	padding-bottom: .8rem;
	margin-bottom: 1.5rem;
}

.ft_heding::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5rem;
	background: var(--brown);
	height: .2rem;
	content: "";
}

.ft_top_rt {
	padding-left: 3rem;
}

.map_txt_ft {
	display: inline-block;
	margin-top: 1.5rem;
	text-transform: uppercase;
	color: var(--white);
	font-size: 1.4rem;
	letter-spacing: .3rem;
	border-bottom: .1rem solid #FFFFFF30;
}

.map_txt_ft i,
.what_ap_txt i {
	color: var(--brown);
	margin: 0 .5rem 0 0;
	font-size: 1.7rem;
}

.map_txt_ft:hover {
	color: var(--white);
}

.what_ap_txt {
	display: block;
	margin-top: 1.5rem;
	color: var(--white);
}

.what_ap_txt:hover {
	color: var(--brown);
}

.chat_ft_heding {
	margin: 2rem 0 1rem 0;
}

.ft_solial_list li a {
	display: inline-block;
	margin-top: 2.5rem;
	text-transform: uppercase;
}

.ft_solial_list li:first-child a {
	margin-top: 0;
}

.ft_solial_list li a:hover {
	color: var(--brown);
}

.ft_top_rt .cumll:nth-child(2) .ft_txt {
	margin-left: 6rem;
}

.ft_rt img {
	width: 2rem;
	margin: 0 .5rem;
}

.ft_rt a {
	color: var(--white);
}


/*************************************************************************************************************form_sec****************************************************************************************************************************/

.input_fld input[type="text"],
.input_fld input[type="email"],
.input_fld input[type="tel"],
.input_fld input[type="password"],
.input_fld textarea {
	width: 100%;
	border: .1rem solid #ced4da;
	height: 5rem;
	padding: 0 1.5rem;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	color: var(--black);
	font-size: 1.5rem;
	border-radius: 1rem;
	background: transparent;
}

.input_fld input[type="text"]::placeholder,
.input_fld input[type="email"]::placeholder,
.input_fld input[type="tel"]::placeholder,
.input_fld input[type="password"]::placeholder,
.input_fld textarea::placeholder {
	color: #999;
	opacity: 1;
}

.input_fld .form-control:focus {
	border-color: var(--brand);
	outline: 0;
	box-shadow: none;
}

/* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
.input_fld button {
	border: none;
}

/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus {
	border-color: var(--brand);
	box-shadow: none;
}

.input_fld {
	margin-bottom: 2rem;
	position: relative;
}

.input_fld textarea {
	height: 12rem;
	resize: none;
	padding: 1.5rem;
}


/*************************************************************************************************************about_page****************************************************************************************************************************/


.iner_banr_box {
	padding: 30rem 0 3rem 0;
	position: relative;
}

/* .iner_banr_box::before{background-image: linear-gradient(200deg, #FFFFFF00 40%, #060620 100%); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} */
.iner_banr_box::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #030709;
	opacity: 0.3;
}

.iner_ab_img {
	display: block;
	margin-top: 2rem;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}

.counter_box {
	position: relative;
	margin: 1rem 0;
}

.count_number strong {
	font-size: 5rem;
	color: var(--brand);
	line-height: 5.5rem;
}

.count_number sup {
	font-size: 4.5rem;
	color: var(--brand);
	top: 0;
	font-weight: 600;
}

.counter_box span {
	text-transform: uppercase;
	color: var(--black);
	font-size: 1.6rem;
	line-height: 2.2rem;
}

.ab_count_sec {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	background: rgba(255, 255, 255, 0.5);
	right: 1rem;
	border-radius: 6.5rem;
}

.iner_ab_sec .cumll:not(:last-child) .counter_box {
	border-right: .1rem dashed rgba(0, 0, 0, 0.30);
}

.iner_ab_btm {
	margin-top: 5rem;
}

.histy_content {
	position: relative;
}

.histy_content::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #c7d5e1;
	top: 88px;
}

.histy_content_dots {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: var(--brand);
	margin: 16px 0;
	position: relative;
	z-index: 3;
}

.histy_content_info {
	padding: 0 5rem;
}

.histy_content_info .owl-nav,
.histy_content_info .owl-dots {
	display: none;
}

.ab_chose_box {
	margin-top: 3rem;
	border: .1rem solid #c7d5e1;
	padding: 2rem;
	border-radius: .5rem;
	position: relative;
}

.ab_chose_icon img {
	width: 6rem;
	margin: 0 0 1rem 0;
}

.ab_chose_numbr {
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	color: var(--brand);
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-size: 7rem;
	font-weight: 800;
	opacity: 0.3;
	line-height: 6rem;
}

.ab_chose_box:hover .ab_chose_numbr {
	opacity: 1;
}

.ab_chose_box:hover {
	background: var(--white);
}

.ab_satisfied_customer_sec::before {
	background-color: #282828;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}

.ab_satisfied_customer_sec {
	background-attachment: fixed !important;
}

.ab_satisfied_customer_info p {
	max-width: 78rem;
	margin: 0 auto;
}

.ab_vison_mison_lt_list li {
	margin-top: 2.5rem;
	position: relative;
	padding-left: 2rem;
}

.ab_vison_mison_lt_list li::before {
	position: absolute;
	left: 0;
	top: 0;
	width: .2rem;
	height: 100%;
	content: "";
	background: #c7d5e1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: .4rem;
}

.ab_vison_mison_lt_list li:hover::before {
	background: var(--brand);
}

.ab_vison_mison_lt {
	margin-right: 3rem;
}

.ab_vison_mison_rt,
.ab_vison_mison_rt img {
	height: 100%;
	object-fit: cover;
}

.ab_vison_mison_rt {
	border-radius: .5rem;
	overflow: hidden;
}

.ab_con_sec_info {
	background: var(--brand);
	padding: 3rem 6rem;
	border-radius: 7.5rem;
	position: relative;
	overflow: hidden;
}

.ab_con_rt ul li {
	display: inline-block;
	font-size: 2rem;
}

.ab_con_rt ul li a {
	color: var(--white);
	position: relative;
	display: inline-block;
	padding: 0 1.5rem;
}

.ab_con_rt ul li:not(:last-child) a::before {
	position: absolute;
	right: 0;
	top: 0;
	content: "/";
	color: rgba(255, 255, 255, 0.7);
}

.ab_con_lt {
	border-right: .1rem solid rgba(255, 255, 255, 0.3);
}

.ab_con_shpe_img_1 {
	position: absolute;
	left: 13rem;
	top: -11.3rem;
}

.ab_con_shpe_img_2 {
	position: absolute;
	right: 14.1rem;
	top: 5.8rem;
}

.ab_con_shpe_img_3 {
	position: absolute;
	right: 11.4rem;
	bottom: 0;
	width: 20rem;
}


/*************************************************************************************************************contact_page****************************************************************************************************************************/

.label_txt {
	font-weight: 600;
	display: block;
	padding: 0 0 .5rem 0;
}

.con_lt_btm_img {
	display: block;
	margin-top: 2.5rem;
	border-radius: .5rem;
	overflow: hidden;
}

.iner_con_lt {
	margin-right: 4rem;
}

.iner_con_map_lt iframe {
	width: 100%;
	height: 100%;
}

.iner_con_map_info {
	background: #e0e7ec;
	padding: 2rem;
	border-radius: .5rem;
}

.iner_con_map_rt li {
	margin-top: 2.5rem;
	background: #f9fcff;
	padding: 2rem;
	border: .1rem solid #c7d5e1;
	position: relative;
	border-radius: .5rem;
}

.iner_con_map_rt li:first-child {
	margin-top: 0;
}

.iner_con_map_rt li a {
	color: var(--body_txt_color);
	font-size: 2rem;
}

.iner_con_map_icon {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}

.iner_con_map_icon i {
	font-size: 4rem;
	color: var(--brand);
}

.iner_con_rt {
	margin-left: 2rem;
}


/*------------------------------------------------------------------------------error_page-----------------------------------------------------------------------------------------------------------*/


.error_sec.error {
	color: #20293F;
	text-align: center;
	animation: fadein 1.2s ease-in;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.error_sec.error .error_sec_info>.code {
	font-size: 10.5em;
	text-shadow: 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
	margin: 0;
}

.error_sec.error .error_sec_info>.desc {
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5), 0px 6px 20px rgba(0, 0, 0, 0.3);
	font-weight: 400;
	margin-top: 5rem;
}

@keyframes fadein {
	0% {
		margin-top: -50px;
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

.eror_main_sec {
	position: relative;
}

.eror_main_sec::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	content: "";
}




/*************************************************************************************************************room_page****************************************************************************************************************************/

.rom_dtls_rt_amenities_box {
	border-top: .1rem dashed #ccc;
	margin: 1.5rem 0 0 0;
	padding: 1.5rem 0 0 0;
}

.room_fe_info li img {
	width: 3rem;
	padding-right: .6rem;
}

.room_fe_info li {
	padding-left: 0;
	width: auto;
	margin: 1rem .5rem 0 0;
	border: .1rem solid #E2E5E7;
	padding: .6rem 1rem;
	border-radius: .6rem;
	display: inline-flex;
	color: var(--black);
	font-weight: 500;
	font-size: 1.4rem;
	align-items: center;
}

.iner_rom_btn {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
}

.iner_rom_btn li {
	width: 50%;
	padding: 0 1rem;
}

.iner_rom_btn li:last-child .main_btn {
	background: transparent;
	border: .1rem solid var(--brand);
	color: var(--brand);
}


/*************************************************************************************************************amenities_page****************************************************************************************************************************/


.iner_amenities_icon img {
	width: 8rem;
	margin: 0 0 1rem 0;
}

.iner_amenities_sec .cumll {
	padding: 3rem;
}

.iner_amenities_sec .cumll:nth-child(even) {
	background: #e0e7ec;
}

.iner_amenities_info {
	border: .1rem solid #c7d5e1;
	border-radius: .5rem;
}

.iner_gallery .wrapper {
	--_gap: .5rem;
	--_offset: 10%;
	--_offset-1: calc(var(--_offset) * 1);
	--_offset-2: calc(var(--_offset) * 2);
	--_offset-3: calc(var(--_offset) * 3);
	--_offset-7: calc(var(--_offset) * 7);
	--_offset-8: calc(var(--_offset) * 8);
	--_offset-9: calc(var(--_offset) * 9);
	width: calc(100% - 4rem);
	margin: 2rem auto;
	color: white;
	font-family: system-ui;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 var(--_gap);
	pointer-events: none;
	transform-style: preserve-3d;
}

.iner_gallery .wrapper>div {
	position: relative;
	pointer-events: auto;
	aspect-ratio: 1;
	transition: scale 500ms ease-in-out, filter 500ms ease-in-out, clip-path 500ms ease-in-out 500ms;
	clip-path: polygon(var(--_clip-path));
	transform: translate3d(0, 0, 0);
}

.iner_gallery .wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.iner_gallery .wrapper>div:nth-child(n+4) {
	margin-top: calc(var(--_offset-3) * -1 + var(--_gap));
}

.iner_gallery .wrapper>div:nth-child(1) {
	--_clip-path: 0 0, 100% 0, 100% var(--_offset-9), 0 100%;
}

.iner_gallery .wrapper>div:nth-child(2) {
	--_clip-path: 0 0, 100% 0, 100% var(--_offset-8), 0 var(--_offset-9);
}

.iner_gallery .wrapper>div:nth-child(3) {
	--_clip-path: 0 0, 100% 0, 100% var(--_offset-7), 0 var(--_offset-8);
}

.iner_gallery .wrapper>div:nth-child(4) {
	--_clip-path: 0 var(--_offset-3), 100% var(--_offset-2), 100% var(--_offset-8), 0 var(--_offset-7);
}

.iner_gallery .wrapper>div:nth-child(5) {
	--_clip-path: 0 var(--_offset-2), 100% var(--_offset-1), 100% var(--_offset-9), 0 var(--_offset-8);
}

.iner_gallery .wrapper>div:nth-child(6) {
	--_clip-path: 0 var(--_offset-1), 100% 0%, 100% 100%, 0 var(--_offset-9);
}

.iner_gallery .wrapper>div:nth-child(7) {
	--_clip-path: 0 0%, 100% var(--_offset-1), 100% 100%, 0 100%;
}

.iner_gallery .wrapper>div:nth-child(8) {
	--_clip-path: 0 var(--_offset-1), 100% var(--_offset-2), 100% 100%, 0 100%;
}

.iner_gallery .wrapper>div:nth-child(9) {
	--_clip-path: 0 var(--_offset-2), 100% var(--_offset-3), 100% 100%, 0 100%;
}

.iner_gallery .wrapper>div.inr_galy_box:hover {
	transition: scale 500ms ease-in-out, filter 500ms ease-in-out, clip-path 500ms ease-in-out 500ms;
	scale: 1.3;
	--_clip-path: 0 0, 100% 0, 100% 100%, 0 100%;
	z-index: 100;
	opacity: 1;
}

.iner_gallery .wrapper:has(:hover)>div:not(:hover) {
	filter: grayscale(1) blur(3px);
	opacity: .5;
	scale: 0.9;
}

@keyframes zIndexHack {

	0%,
	100% {
		z-index: 100;
	}
}

/* general styling */
:root {
	--clr-bg: #222;
	--clr-txt: #F5F5F5;
	--clr-primary: #F5F5F5;
	--clr-secondary: #38BDF8;
	--clr-button: #0369A1;
}

.iner_gallery code {
	color: var(--clr-secondary);
	border: 1px solid rgba(from var(--clr-secondary) r g b / .25);
	padding-inline: .25rem;
	border-radius: 5px;
}


/*************************************************************************************************************faq_page****************************************************************************************************************************/

.faq_heading {
	font-size: 1.8rem;
	text-transform: capitalize;
	color: var(--black);
	line-height: 2.8rem;
	margin-right: 5rem;
}

.faq_number {
	font-size: 2rem;
	color: var(--brand);
	font-weight: 700;
	line-height: 1;
	margin-right: 2rem;
}

.faq_content .accordion-button:not(.collapsed) {
	background: transparent;
}

.faq_content .accordion-button {
	padding: 2rem 1.25rem;
}

.faq_content .accordion-button:focus {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.faq_content .accordion-button:not(.collapsed)::after {
	content: "\f068";
	background-image: none;
}

.faq_content .accordion-button::after {
	color: var(--brand);
	width: auto;
	height: auto;
	font-size: 1.8rem;
	background-image: none;
	font-family: "Font Awesome 6 Pro";
	content: "\2b";
}

.faq_content .accordion-body {
	padding: 2rem 1.5rem;
}

.faq_rt.faq_content .accordion-item {
	border: none;
	background: transparent;
}

.faq_rt.faq_content .accordion-button {
	border-bottom: .1rem solid rgba(0, 0, 0, .125);
	background: transparent;
}

.faq_rt.faq_content .accordion-button:not(.collapsed) {
	box-shadow: none;
}


/*************************************************************************************************************feed_back_page****************************************************************************************************************************/

.iner_feed_back_sec .feed_back_box {
	margin-left: 0;
}




@media (min-width: 992px) and (max-width: 9000px) {
	.nav_top .dropdown .dropdown-menu {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		max-height: 0;
		display: block;
		opacity: 0;
		visibility: hidden;
		margin: 0;
		border: none;
		border-bottom: .2rem solid #ccc;
		background: #fff !important;
		width: 10.50rem;
		padding: 0;
		border-radius: 0;
		left: 0;
		right: inherit;
		padding: .5rem .8rem .8rem;
		box-shadow: inherit;
	}

	.nav_top .dropdown:hover .dropdown-menu {
		max-height: 30rem;
		opacity: 1;
		visibility: visible;
	}

}

/* responsive */

@media only screen and (max-width: 2000px) {

	.hedr_menu .container,
	.map_sec .container {
		max-width: 100%;
		padding: 0 10rem;
	}

	.ab_con_sec .container,
	.iner_con_map_sec .container {
		max-width: 100%;
		padding: 0 8rem;
	}

	.iner_gallery .container {
		max-width: 100%;
		padding: 0 6rem;
	}
}

@media only screen and (max-width: 1599px) {
	.banner_frm_content .cumll {
		width: 19.667%;
	}
}

@media only screen and (max-width: 1499px) {

	/*************************************************************************************************************about_page****************************************************************************************************************************/

	.ab_con_rt ul li {
		display: block;
	}

	.ab_con_rt ul li:not(:first-child) a {
		margin-top: 1rem;
	}

	.ab_con_sec_info {
		border-radius: 9.5rem;
	}


	/*************************************************************************************************************contact_page****************************************************************************************************************************/
	.iner_con_map_txt {
		display: block;
		padding-right: 2rem;
	}
}

@media only screen and (max-width: 1399px) {

	.banner_frm_content .main_btn {
		padding: 0 1.5rem;
	}

	.hedr_menu .container,
	.map_sec .container {
		padding: 0 5rem;
	}

	.menu_sec {
		padding-right: 15rem;
	}

	.slide__text_btm {
		display: none;
	}

	.aminites_sec.ptb {
		padding: 12.1rem 0;
	}


	/*************************************************************************************************************room_page****************************************************************************************************************************/
	.iner_rom_btn .main_btn {
		padding: 0 1.5rem;
	}



}

@media only screen and (max-width: 1299px) {

	.banner_frm_content {
		padding: 1rem 1rem .5rem 1rem;
	}

	.hedr_menu .container,
	.map_sec .container {
		padding: 0 1.5rem;
	}

	.menu_sec li:not(:last-child) a {
		margin: 0 3rem 0 0;
	}

	/*************************************************************************************************************contact_page****************************************************************************************************************************/
	.iner_con_map_sec .container {
		padding: 0 3rem;
	}
}

@media only screen and (max-width: 1199px) {

	.nav_top .navbar-brand img {
		width: 18rem;
	}

	.menu_sec li {
		font-size: 1.6rem;
	}

	.menu_sec li:not(:last-child) a {
		margin: 0 2rem 0 0;
	}

	.menu_sec {
		padding-right: 14rem;
	}

	.bannersec .slide__heading {
		font-size: 4rem;
		line-height: 5rem;
	}

	.banner_frm {
		position: relative;
		right: inherit;
		bottom: inherit;
		margin: 3rem 2rem 0 2rem;
		width: auto;
	}

	.banner_frm_content .cumll {
		width: 25%;
	}

	.banner_frm_content .cumll:last-child {
		width: 100%;
	}

	.input_fld.chek_btn .main_btn {
		margin-top: 0;
	}

	/* .bannersec .slider__slides, .bannersec .slider, .bannersec .slide__inner{height: 70rem;} */
	.iner_ab_lt,
	.iner_ab_lt img {
		height: 94%;
		object-fit: cover;
	}

	.iner_ab_lt::before {
		height: 95%;
	}

	.rt_animat_box {
		width: 33%;
	}

	.ft_top_lt {
		padding-right: 2rem;
	}

	.features_list li {
		font-size: 1.3rem;
	}

	.features_list li img {
		margin-right: .5rem;
	}

	.bannersec .slider__control {
		width: 4rem;
		height: 4rem;
	}

	.bannersec .slider__control--right .slider__control-line {
		left: 2.6rem;
	}

	.bannersec .slider__control-line {
		left: 1.3rem;
	}

	.bannersec .slider__control {
		top: inherit;
		bottom: 18rem;
	}

	.bannersec .slider__control_pecw {
		left: inherit;
		right: 9.5rem;
	}

	.bannersec .slide__content {
		top: inherit;
		bottom: 3rem;
		transform: inherit;
		margin: 0;
		margin-top: -12.2rem;
	}

	.banner_frm_content {
		border-radius: .5rem;
	}

	.baner_top_sec {
		height: 70rem;
		overflow: hidden;
	}

	/*************************************************************************************************************about_page****************************************************************************************************************************/
	.ab_con_sec .container {
		padding: 0 1.5rem;
	}

	/*************************************************************************************************************contact_page****************************************************************************************************************************/

	.iner_con_lt {
		margin: 0 0 3rem 0;
	}

	.iner_con_map_sec .container {
		padding: 0 1.5rem;
	}

	.iner_con_map_lt iframe {
		height: 30rem;
		margin-bottom: 3rem;
	}

	.iner_con_rt {
		margin-left: 0;
	}

}

@media only screen and (max-width: 991px) {

	.nav_top .navbar-toggler {
		color: transparent;
		border: none;
		padding: 1rem;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		margin-right: -1rem;
	}

	.nav_top .navbar-toggler .icon-bar {
		display: block;
		width: 3rem;
		height: .4rem;
		border-radius: .3rem;
		background-color: var(--white);
		opacity: 1;
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.nav_top .navbar-toggler .icon-bar+.icon-bar {
		margin-top: .4rem;
	}

	.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) {
		opacity: 0;
		width: 0px;
	}

	.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {
		-webkit-transform: matrix(1, 1, 0, 1, 0, 0);
		transform: matrix(1, 1, 0, 1, 0, 0);
		width: 25px;
		margin-top: -11px;
	}

	.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {
		-webkit-transform: matrix(1, -1, 0, 1, 0, 0);
		transform: matrix(1, -1, 0, 1, 0, 0);
		width: 25px;
	}

	.heder_top_rt {
		right: 4.8rem;
		top: .2rem;
	}

	.header_sec.fixed .nav_top .navbar-toggler .icon-bar {
		background: var(--brand);
	}

	h1,
	h2 {
		font-size: 3rem;
		line-height: 4rem;
	}

	.iner_ab_rt {
		margin-left: 0;
	}

	.rt_animat_box {
		width: 100%;
		position: relative;
		right: inherit;
		top: inherit;
	}

	.aminites_sec.ptb {
		padding: 5rem 0 0 0;
	}

	/* .aminites_rt ul li:last-child{padding-bottom: 0;} */
	.feed_back_lt {
		margin: 0 0 3rem 0;
	}

	.map_rt iframe {
		height: 30rem;
		margin-top: 3rem;
	}

	.ft_top_lt {
		padding-right: 0;
		border-right: none;
	}

	.ft_top_rt {
		padding-left: 0;
	}

	.ft_top_rt .cumll:nth-child(2) .ft_txt {
		margin-left: 15rem;
	}

	.aminites_lt {
		margin-bottom: 2rem;
	}

	.nav_top .navbar-collapse {
		position: fixed;
		top: 0;
		left: -30.10rem;
		background: var(--white);
		z-index: 999999;
		width: 22.80rem;
		padding: 2.5rem 1rem;
		height: 100% !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		overflow-y: auto;
		min-height: 100vh;
		align-items: baseline;
		justify-content: start !important;
		border-right: .5rem solid var(--brand);
	}

	.nav_top .navbar-collapse.show {
		left: 0;
	}

	.menu_sec li a {
		color: var(--brand);
	}

	.menu_sec {
		padding-right: 0;
	}

	.menu_sec li a {
		margin: 0 !important;
		padding: 1.5rem;
		display: block;
		width: 100%;
		border-bottom: .1rem solid #eee;
	}

	.menu_sec li a:hover {
		color: var(--sub_brown_color);
	}

	.iner_ab_lt,
	.iner_ab_lt img {
		height: auto;
	}

	.iner_ab_lt::before {
		height: 100%;
	}

	.bannersec .slide__content {
		margin-top: -21.2rem;
	}

	.bannersec .slider__control {
		bottom: 31rem;
	}

	.baner_top_sec {
		height: 55rem;
	}

	.ptb {
		padding: 5rem 0;
	}

	.iner_ptb {
		padding: 2rem 0 5rem 0;
	}

	.feed_back_rt,
	.feed_back_rt img {
		height: auto;
	}

	/*************************************************************************************************************about_page****************************************************************************************************************************/

	.ab_count_sec {
		position: inherit;
		left: inherit;
		bottom: inherit;
		right: inherit;
		background: var(--white);
		margin-top: 3rem;
		border-radius: .5rem;
		padding: 1.5rem 0;
	}

	.iner_ab_sec .cumll .counter_box {
		border-right: none !important;
	}

	.count_number strong {
		font-size: 4rem;
		line-height: 4.5rem;
	}

	.histy_content_info {
		padding: 0 1.5rem;
	}

	.ab_vison_mison_lt {
		margin: 0 0 3rem 0;
	}

	.ab_con_sec_info {
		border-radius: 1.5rem;
		padding: 3rem;
	}

	.ab_con_lt {
		border-right-color: transparent;
	}

	.ab_con_rt ul li {
		display: inline-block;
	}

	.iner_banr_box {
		padding: 23rem 0 3rem 0;
	}

	/*************************************************************************************************************gallery_sec****************************************************************************************************************************/

	.iner_gallery .container {
		padding: 0 1.5rem;
	}

	.iner_gallery .wrapper {
		width: 100%;
		margin: 0 auto;
	}

	.iner_gallery.ptb {
		padding: 3rem 0;
	}

}

@media only screen and (max-width: 767px) {

	.container {
		max-width: 100%;
		padding: 0 1.5rem;
	}


	/* .bannersec .slider__slides, .bannersec .slider {height: 57rem;} */
	.banner_frm_content .cumll {
		width: 50%;
	}

	.iner_ab_lt::before {
		top: 1rem;
		left: 1rem;
	}

	.reser_box .d-flex {
		flex-direction: column;
	}

	.reser_box {
		text-align: center;
		padding: 4rem 0;
	}

	.banner_frm {
		margin: 3rem 2rem 0 2rem;
	}

	.bannersec .slider__control_pecw {
		right: 7.5rem;
	}

	.bannersec .slide__heading {
		font-size: 3rem;
		line-height: 4rem;
	}

	.ptb {
		padding: 4rem 0;
	}

	.iner_ptb {
		padding: 1rem 0 4rem 0;
	}


}


@media only screen and (max-width: 575px) {

	.hder_top_lt ul li a {
		padding: 0 .6rem;
		font-size: 1.4rem;
	}

	.hder_top_rt {
		display: none;
	}

	.hder_top_lt {
		display: block;
		width: 100%;
		text-align: center;
	}

	.nav_top .navbar-brand img {
		width: 15rem;
	}

	.heder_top_rt .main_btn {
		padding: 0;
		width: 3.5rem;
		height: 3.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0;
		letter-spacing: 0;
	}

	.heder_top_rt .main_btn .d-none {
		display: block !important;
		font-size: 1.5rem;
	}

	.bannersec .slide__heading {
		font-size: 3rem;
		line-height: 4rem;
	}

	.con_btn {
		width: 13rem;
		height: 13rem;
	}

	/* .bannersec .slider__control {top: inherit; bottom: 2rem;} */
	.bannersec .slider__control_pecw {
		left: inherit;
		right: 6.5rem;
	}

	/* .bannersec .slider__slides, .bannersec .slider, .bannersec .slide__inner {height: 65rem;} */
	/* .bannersec .slide__inner {top: 45%;} */
	.bannersec .slide__text {
		font-size: 1.5rem;
	}

	.bannersec .slide__content {
		margin-top: -26.2rem;
	}

	.bannersec .slider__control {
		bottom: 38rem;
	}

	.banner_frm_content .cumll {
		width: 100%;
	}

	.frm_label_txt {
		padding: 0 0 .5rem 0;
	}

	.baner_top_sec {
		height: 48rem;
	}

	.bannersec .slide__heading {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}

	h1,
	h2 {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}

	.ab_sec h1 {
		font-size: 2rem;
		line-height: 3rem;
	}

	.iner_ab_rt h4 {
		font-size: 2rem;
		line-height: 3rem;
	}

	.aminites_lt .main_btn {
		padding: 0 1.5rem;
	}

	.aminites_rt ul li {
		padding: 2.5rem 2.5rem 2.5rem 9rem;
	}

	.aminites_icon {
		top: 1.8rem;
	}

	.features_list {
		flex-wrap: wrap;
	}

	.features_list li {
		width: 50%;
	}

	.feed_back_btm .owl-dots {
		flex-direction: row;
		position: inherit;
		left: inherit;
		top: inherit;
		transform: inherit;
		justify-content: center;
		margin: 2rem 0 0 0;
	}

	.feed_back_box {
		margin-left: 0;
	}

	.qution_rt_img {
		right: -1.5rem;
		top: -1.3rem;
	}

	.qution_rt_img img {
		width: 3rem !important;
	}

	.feed_back_btm .owl-dot {
		width: 3.2rem;
		height: .5rem;
	}

	.ft_top_rt .cumll:nth-child(2) .ft_txt {
		margin: 0;
		padding-top: 3rem;
	}

	.ft_solial_list li {
		display: inline-block;
	}

	.ft_solial_list li a {
		margin-top: -0.5rem;
		padding-right: .5rem;
	}

	.ft_btm.d-flex {
		flex-direction: column;
	}

	.iner_ptb {
		padding: 2rem 0 4rem 0;
	}

	.ft_menu li a {
		padding: 2.5rem 1rem 0 0;
		font-size: 1.4rem;
	}

	.ft_top_lt,
	.ft_top_rt {
		padding-bottom: 2rem;
	}

	.ft_con_list li:not(:last-child) {
		margin: 0 0 0 0;
	}

	.ft_con_list li {
		display: block;
		width: 100%;
	}

	.ft_con_list li a {
		display: block;
		width: 100%;
		text-align: center;
	}




	/*************************************************************************************************************about_page****************************************************************************************************************************/

	.iner_banr_box {
		padding: 17rem 0 2rem 0;
	}

	.count_number sup {
		font-size: 3.5rem;
	}

	.count_number strong {
		font-size: 3rem;
		line-height: 3.5rem;
	}

	.counter_box span {
		text-transform: capitalize;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

	.ab_count_sec {
		padding: 1.5rem;
	}

	.ab_con_lt h2 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.ab_con_rt ul li a {
		margin-top: 1rem !important;
	}


	/*************************************************************************************************************room_page****************************************************************************************************************************/
	.iner_rom_btn li {
		width: 100%;
	}

	.iner_rom_btn li:last-child .main_btn {
		margin-top: 1.5rem;
	}

	.room_fe_info li img {
		width: 2.5rem;
	}

	.room_fe_info li {
		font-size: 1.2rem;
	}


	/*************************************************************************************************************gallery_sec****************************************************************************************************************************/
	.iner_gallery.ptb {
		padding: 2rem 0;
	}

	/*************************************************************************************************************contact_page****************************************************************************************************************************/

	.iner_con_map_info {
		padding: 2rem 1.5rem;
	}

	.iner_con_map_lt iframe {
		height: 22rem;
		margin-bottom: 2rem;
	}

	.iner_con_map_icon i {
		font-size: 2.5rem;
	}

	.iner_con_map_rt li a {
		font-size: 1.8rem;
	}

	.iner_con_map_rt li {
		margin-top: 2rem;
	}



	.iner_ab_lt,
	.iner_ab_rt,
	.rom_box,
	.other_sise_sec .cumll,
	.feed_back_box,
	.ab_count_sec,
	.iner_ab_btm,
	.ab_chose_box {
		margin-top: 2rem;
	}

	.other_sise_box,
	.map_lt,
	.ab_con_sec_info,
	.iner_amenities_sec .cumll {
		padding: 2rem;
	}


}

@media only screen and (max-width: 480px) {}





/* -------------------------------------- 404-page-start  ------------------------ */

.er-4-0-4-sec {
	padding-top: 16.5rem;
	padding-bottom: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #2f55c2;
}

.error-img {
	margin: 2rem 0 6rem;
}

.er-text-1 {
	font-size: 3.4rem;
	margin-top: -46px;
	text-align: center;
	font-weight: 700;
	color: var(--white) !important;
	font-family: 'Mulish', sans-serif;
}

.er-text-1 span {
	font-weight: 700;
	color: #ff5476;
}



@media(max-width:991px) {
	.er-text-1 {
		font-size: 3rem;
		margin-top: -50px;
	}

	.er-4-0-4-sec {
		padding-top: 13rem !important;
		padding-bottom: 2rem !important;
	}
}

@media(max-width:575px) {
	.er-text-1 {
		font-size: 2.8rem;
		margin-top: -14px;
		text-align: center;
		font-weight: 600;
		color: var(--brand);
		line-height: 43px;
	}
}


/* -------------------------------------- 404-page-end  -------------------------- */