@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

:root {
	--body-bg-red-color: #e11f04;
	--body-bg-red-dark-color: #a50000;

	--body-bg-brown-color: #bd822d;
	--body-bg-brown-light-color: #8d7d7a;
	--body-bg-skin-color: #f5f2f2;

	--body-bg-white-color: #ffffff;
	--body-bg-gray-dark-color: #d9d9d9;
	--body-bg-gray-light-color: #f5f5f5;

	--body-bg-black-color: #000000;
	--body-bg-black-dark-color: #333936;
	--body-bg-black-light-color: #898989;

	--body-bg-yellow-color: #f4a416;

	--border-dark-color: #222222;
	--border-light-color: rgb(0 0 0 / 20%);
	--border-width-lg: 10px;

	--black-text-color: #222222;
	--light-text-color: #666666;
	--white-text-color: #ffffff;

	--fw-bold: 700;
	--fw-medium: 500;
	--fw-light: 400;

	--sm-font-size: 14px;
	--body-font-size: 16px;

	--section-padding: 60px;
	--section-padding-2: 60px;
	--section-padding-sm: 30px;
	--gap-10: 10px;
	--gap-15: 15px;
	--gap-20: 10px;
	--gap-30: 30px;
	--gap-15-30: 15px;
	--gap-60: 30px;

	--container-gap: 20px;
	--rounded-30: 20px;
	--rounded-15: 15px;
	--btn-font-size: 14px;

	--header-gap: 58.86px;

	--map-height: 350px;
}

@media(min-width: 992px){
	:root{
		--section-padding: 120px;
		--section-padding-sm: 60px;
		--gap-15-30: 30px;
		--gap-60: 60px;
		--gap-20: 20px;
		--rounded-30: 30px;
		--header-gap: 105.02px;

		--map-height: 500px;
		--sm-font-size: 16px;
		--body-font-size: 18px;

		--border-width-lg: 20px;
	}
}

@media(min-width: 1200px){
	:root{
		--container-gap: 60px;
		--btn-font-size: 16px;
		--header-gap: 106px;
	}
}

@media(min-width: 1400px){
	:root{
		--container-gap: 120px;
		--btn-font-size: 18px;
		--header-gap: 109px;
		--map-height: 800px;
		--section-padding-2: 90px;
	}
}

@media(min-width: 1600px){
	:root{
		--container-gap: 240px;
	}
}
/* <! ------------------------- BODY ------------------------- !> */
html {scroll-padding-top: var(--gap-60);}
body {font-size: var(--body-font-size); font-family: 'Poppins', sans-serif; background-color: var(--body-bg-white-color); color: var(--black-text-color); position: relative;}
p, ul {color: var(--light-text-color);}
ul {padding-left: 20px}
ul.list-none, header ul, footer ul {list-style-type: none!important; padding: 0!important; margin: 0!important;}
ul.list-inline li {display: inline-block;}
a {color: var(--black-text-color); text-decoration: none; transition: all 0.2s ease}
a:hover, a:focus {color: var(--body-bg-red-color); text-decoration: none;}
hr {background-color: var(--border-dark-color); margin: var(--gap-30) 0;}
hr.hr-5 {height: 5px}
main {padding-bottom: 0!important}
[type="checkbox"] {width: 20px; height: 20px; vertical-align: middle;}

/* <! ------------------------- COLOR ------------------------- !> */
.text-brown {color: var(--body-bg-brown-color);}
.text-red {color: var(--body-bg-red-color);}
.text-black {color: var(--black-text-color);}
.text-red-dark {color: var(--body-bg-red-dark-color);}

.bg-white-blur {background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px)}

.bg-light {background-color: var(--body-bg-gray-light-color)!important;}
.bg-gray {background-color: var(--body-bg-gray-dark-color)!important;}
.bg-dark {background-color: var(--body-bg-black-dark-color)!important; color: var(--white-text-color);}
.bg-dark ul {color: var(--white-text-color);}

.bg-brown {background-color: var(--body-bg-brown-color); color: var(--white-text-color);}
.bg-yellow {background-color: var(--body-bg-yellow-color); color: var(--white-text-color);}
.bg-gold {background-color: #cea437; color: var(--white-text-color);}
.bg-platinum {background-color: #888687; color: var(--white-text-color);}
.bg-diamond {background-color: #72939f; color: var(--white-text-color);}
.bg-diamond-supirior {background-color: #0083ab; color: var(--white-text-color);}
.bg-green {background-color: #418440; color: var(--white-text-color);}
.bg-sky-blue {background-color: #40b4fa; color: var(--white-text-color);}
.bg-tomato {background-color: #e56e6e; color: var(--white-text-color);}

.border {border-color: var(--border-light-color)!important;}
.border-lg {border-width: var(--border-width-lg)!important;}
.border-brown {border-color: var(--body-bg-brown-color)!important;}
.text-white a, .text-white p {color: var(--white-text-color);}

/* <! ------------------------- HEADING ------------------------- !> */
.text-light {color: rgb(34, 34, 34, 0.8)!important;}
h1, h2, h3, h4, .h4, h5, h6 {font-weight: var(--fw-bold)!important; margin-bottom: 15px; line-height: 1.2!important}
h1 span, h2 span {font-weight: var(--fw-light)!important;}
.lh-1 {line-height: 0.75!important}
p {margin-bottom: 15px;}
.letter-spacing {letter-spacing: 0.3em}
.xs-font {font-size: 12px; display: block; font-weight: var(--fw-light); line-height: 1.4}
.sm-font {font-size: var(--sm-font-size);}
h1 {font-size: 3.1rem}
h2 {font-size: 2.8rem}

@media(max-width: 1199px){
	h1 {font-size: calc(1.4rem + 2.3vw);}
	h2 {font-size: calc(1.4rem + 1.8vw);}
}

/* <! ------------------------- ZOOM IMAGE ------------------------- !> */
.zoom-img {overflow: hidden; position: relative;}
.zoom-img img, .zoom-img .bg-image {transition: all 0.4s ease;}
.zoom-img:hover img, .zoom-img:hover .bg-image {transform: scale(1.05);}

/* <! ------------------------- PADDING & MARGIN ------------------------- !> */
.section-padding {padding: var(--section-padding) 0;}
#home .section-padding {padding: var(--section-padding-2) 0;}
.section-padding-sm {padding: 30px 0 60px;}
.padding-gap {padding: var(--gap-30) var(--gap-15-30);}

.mb-10 {margin-bottom: 10px;}

.me-15 {margin-right: var(--gap-15);}
.mb-15 {margin-bottom: var(--gap-15);}
.pb-15 {padding-bottom: var(--gap-15);}

.mt-30 {margin-top: var(--gap-30);}
.mt-15 {margin-top: var(--gap-15);}
.me-30 {margin-right: var(--gap-30);}
.mb-30 {margin-bottom: var(--gap-30);}
.mb-15-30 {margin-bottom: var(--gap-15-30);}

.p-60 {padding: var(--gap-60);}
.py-30 {padding-top: var(--gap-30)!important; padding-bottom: var(--gap-30)!important;}
.pb-30 {padding-bottom: var(--gap-30)!important;}
.pt-30 {padding-top: var(--gap-30)!important;}
.py-60 {padding-top: var(--gap-60); padding-bottom: var(--gap-60);}
.pt-60 {padding-top: var(--gap-60)!important;}
.pb-60 {padding-bottom: var(--gap-60);}
.mb-60 {margin-bottom: var(--gap-60);}
.mt-60 {margin-top: var(--gap-60);}
.mb-120 {margin-bottom: var(--section-padding);}

.my-30 {margin-top: var(--gap-30); margin-bottom: var(--gap-30);}
.my-60 {margin-top: var(--gap-60); margin-bottom: var(--gap-60);}
.mx-30 {margin-left: var(--gap-30); margin-right: var(--gap-30);}
.px-30 {padding-left: var(--gap-30); padding-right: var(--gap-30);}
.my-15 {margin-top: 15px; margin-bottom: 15px;}

.top-minus-30 {transform: translateY(-30px); margin-bottom: -30px; z-index: 99; position: relative;}
.z-99 {position: relative; z-index: 99;}
.mt-minus-60 {margin-top: -60px}
.mt-minus-gap-60 {padding-top: 60px}

@media(min-width: 768px){
	.my-md-60 {margin-top: var(--gap-60); margin-bottom: var(--gap-60);}
	.me-md-15 {margin-right: var(--gap-15);}
}

/* <! ------------------------- OTHER - MIX ------------------------- !> */
.p-last-0 p:last-child {margin-bottom: 0!important}
.row-revers-md {flex-wrap: wrap-reverse;}
.row-revers-lg {flex-wrap: wrap-reverse;}

.box-shadow-left-gap {padding-right: 15px}
.box-shadow-left {position: relative; overflow: hidden; display: inline-block; padding: 10px 0; margin-left: -15px}
.box-shadow-left:before {content: ''; position: absolute; top: 0 ; left: 0; width: 15px; height: 100%; box-shadow: 10px 0px 21px rgba(0, 0, 0, 0.45); background: var(--body-bg-gray-light-color); overflow: hidden; z-index: 99;}

.bi-currency-rupee {margin-right: 5px; opacity: 0.8; font-size: 16px!important}
.input-tra {background-color: transparent!important; border: unset!important; outline: none!important;}

.calendar-icon-add {position: relative;}
.calendar-icon-add .calendar-icon {position: absolute; top: 0; right: 15px; height: 100%; font-size: 22px; display: flex; align-items: center;}

.fadeInUp {transform: translateY(100px); transition: all 600ms ease; transition-delay: 900ms;}

.swiper-slide-active .fadeInUp, .banner-active .fadeInUp {transform: translateY(0);}
.fadeInDown {transform: translateY(100px); transition: all 600ms ease; transition-delay: 900ms;}
.swiper-slide-active .fadeInDown {transform: translateY(0);}

.bg-image {background-position: center; background-size: cover; background-repeat: no-repeat;}

.list-gap li {margin-bottom: 5px;}
.list-gap li:last-child {margin-bottom: 0;}

@media(min-width: 768px){
	.row-revers-md {flex-wrap: wrap;}
	.border-center-md {position: relative;}
	.border-center-md:before {content: ''; position: absolute; top: 0; left: calc(50% - 0.5px); width: 1px; height: 100%; background-color: var(--border-light-color);}
}

@media(min-width: 992px){
	.order-lg-unset {order: unset!important}
	.row-revers-lg {flex-wrap: wrap;}
	.box-shadow-left-gap {padding-right: 30px}
	.box-shadow-left { margin-left: -30px}
	.box-shadow-left:before {left: -15px; width: 30px;}
}

@media(max-width: 991px){
	.bg-gray-overlay-mob {position: relative; z-index: 1;}
	.bg-gray-overlay-mob:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; opacity: 0.5; z-index: -1;}
}

@media(max-width: 768px){
	.size-1-max-md {padding-bottom: 50%}
	.btn.me-15 {margin-right: 5px!important}
}

/* <! ------------------------- CONTAINER - ROW COL GAP ------------------------- !> */
.container-gap {padding-left: var(--container-gap); padding-right: var(--container-gap); width: 100%}
.container-gap.section-padding, .container.section-padding-sm, .row.section-padding, .row.section-padding-sm, .container.section-padding {padding-left: 12px!important; padding-right: 12px!important;}
.row-col-gap-24 {margin-bottom: -24px}
.row-col-gap-24>* {margin-bottom: 24px}

@media(max-width: 767px){
	.row {margin-left: -20px; margin-right: -20px;}
	.row>* {padding-left: 20px; padding-right: 20px;}
	.row-sm-gap {margin-left: -10px; margin-right: -10px;}
	.row-sm-gap>* {padding-left: 10px; padding-right: 10px;}
	.container-gap, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 20px; padding-right: 20px;}
	.container.section-padding-sm, .container.section-padding, .row.section-padding {padding-left: 20px!important; padding-right: 20px!important}
	.container-gap.section-padding, .container.section-padding-sm, .row.section-padding, .row.section-padding-sm, .container.section-padding {padding-left: 20px!important; padding-right: 20px!important;}
	main.container {padding-left: 10px!important; padding-right: 10px!important;}
}

/* <! ------------------------- BUTTON ------------------------- !> */
.btn {font-size: var(--btn-font-size); font-weight: var(--fw-bold); line-height: 1; padding: 15px 30px; display: inline-block; border-radius: 6.25rem; border: unset!important; position: relative; transition: all 0.2s ease; overflow: hidden; z-index: 1;}
.btn:before {content: ''; position: absolute; top: 0; right: 0; width: 0%; height: 100%; transition: all 0.2s linear; z-index: -1;}
.btn-text {font-size: var(--btn-font-size); font-weight: var(--fw-bold); line-height: 1;}
.btn:focus {box-shadow: unset!important;}
.btn:hover:before {width: 100%; left: 0; right: unset;}

.btn-danger {background-color: var(--body-bg-red-color)!important; color: var(--white-text-color);}
.btn-danger a {color: var(--white-text-color);}
.btn-danger:before, .btn-danger:focus {background-color: var(--body-bg-red-dark-color);}

.btn-white.outline {color: var(--white-text-color); border: 1px solid rgba(255, 255, 255, 0.5)!important;}
.btn-white.outline:before, .btn-white.outline:focus {background-color: var(--body-bg-white-color);}
.btn-white.outline:hover {color: var(--black-text-color);}

.btn-dark {background-color: var(--body-bg-black-light-color); color: var(--white-text-color);}
.btn-dark a {column-rule: var(--white-text-color);}
.btn-dark:before, .btn-dark:focus {background-color: var(--body-bg-black-dark-color);}

@media(min-width: 992px){
	.btn-text.outline {padding: 5px 10px;}
}

/* <! ------------------------- GRID ------------------------- !> */
.grid {display: grid; gap: 24px;}
.grid-2 {display: grid; grid-template-columns: auto auto;}
.grid-6 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px}
.grid-lg-6 {display: grid; grid-template-columns: auto auto auto auto auto auto; gap: 12px}

.grid-same-box-2 {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 24px;}
.grid-same-box-2 .card-body {padding-left: 5px!important; padding-right: 5px!important;}

@media(min-width: 768px){
	.grid-md-2 {grid-template-columns: auto auto;}
	.grid-6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.grid-same-box-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.grid-same-box-2 .card-body {padding-left: 15px!important; padding-right: 15px!important;}

}

@media(min-width: 992px){
	.grid-lg-4 {grid-template-columns: auto auto auto auto;}
	.grid-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
}

/* <! ------------------------- GALLERY ------------------------- !> */
.grid-gallery {display: grid; grid-template-columns: auto auto auto; gap: 12px;}
.grid-gallery img {width: 100%; height: 100%; object-fit: cover; object-position: cover;}
[colspan="2"] {grid-area: 1 / 1 / span 2 / span 2;}
[colspan="3"] {grid-area: 1 / 1 / span 3 / span 2;}
.grid-gallery .grid-item img {width: 100%}

.grid-gallery [data-fancybox] .zoom-img {position: relative; z-index: 1;}
.grid-gallery [data-fancybox] .zoom-img:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #e11f0480; opacity: 0; transform: scale(0); transition: all 0.3s ease; z-index: 1;}
.grid-gallery [data-fancybox] .zoom-img:before {content: "\f62c"; font-family: bootstrap-icons!important; font-style: normal; font-weight: 400!important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 99; color: var(--white-text-color); opacity: 0; transform: scale(0); transition: all 0.3s ease}
.grid-gallery [data-fancybox] .zoom-img:hover:after {opacity: 1; transform: scale(1.5);}
.grid-gallery [data-fancybox] .zoom-img:hover:before {opacity: 1; transform: scale(1);}

@media(max-width: 767px){
	.grid-gallery {grid-template-columns: auto;}
	[rowspan="1"] {grid-area: unset; grid-column: 1 / 3;}
}

@media(min-width: 1200px){
	.grid-gallery {gap: 24px}
	.grid-gallery .zoom-img:before {font-size: 24px}
}

/* <! ------------------------- BUFFET MENU ------------------------- !> */
.grid-buffet-menu {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 24px}
.grid-buffet-menu .bg-image {background-position: right center; position: relative; z-index: 1;}
.weekend-menu {display: none;}
.weekend-menu.active {display: block;}

@media(max-width: 991px){
	.grid-buffet-menu .grid-item {overflow: hidden; border-radius: 0 var(--rounded-30)!important;}
	.grid-buffet-menu .grid-item:nth-child(even) {border-radius: var(--rounded-30) 0!important; overflow: hidden;}
	.grid-buffet-menu .bg-image:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.5); z-index: -1;}
}

@media(min-width: 992px){
	.grid-buffet-menu {grid-template-columns: repeat(3, 1fr); row-gap: 60px}
	.grid-buffet-menu .weekend-menu {grid-area: 2 / 1 / span 3 / span 3;}
}

@media(max-width: 767px){
	.weekend-menu .row>* {padding-left: 0!important; padding-right: 0!important}
}

/* <! ------------------------- HEADER ------------------------- !> */
.dropdown-toggle:after {display: none}
.dropdown-toggle .bi-chevron-down {font-size: 14px; display: inline-block; transition: all 0.3s ease; margin-left: 5px;}
.dropdown-toggle.show .bi-chevron-down {transform: rotate(-180deg);}

header {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; padding: 10px 20px; transition: all 0.2s ease}
header:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(29, 29, 29, 0) 0%, #000000 100%); backdrop-filter: blur(7px); z-index: -1;}
#home header:before {background: linear-gradient(0deg, rgba(245, 177, 26, 0) 0%, #633E15 100%);}
header .nav-link {padding: 10px 0}
header .dropdown-menu a {margin-bottom: 20px; display: block}
header .dropdown-menu {background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px);}
header .dropdown-menu li:last-child a {margin-bottom: 0!important}
header .nav-link, header .dropdown-menu a {color: var(--black-text-color); font-size: 18px; font-weight: var(--fw-bold);}
header .nav-link:hover, header .nav-link:focus, header .dropdown-menu a:hover {color: var(--body-bg-red-color)!important;}

@media(min-width: 992px){
	.mobile-only {display: none!important}
	.header-left, .header-right {width: 10%}
	.header-center {width: 80%; display: flex; justify-content: center; text-align: center;}
	.header-right {display: flex; justify-content: flex-end}

	header {padding: 30px}
	header .nav-item {display: inline-block;}
	header .nav-link {padding: 5px;}
	header .nav-link, header .dropdown-menu a {font-size: 13px; color: var(--white-text-color);}

	header .dropdown-menu {width: 300px; padding: 20px!important; margin-top: 15px!important; position: relative; border: unset;  left: calc(50% - 169px)!important; transform: translateY(20px);}
	header .dropdown-menu:before {content: ''; position: absolute; top: -10px; left: calc(50% - 15px);  width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.8);}
}

@media(min-width: 1200px){
	header .nav-link {padding: 10px;}
	.header-left, .header-right {width: 14%}
	.header-center {width: 72%;}
	header .nav-link, header .dropdown-menu a {font-size: 14px;}
}

@media(min-width: 1400px){
	header {padding: 30px 40px}
	header .nav-link {padding: 10px;}
	header .nav-link, header .dropdown-menu a {font-size: 16px;}
}

@media(min-width: 1600px){
	header {padding: 30px 60px}
	header .nav-link {padding: 10px 15px;}
	header .nav-link, header .dropdown-menu a {font-size: 18px;}
}

@media(max-width: 991px){
	#mobileMenu {position: fixed; top: 58.86px; right: -100%; bottom: 0; width: 100%; background-color: var(--body-bg-gray-light-color); padding: 20px; transition: all 0.4s ease}
	.desktop-only {display: none!important}

	header .dropdown-menu {position: static!important; inset: unset!important; transform: unset!important; padding: 20px!important; width: 100%;}
	header .dropdown-menu a {padding-top: 0!important; color: var(--white-text-color);}
	header .nav-link {display: flex; justify-content: space-between; border-bottom: 1px solid var(--border-light-color);}
	header .nav-link.border-unset {border-bottom: unset;}

	header.active {background-color: var(--body-bg-gray-light-color)!important;}
	header.active:before {display: none;}
	header.active #mobileMenu {right: 0;}
	header.active .menubar span {background-color: var(--black-text-color);}

	.menubar {width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: space-around;}
	.menubar span {display: block; width: 100%; height: 3px; background-color: var(--white-text-color); transition: .4s}
	header.active .menubar span:nth-child(1) {-webkit-transform: matrix(.71,-.71,.71,.71,0,7); transform: matrix(.71,-.71,.71,.71,0,7);}
	header.active .menubar span:nth-child(2) {display: none}
	header.active .menubar span:nth-child(3) {-webkit-transform: matrix(.71,.71,-.71,.71,0,-8); transform: matrix(.71,.71,-.71,.71,0,-8);}
}

/* <! ------------------------- FOOTER ------------------------- !> */
footer {font-size: 16px; overflow: hidden; padding: var(--gap-60) 0 var(--gap-15-30);}
footer address {max-width: 300px;}
footer .grid {row-gap: 30px}
footer .news-box-wdith {max-width: 350px;}
.footer-menu li {display: block; margin-bottom: 10px}
.footer-menu li:last-child {margin-bottom: 0}

input.outline-input {border-color: var(--border-dark-color); background-color: transparent!important; padding: 10px 46px 10px 10px; border-radius: 10px}
input.outline-input:focus {border-color: var(--border-dark-color); box-shadow: 0 0 0 0.25rem #3339366e;}

.icon-add-on {position: relative;}
.icon-add-on .icon-add-on-right {background-color: var(--body-bg-black-light-color); font-weight: var(--fw-bold); border: unset; border-radius: 10px; position: absolute; top: 5px; right: 5px; width: auto; height: calc(100% - 10px); transition: all 0.2s ease; padding: 10px; display: flex; align-items: center; justify-content: center}
.icon-add-on .icon-add-on-right:hover {background-color: var(--body-bg-black-dark-color); color: var(--white-text-color);}

.small-icon {height: 25px}

.social-icons {margin: 0 -2.5px}
.social-icons .bi {margin: 0 2.5px;}
.social-icons a {display: inline-block;}
.social-icons .bi:before { border: 1px solid var(--border-light-color); font-size: 18px; padding: 8px; border-radius: 50%; transition: all 0.2s ease}
.social-icons .bi:hover:before {background-color: var(--body-bg-red-color); color: var(--white-text-color); border-color: var(--body-bg-red-color);}

/* <! ------------------------- BANNER ------------------------- !> */
.banner {position: relative;}
.banner .bg-image {height: 100vh!important; position: relative; z-index: 1;}
.banner .bg-image:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgb(51 57 54 / 20%);}
.banner {--banner-belt-gap: 127px}
.banner h2 {font-size: 45px; line-height: 0.75!important; color: var(--white-text-color); margin-bottom: 0!important}
.banner .swiper-slide {display: flex; align-items: center;}
.banner h3 {font-size: 17px; letter-spacing: 0.2em; line-height: 0.75!important; color: var(--white-text-color); margin-bottom: 0!important}
.banner .banner-heading {position: absolute; top: var(--header-gap); left: 0; bottom: var(--banner-belt-gap); width: 100%; display: flex; align-items: center;}

@media(min-width: 768px){
	.banner {--banner-belt-gap: 71px}
	.banner h2 {font-size: 60px;}
	.banner h3 {font-size: 24px;}
}

@media(min-width: 992px){
	.banner {--banner-belt-gap: 147px}
	.banner .bg-image {height: 100vh!important;}
	.banner h2 {font-size: 5.2vw;}
	.banner h3 {font-size: 2.2vw; letter-spacing: 0.4em;}
}

@media(min-width: 1400px){
	.banner {--banner-belt-gap: 135px}
}

.banner-belt {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; padding-bottom: 30px;}
.offer-notification {background-color: rgb(187 113 2 / 50%); backdrop-filter: blur(10px); color: var(--white-text-color); padding: 30px 15px; border: 1px solid rgba(255 255 255 / 30%); border-start-start-radius: 30px; overflow: hidden;}
.offer-notification a {color: var(--white-text-color);}

.booknow-belt {background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border-radius: 5px; overflow: hidden; transform: translateX(1px); display: none;}
.booknow-belt .grid-item {position: relative; display: flex; justify-content: center; align-items: center; padding: 10px 24px}
.booknow-belt .br:after {content: ''; position: absolute; top: 15%; right: 0; border-right: 1px solid var(--border-light-color); height: 70%}
.booknow-belt .btn {border-radius: 5px!important; transform: scale(1)!important;}
.banner-belt .btn-text {white-space: nowrap!important;}
.booknow-belt .form-input {font-size: 14px!important;}
.booknow-belt select {padding: 10px 12px}
.form-input {background-color: transparent!important; border: unset!important; outline: none!important; width: 100%;}

@media(min-width: 992px){
	.booknow-belt {display: block;}
	.offer-notification {max-width: 95%; font-size: 14px; display: inline-flex; justify-content: flex-start; align-items:center; padding: 10px 15px;}
	.offer-notification .btn-text {margin-left: 15px;}
}

@media(max-width: 991px){
	.mobile-popup {position: fixed; top: -100%; left: 0; padding: 0 20px; width: 100%; height: 100%; display: flex;justify-content: center; align-items: center; z-index: 99; transition: all 0.3s ease}
	.mobile-popup.active {top: 0;}
	.mobile-popup.active .popup-overlay {display: block;}
	.mobile-popup .popup-body {width: 280px; z-index: 99;}
	.popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); display: none;}
	.banner-belt {z-index: 999;}
}

@media(max-width: 320px){
	.mobile-popup .popup-body {width: 100%;}
}

/* <! ------------------------- SWIPER ------------------------- !> */
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-next, .swiper-button-prev {margin: 0!important; padding: 0!important; width: unset!important; height: unset!important;}
.static-nav {display: flex;}
.static-nav .swiper-button-prev, .static-nav .swiper-button-next {position: static!important; display: inline-block;}
.static-pagination .swiper-pagination {position: static!important; text-align: left;}
.swiper-pagination-bullet {width: 80px; border-radius: 5px; height: 6px; background-color: var(--body-bg-white-color); opacity: 0.7;}
.swiper-pagination-bullet-active {height: 10px; opacity: 1;}

.swiper-button-prev {left: 60px;}
.swiper-button-next {right: 60px; margin-left: var(--gap-15-30)!important}

.testimonial-swiper .swiper-slide {height: auto!important}

.swiper-pagination-fraction {color: rgb(225 31 4 / 50%); font-size: 30px; font-weight: var(--fw-bold); line-height: 1;}
.swiper-pagination-fraction.white {color: rgb(255 255 255 / 50%);}
.room-swiper .swiper-fixed-belt-1 {position: absolute; top: calc(10.1% - 30px); left: 0; width: 41.65%; display: flex; justify-content: space-between; align-items: center; padding-right: 30px; z-index: 99;}

.swiper-pagination-fraction .swiper-pagination-current {color: var(--body-bg-red-color); margin-right: 5px;}
.swiper-pagination-fraction.white .swiper-pagination-current {color: var(--white-text-color);}
.swiper-pagination-fraction .swiper-pagination-total {margin-left: 5px;}

.banner-prev, .banner-next {width: 25%!important; height: 100%!important; top: 0!important; justify-content: flex-start;}
.banner-next {justify-content: flex-end;}

@media(max-width: 1399px){
	.room-swiper .swiper-fixed-belt-1 {top: 0}
}

@media(max-width: 992px){
	.swiper-pagination-bullet {width: 30px; height: 5px;}
	.swiper-pagination-bullet-active {width: 30px; height: 8px;}
	.room-swiper .swiper-fixed-belt-1 {position: static!important; width: 100%; padding: 20px 0 0;}
	.swiper-button-prev {left: 15px;}
	.swiper-button-next {right: 15px;margin-left: 15px!important}
}

/* <! ------------------------- ROUNDED ------------------------- !> */
.rounded-30 {border-radius: var(--rounded-30);}
.rounded-15 {border-radius: var(--rounded-15);}
.rounded-tl {border-start-start-radius: var(--rounded-30);}
.rounded-tr {border-start-end-radius: var(--rounded-30);}
.rounded-br {border-end-end-radius: var(--rounded-30);}
.rounded-bl {border-end-start-radius: var(--rounded-30);}
.rounded-tl-br {border-radius: var(--rounded-30) 0;}
.rounded-tr-bl {border-radius: 0 var(--rounded-30);}
img.float-start {float: unset!important; margin-right: 0!important}

@media(min-width: 768px){
	img.float-start {float: left!important; width: 400px; margin-right: 35px!important;}
}

@media(min-width: 1200px){
	img.float-start {margin-right: 45px;}
}

/* <! ------------------------- SPECIAL FEATURES - HOME PAGE ------------------------- !> */
.special-features-swiper .swiper-slide {height: auto}
.special-features {padding: var(--gap-30) 20px; overflow: hidden; background-color: rgb(217, 217, 217, 0.8); backdrop-filter: blur(7px);}
.special-features-swiper {overflow: unset!important}

@media(min-width: 992px){
	.special-features {padding: var(--gap-30) 60px;}
}

/* <! ------------------------- ROOM SLIDER - HOME PAGE ------------------------- !> */
.room-swiper .card {margin-top: -30px}

@media(min-width: 768px){
	.room-swiper .card {width: 120%; margin-top: 0!important}
	.room-swiper .col-md-7 {width: 57.8%!important;}
}

@media(min-width: 992px){
	.room-swiper .card {width: 130%}
}

@media(min-width: 1200px){
	.room-swiper .card {width: 110%}
}

/* <! ------------------------- CARDS ------------------------- !> */
.card {--card-padding: 30px 15px; --card-padding-y: 30px; --card-padding-x: 15px; border-color: var(--border-light-color); border-width: 0px; position: relative; overflow: hidden; height: 100%}
.card img {width: 100%}
.card:hover .zoom-img img {transform: scale(1.05);}
.card-body p:last-child {margin-bottom: 0!important}
.card p b {display: inline-block;}
.card b {display: block;}
.card .card-belt {margin: -5px}
.card .card-belt .btn-text {margin: 5px;}
.card .card-belt .btn {margin: 5px;}
.card-body {padding: var(--card-padding);}
.card:not(.card8) .card-body h4 {font-size: var(--body-font-size)!important;}
.card-body h4 + p {margin-top: 8px}
.card-gap-x {padding-left: var(--card-padding-x)!important; padding-right: var(--card-padding-x)!important;}
.card-title {background-color: var(--body-bg-gray-dark-color); color: var(--black-text-color); padding: 15px 5px; margin-bottom: 0!important; display: flex; justify-content: center; align-items: center;}
.bg-gray .card-title {background-color: var(--body-bg-gray-light-color);}
.card .card-title h3 {font-size: 16px!important; font-weight: var(--fw-bold)!important; margin-bottom: 0!important}
.card .md-icon {width: 60px!important}

.card .card-header {color: var(--white-text-color); position: absolute; top: 0; left: 0; line-height: 1; display: flex; justify-content: space-between; align-items: center; border-bottom: unset!important}
.card .checkbox {position: absolute; top: 10px; right: 10px;}
.card .card-header.right {left: unset; right: 0;}
.card .card-header.bottom {top: unset; bottom: 0;}
.price {font-size: 28px; display: block; line-height: 1; font-weight: var(--fw-bold);}
.price-sm {font-size: 18px; display: block; line-height: 0.8; font-weight: var(--fw-bold);}
.card .card-header small {font-size: var(--sm-font-size);}
.card-footer {background-color: var(--body-bg-gray-dark-color); padding: var(--card-padding); position: relative; border: unset!important}

.card-head img {width: auto;}
.card-head {display: flex; justify-content: center; align-items: center; padding: 15px 0; flex-direction: column;}

@media(min-width: 768px){
	.card {--card-padding: 30px 20px;  --card-padding-y: 30px; --card-padding-x: 20px;}
}

@media(min-width: 992px){
	.price {font-size: 32px;}
	.card .mb-15 {margin-bottom: 20px;}
	.card {--card-padding: 30px;  --card-padding-y: 30px; --card-padding-x: 30px;}
	.card .md-icon {width: 100px!important}
	.card .card-title h3 {font-size: 18px!important}
	.card-head {padding: 30px 0;}
	.card .card-belt .btn-text {margin: 5px;}
}

@media(min-width: 1400px){
	.card-body.dub {padding: calc(var(--card-padding-y) * 2);}
	.card-gap-x.dub {padding-left: calc(var(--card-padding-y) * 2)!important; padding-right: calc(var(--card-padding-y) * 2)!important;}
	.price-sm {font-size: 22px}
}
.card-body.p-0 {padding: 0!important}
.card-pop {border-width: 1px; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); border-radius: var(--rounded-15); text-align: center;}

/* <! ------------------------- CARD - CARD1 ------------------------- !> */
.card1 {border-radius: 5px 5px var(--rounded-15) var(--rounded-15); box-shadow: 0 5px 8px rgb(0 0 0 / 20%); background-color: rgb(255 255 255 / 80%); backdrop-filter: blur(10px);}

/* <! ------------------------- CARD - BROWN BOX ------------------------- !> */
.card.bg-brown-blur {background-color: rgba(189, 130, 45, 0.8); backdrop-filter: blur(10px); color: var(--white-text-color);}
.card.bg-brown-blur a {color: var(--white-text-color);}

/* <! ------------------------- CARD - CARD TITLE POSITION ------------------------- !> */
.card .card-title.fixed-bottom {position: absolute; bottom: 0; left: 0; width: 100%}

/* <! ------------------------- CARD - CARD4 ------------------------- !> */
.card4 {border-color: var(--white-text-color); border-width: 1px; background-color: rgba(229, 229, 229, 0.2);}
.card4 .card-body {display: flex; align-items: center; align-items: start;}
.card4 .md-icon {margin-right: var(--gap-15-30);}

/* <! ------------------------- CARD - CARD5 ------------------------- !> */
.card5 {border-width: 1px; background-color: transparent;}
.card5 .card-header {background-color: var(--body-bg-brown-color); padding: 5px 15px; clip-path: polygon(0 0%, 0% 0, 100% 0, 100% 10%, 100% 79%, 90% 100%, 0% 100%, 0% 100%, 0% 100%);}
.card5 .card-header:before {content: ''; position: absolute; bottom: 0; right: -2px; width: 0; height: 0; border-top: 10px solid #90540B; border-right: 15px solid transparent;}
.card5 .card-header.right {clip-path: polygon(0 10%, 0% 0, 100% 0, 100% 10%, 100% 100%, 100% 100%, 10% 100%, 0% 80%, 0% 10%);}
.card5 .card-header.right:before {left: -2px; right: unset; border-left: 15px solid transparent; border-right: unset}

.card5 .card-body {background-color: rgb(245 245 245 / 80%); backdrop-filter: blur(17px); margin-top: -30px; overflow: unset!important;}
.card5 .card-body .card-heading {color: var(--white-text-color); position: absolute; top: 0; left: 0; width: 100%; transform: translateY(-100%); margin-bottom: 0!important; line-height: 0.7!important; padding: var(--card-padding); padding-bottom: 0!important;}


@media(min-width: 992px){
	.card5 .card-body {margin-top: -45px}
	.card5 .card-header {padding: 10px 30px}
	.card5 .card-header:before {border-top: 15px solid #90540B; border-right: 20px solid transparent;}
	.card5 .card-header.right:before {border-left: 20px solid transparent; border-right: unset}
}

/* <! ------------------------- CARD - CARD6 ------------------------- !> */
.card6 {border-radius: var(--rounded-30); background-color: rgb(245 245 245 / 80%); border-width: 1px}
.card6 .card-body {border-radius: var(--rounded-30) var(--rounded-30) 0 0; background-color: rgb(245 245 245 / 80%); backdrop-filter: blur(10px); margin-top: -30px}
.card6 .card-footer {border-radius: var(--rounded-30);}

@media(min-width: 992px){
	.card6 .card-body {margin-top: -60px;}
}

/* <! ------------------------- CARD - CARD7 ------------------------- !> */
.card7 {border-radius: 16px; border-width: 1px; box-shadow: 0 4px 0 rgb(0 0 0 / 10%);}
.card7 h4 {margin-bottom: 0!important}
.card7 h4 + p {font-size: 14px; margin-bottom: 0!important; display: none;}
.card7 .zoom-img {border-radius: var(--rounded-15); border-bottom: 1px solid var(--border-light-color);}
.card7 .card-body {padding: 15px}
.card7 .card-header.item-select {padding: 0; border-end-start-radius: 5px; background-color: var(--body-bg-red-color);}
.card7 .card-header.item-select input {color: var(--white-text-color); width: 25px; text-align: center;}
.card7 .card-header.right.bottom {padding: 7px; border-start-start-radius: 5px; background-color:#999999;}
.card7 .card-header button {padding: 0!important; border: unset!important; background-color: transparent;}
.card7 .card-header button:hover {background-color: var(--body-bg-red-dark-color);}
.card7 .card-header img {padding: 10px}
.card7 .card-header.right.bottom {left: 0; right: unset;}
.card7 .card-header.right.item-select {top: unset; bottom: 0;}


/* <! ------------------------- CARD - CARD8 ------------------------- !> */
.card8 {text-align: center; background-color: transparent;}
.card8 .card-body {display: flex; flex-direction: column; justify-content: space-between;}
.card8 h2 {color: var(--body-bg-red-color);}
.card8 small {display: inline-block; line-height: 1.3;}
.card8 button.btn-danger .bi {font-size: 16px; display: inline-block; transition: all 0.3s;}
.card8 button.btn-danger.active .bi {transform: rotate(-180deg);}

/* <! ------------------------- CARD - CARD9 ------------------------- !> */
.card9 .card-body {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.card9 a {color: var(--white-text-color);}
.card9 {transition: all 0.3s ease;}
.card9:hover {box-shadow: 8px 8px 15px 0px rgb(0 0 0 / 10%); transform: translate(-3px, -3px);}

@media(min-width: 992px) and (max-width: 1399px){
	.card9 .mb-60 {margin-bottom: 30px}
}

/* <! ------------------------- CARD - CARD10 ------------------------- !> */
.card10 {border-width: 1px; border-radius: 5px;}
.card10 .card-body {background-color: var(--body-bg-gray-light-color); margin-top: -30px; border-radius: var(--rounded-15) var(--rounded-15) 0 0; z-index: 99;}

/* <! ------------------------- CARD - CARD11 ------------------------- !> */
.card11 {border: 1px solid var(--border-light-color); border-radius: var(--rounded-15)!important;}
.card11 .card-body {background-color: var(--body-bg-white-color); border-radius: var(--rounded-30) var(--rounded-30) 0 0!important;}
.card11 .card-title {background-color: transparent!important; color: var(--white-text-color);}
.card11.bg-brown-light {background-color: var(--body-bg-brown-light-color); border-color: var(--body-bg-brown-light-color)!important;}
.card11.bg-brown-light .card-footer, .card11.bg-brown-light tfoot {background-color: var(--body-bg-skin-color)!important; border-radius: var(--rounded-30) var(--rounded-30) 0 0;}
.card11.bg-dark {color: var(--black-text-color)!important;}
.card11.bg-brown-light .table-sm tfoot {background-color: transparent!important; border-radius: unset!important}
.table .border-top {border-top: 2px solid var(--border-light-color)!important;}
.table-sm tfoot tr:last-child td {border-bottom: unset!important;}
.bi {-webkit-text-stroke: 0.5px;}
.card11.bg-dark .card-footer {border-radius: var(--rounded-30) var(--rounded-30) 0 0!important;}

/* <! ------------------------- CARD - END ------------------------- !> */

/* <! ------------------------- INNER BANNER ------------------------- !> */
.inner-banner {height: 250px; background-color: var(--body-bg-black-color); color: var(--white-text-color); position: relative;}
.bg-left { background-position: left center}
.inner-banner .inner-banner-content {position: absolute; top: var(--header-gap); left: 0; bottom: var(--section-padding); width: 100%; display: flex; justify-content: center; align-items: center;}
.inner-banner h1 {color: var(--white-text-color); margin-bottom: 0!important; line-height: 0.75!important; text-transform: uppercase; text-align: center;}

@media(min-width: 768px){
	.inner-banner {height: 350px;}
}

@media(min-width: 992px){
	.inner-banner {height: 450px;}
	.inner-banner h1 {font-size: 4vw}
}

@media(min-width: 1400px){
	.inner-banner {height: 600px}
}

/* <! ------------------------- INNNER PAGE MAIN CONTAINER ------------------------- !> */
main {z-index: 99; position: relative; margin-top: calc(var(--section-padding) * -1);}
.main-container-body {padding: var(--gap-30) 10px 0; border-radius: var(--rounded-30); background-color: var(--body-bg-white-color); z-index: 99; position: relative;}
.main-container-body .section-padding-sm:first-child {padding-top: 0;}
@media(min-width: 992px){
	.main-container-body {padding-left: 30px; padding-right: 30px}
}

/* <! ------------------------- FORM ------------------------- !> */
form {font-size: var(--sm-font-size);}
form label a {text-decoration: underline!important;}
input[type="file"] {display: none;}
form [type="checkbox"] {vertical-align: middle;}
label {font-weight: var(--fw-medium)!important; margin-bottom: 5px}
label span {color: red}
::placeholder {color: var(--black-text-color)!important;}
.form-control {color: var(--black-text-color)!important; background-color: var(--body-bg-white-color)!important;padding: 12px 15px; appearance: revert!important; border-radius: 10px!important; overflow: hidden; transition: all 0.2s ease}
.form-control:focus {border-color: var(--border-dark-color); box-shadow: 0 0 0 0.25rem rgb(51 57 54 / 25%);}
.form-group {margin-bottom: 15px;}
.bg-light .form-control {background-color: var(--body-bg-white-color); border: unset;}
.bg-light .form-control:focus {border: unset; box-shadow: unset; background-color: var(--body-bg-gray-light-color);}

/* <! ------------------------- ACCORDION ------------------------- !> */
.accordion-button::after, .accordion-button:not(.collapsed)::after {display: none!important;}
.accordion-button::before {content: "\f4fe"; color: var(--white-text-color); background-color: var(--body-bg-black-dark-color);  font-size: 24px; display: inline-block; font-family: bootstrap-icons!important; font-style: normal; font-weight: 400!important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background-image: unset; border-radius: 5px; margin-right: 15px; transition: all 0.2s ease}
.accordion-button:not(.collapsed)::before {content: "\f2ea"; background-image: unset; transform: unset;}
.accordion-item {background-color: transparent; border: unset; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--border-light-color);}
.accordion-item:last-child {border-bottom: unset; padding-bottom: 0!important}
.accordion-item:last-child {margin-bottom: 0!important}
.accordion-button {font-weight: var(--fw-bold); border: unset!important; color: var(--black-text-color)!important; background-color: transparent!important; box-shadow: unset!important; padding: 0;}
.accordion-body {padding: var(--gap-30) 0 0 0;}
.accordion2 .accordion-header {padding: 0 var(--gap-60);}
.accordion2 .accordion-body {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42.71%, rgba(227, 227, 227, 0.8) 100%); border-radius: 30px; padding: var(--gap-60)!important;}

@media(max-width: 768px){
	.accordion2 .accordion-header {padding: 0 15px;}
	.accordion2 .accordion-body {padding: var(--gap-60) 15px!important;}
}

/* <! ------------------------- BUFFET SERVICES SMALL SECTION ------------------------- !> */
.buffet-services .border {border-radius: var(--rounded-30) 0 0 var(--rounded-30); border-right: 0!important}
@media(max-width: 767px){
	.buffet-services .border {border-right: 1px solid var(--border-light-color)!important; border-radius: var(--rounded-30)!important; background-color: rgb(255, 255, 255); margin-bottom: -30px; z-index: 99}
}

/* <! ------------------------- NAV TABS ------------------------- !> */
.nav-tabs .nav-link {padding: 8px 10px; font-weight: var(--fw-bold); font-size: 14px; border-radius: var(--rounded-30) var(--rounded-30) 0 0; border: 1px solid var(--border-light-color); background-color: transparent; color: var(--black-text-color);}
.nav-tabs {border-bottom: unset;}
.nav-tabs .nav {border-bottom: 1px solid var(--border-light-color);}
.nav-tabs .nav-link.active {background-color: var(--body-bg-brown-color); color: var(--white-text-color); border-color: var(--body-bg-brown-color);}
.nav-tabs.nav-tabs2 .nav-link.active {background-color: var(--body-bg-brown-light-color); color: var(--white-text-color); border-color: var(--body-bg-brown-light-color);}
.nav-tabs .nav-link:hover {border-color: var(--border-light-color);}
.tab-footer {text-align: center; padding: 15px; border-radius: 0 0 30px 30px!important}
.tab-content .rounded-30 {border-radius: 30px 30px 0 0!important}

@media(min-width: 768px){
	.tabs-dropdown {display: none}
	.nav-tabs .nav-link, .nav-tabs .nav {border-bottom: unset;}
	.nav-tabs .nav-link {padding: 8px 20px; font-size: 16px;}
}

@media(min-width: 992px){
	.nav-tabs .nav-link  {padding: 12px 30px}
}

@media(max-width: 768px){
	.tabs-dropdown-menu {position: relative;}
	.tabs-dropdown:after {content: "\f282"; font-size: 16px; display: inline-block; font-family: bootstrap-icons!important; font-style: normal; font-weight: 400!important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background-image: unset; transition: all 0.2s ease;}
	.tabs-dropdown-menu .nav {position: absolute; top: 100%; left: 30px; width: calc(100% - 60px); z-index: 992; clip-path: inset(0  0 100% 0); transition: all 0.4s ease}
	.tabs-dropdown-menu.active .nav {clip-path: inset(0 0 0 0);}
	.tabs-dropdown-menu.active .tabs-dropdown:after {transform: rotate(-180deg);}
	.tabs-dropdown-menu.nav-tabs .nav-link  {width: 100%; display: flex; justify-content: space-between; align-items: center;}
	.tabs-dropdown-menu.nav-tabs .nav {display: block; background-color: var(--white-text-color);}
	.tabs-dropdown-menu.nav-tabs .nav .nav-link.active {display: none;}
	.tabs-dropdown-menu.nav-tabs .nav .nav-link {border-radius: unset!important;}
}

/* <! ------------------------- MODALS ------------------------- !> */
.modal {background-color: rgba(255, 255, 255, 0.8)!important; backdrop-filter: blur(10px); margin-left: 0; margin-right: 0; z-index: 99999;}
.modal button:focus {box-shadow: unset!important}
.modal-dialog {margin-top: 0!important; margin-bottom: 0!important; padding-top: calc(var(--gap-60) + 22px)!important; padding-bottom: var(--gap-60)!important;}
.modal-dialog.align-center {display: flex; align-items: center; height: 100%; padding-top: var(--gap-60)!important;}
.modal-xl {margin: 0!important}
.modal-content {background-color: transparent; border: unset!important; padding-left: 10px; padding-right: 10px}
.modal-xl {width: 100%!important; max-width: 100%!important}
.modal-header {position: absolute; top: 20px; right: 20px; border-bottom: unset; padding: 0!important}
.modal-body {padding: 0!important;}

@media(min-width: 768px){
	.modal-content {padding-left: 12px; padding-right: 12px}
}

@media(min-width: 992px){
	.modal-dialog {margin-top: 0;}
	.modal-header {top: 30px; right: 30px}
}

@media(min-width: 1600px){
	.modal-header {top: 60px; right: 60px}
}

/* <! ------------------------- RESUME - CAREER ------------------------- !> */
#Resume {position: relative;}
#Resume button {position: absolute; top: 0; right: 0; position: absolute;}

/* <! ------------------------- MAP ------------------------- !> */
#map {width: 100%; height: var(--map-height);}

/* <! ------------------------- EVENTS MENU TOP IMAGE ------------------------- !> */
.package-bg-image {padding-top: 25%; display: flex; align-items: flex-end; position: relative; z-index: 1;}
.package-bg-image:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150%; background-image: url(../images/gold-bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: -1; border-radius: var(--rounded-30) var(--rounded-30) 0 0;}

/* <! ------------------------- MENU DROPDOWN LIST ------------------------- !> */
#bookTable {display: grid; justify-content: flex-end; grid-template-columns: auto auto; gap: 10px; align-items: center;}
#bookTable.grid-2 {grid-template-columns: auto auto!important;}
#bookTable.float-end {position: relative; z-index: 99;}
#bookTable .dropdown-menu {width: 280px; padding: 15px; background-color: rgb(255, 255, 255, 0.8); backdrop-filter: blur(10px)}
#bookTable .dropdown-menu li {font-size: 14px; font-weight: var(--fw-bold); margin-bottom: 10px; display: flex;}
#bookTable .dropdown-menu li:last-child {margin-bottom: 0!important}
#bookTable .button {display: flex; justify-content: flex-end;}

@media(min-width: 768px){
	#bookTable {grid-template-columns: auto auto auto; gap: 15px}
	.accordion-minus {margin-bottom: -28px}
}

/* <! ------------------------- TABLE ------------------------- !> */
table {margin-bottom: 0!important}
th, td {padding: 5px; vertical-align: middle;}

.order-summary {font-size: var(--sm-font-size);}
.order-summary td, .order-summary th {border-color: var(--border-light-color)!important;}
.order-summary .width-dub {width: 55%!important}

.table tbody tr:last-child td, .table tbody tr:last-child th, .order-summary tfoot td {border-bottom: unset!important}
.order-summary tfoot tr:first-child td:first-child {border-start-start-radius: var(--rounded-30)!important;}
.order-summary tfoot tr:first-child td:last-child {border-start-end-radius: var(--rounded-30)!important;}
.order-summary tfoot tr:last-child td {background-color: var(--body-bg-skin-dark-color);}

.order-summary td, .order-summary th {padding: 10px!important;}
.table td, .table th {padding: 15px}
.table tr td:last-child, .table tr th:last-child {padding-right: 0}
.table tr td:first-child, .table tr th:first-child {padding-left: 0}
#rooms .table tr:first-child td, #rooms .table tr:first-child th {padding-top: 0}
#rooms .table td, #rooms .table th {padding: 20px;}
#rooms .table tr:last-child td, #rooms .table tr:last-child th {padding-bottom: 0}

@media(max-width: 767px){
	.table-col {width: 350px!important}
}

@media(min-width: 1400px){
	.order-summary.dub tr th:first-child, .order-summary.dub tr td:first-child {padding-left: calc(var(--card-padding-x) * 2)!important;}
	.order-summary.dub tr th:last-child, .order-summary.dub tr td:last-child {padding-right: calc(var(--card-padding-x) * 2)!important;}
}

/* <! ------------------------- ROOMS PAGES ------------------------- !> */
.position-relative .booknow-form form {padding: var(--gap-60) var(--gap-15-30); background-color: rgb(215 215 215 / 70%); backdrop-filter: blur(17px);}

@media(min-width: 992px){
	.position-relative .booknow-form {position: absolute; top: 0; right: 30px; width: 400px; height: 100%;}
	.position-relative .booknow-form form {margin-top: 30px}
	.position-relative .sticky-top {top: 60px;}
	.width-minus-form {width: calc(100% - 430px);}
	.rooms-swiper {height: 580px}
	.rooms-swiper .swiper-pagination {bottom: 60px; padding-left: 30px; text-align: left;}
}

@media(min-width: 1400px){
	.position-relative .booknow-form form {margin-top: 60px}
	.position-relative .booknow-form {right: 60px;}
	.width-minus-form {width: calc(100% - 460px);}
	.rooms-swiper {height: 640px}
	.rooms-swiper .swiper-pagination {bottom: 90px; padding-left: 60px;}
}

@media(max-width: 992px){
	.position-relative .booknow-form form {padding-bottom: var(--section-padding);}
	.rooms-swiper {height: 320px}
	.rooms-swiper .swiper-pagination {bottom: 40px; padding-left: 0}
	.position-relative .sticky-top {position: relative!important; margin-top: -30px; z-index: 1;}
}

/* <! ------------------------- FULL PAGES ------------------------- !> */
.section3.section-padding {padding: 0!important}
.section3.section-padding .fp-overflow {padding: var(--section-padding-2) 0;}

#home .section.active [data-aos^=fade] {opacity: 1; transform: translateZ(0);}
#home [data-aos-delay="100"] {transition-delay: 0.1s}
#home [data-aos-delay="200"] {transition-delay: 0.2s}
#home [data-aos-delay="300"] {transition-delay: 0.3s}
#home [data-aos-delay="400"] {transition-delay: 0.4s}
#home [data-aos-delay="500"] {transition-delay: 0.5s}
#home [data-aos-delay="600"] {transition-delay: 0.6s}

@media(min-height: 850px){
/*	.section2 .fp-overflow {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}*/
/*	.section2 .section-padding-sm {height: calc(100% - 444px); display: flex; align-items: center;}*/
	.section2 .container-gap {padding-top: 60px}
}

/* <! ------------------------- POP MODAL ------------------------- !> */
.custom-modal {position: fixed; top: -100%; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 99999; transition: all 0.4s ease}
.custom-modal .custom-modal-body {z-index: 99;}
.custom-modal-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0,0.2); display: none;}
.custom-modal-overlay:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8)!important; backdrop-filter: blur(10px);}
.custom-modal-close {position: fixed; top: 30px; right: 30px; display: none;}
.custom-modal-close i:before {font-size: 24px;}

.custom-modal.active {top: 0;}
.custom-modal.active .custom-modal-overlay {display: block;}
.custom-modal.active .custom-modal-close {display: block;}

.item-remove-summary { cursor: pointer; }
.item-remove-summary::before { font-weight: bold !important; }