* {
    font-family: 'Lato', sans-serif;
}
.has-scroll-smooth body {
    overflow: hidden !important;
}
:root{
    --pink-color: #F3698A;
    --white-color: #fff;
    --dark-blue: #140A34;
    --purple--color: #36246e;
    --light-purple: #665890;
    --font-12: 0.625vw;
    --font-14: 0.729vw;
    --font-16: 0.833vw;
    --font-18: 0.938vw;
    --font-20: 1.042vw;
    --font-24: 1.250vw;
    --font-28: 1.458vw;
    --font-30: 1.563vw;
    --font-32: 1.667vw;
    --font-36: 1.875vw;
    --font-40: 2.083vw;
    --font-42: 2.188vw;
    --font-45: 2.344vw;
    --font-48: 2.500vw;
    --font-50: 2.604vw;
    --font-55: 2.865vw;
    --font-64: 3.333vw;
    --font-72: 3.750vw;
    --font-75: 3.906vw;
    --font-100: 5.208vw;
    --font-138: 7.188vw;
    --font-134 : 6.979vw;
}


@media (min-width: 1920px){
    body, header{
        max-width: 1920px;
        margin: 0 auto;
    }
}
html.has-scroll-smooth 
{
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
}
::selection {
    color: var(--white-color);
    background: var(--light-purple);
}

/* For Mozilla Firefox */
::-moz-selection {
    color: var(--white-color);
    background: var(--light-purple);
}
:focus-visible{
    outline: 0;
    box-shadow: none;
}
.wpcf7 p{
	margin:0;
    width: 100%;
}
.wpcf7 p br{
	display:none;
}
.slick-slider:not(.slick-initialized) {
	display: none !important;
}

p, h1, h2, h3, h4, h5, h6{
  margin-bottom: 0;
}
.accordion-button:focus {
  border-color: transparent;
  box-shadow: unset;
}
.accordion-item {
  border: 0;
  background-color: transparent;
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: unset;
}
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--white-color); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--dark-blue); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--dark-blue); 
}
a{
    text-decoration: none;
}
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.z-1{
  z-index: 1;
  position: relative;
}
.purple-grediant-bg{
    background: linear-gradient(180deg, #140A34 0%, #665890 100%);
}
.purple-bg {
    background-color: var(--purple--color);
}
.dark-blue-bg {
    border: 1px solid #140A34;
background: #140A34;
}
.mob-dispaly {
	display: none !important;
}
/* Font ================================  */
.normal{
    font-weight: 300;
}
.regular{
    font-weight: 300;
}
.medium{
    font-weight: 400;
}
.semiBold{
    font-weight: 700;
}
.bold{
    font-weight: 900;
}
.white-font {
    color: var(--white-color);
}
.light-purple{
    color: var(--light-purple);
}
.black-font {
    color: #000;
}
.space-text-5 {
    letter-spacing: 5.22px;
}
.text-space-1{
    letter-spacing: 1.44px;
}
.font-color {
    color: var(--dark-blue);
}
.dark-purple-font{
     color: var(--purple--color);
}
.font-16{
    font-size: var(--font-16) !important;
    font-size: 20px;
}
.font-18 {
    font-size: var(--font-18);
    line-height: 160%;
}
.font-20 {
    font-size: var(--font-20);
    line-height: 160%; 
}
.font-32 {
    font-size: var(--font-32);
}
.font-48{
    font-size: var(--font-48);
    line-height: 55px; /* 239.583% */
}
.font-134{
    font-size: var(--font-134);
    line-height: 115px; /* 239.583% */
}
.font-24{
    font-size: var(--font-24);
}
.font-42 {
    font-size: var(--font-42);
}
.font-36{
    font-size: var(--font-36);
    line-height: 46px;
}
.font-72 {
    font-size: var(--font-72);
}
.font-64 {
    font-size: var(--font-64);
    line-height:68.48px ;
}
.font-12{
    font-size: var(--font-12);
}
.font-40 {
    font-size: var(--font-40);
}
.font-14 {
    font-size: var(--font-14);
}
/* Padding =======================  */
.p-b-75 {
    padding-bottom: 75px;
}
.p-b-100{
    padding-bottom: 100px;
}
.p-r-54{
    padding-right: 54px;
}
.p-b-40{
    padding-bottom: 40px;
}
.p-b-317 {
    padding-bottom: 317px;
}
.p-t-150{
    padding-top: 150px;
}
.p-b-60{
    padding-bottom: 60px;
}
.p-t-60{
    padding-top: 60px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-b-10{
    padding-bottom: 10px;
}
.p-b-70{
    padding-bottom: 70px;
}
.p-t-40{
    padding-top: 40px;
}
.p-b-65{
    padding-bottom: 65px;
}
.dot {
    padding: 20px;
    height: 5px;
    display: flex;
    align-items: center;
}
.p-b-50{
    padding-bottom: 50px;
}
.p-t-125 {
    padding-top: 125px;
}
.p-b-150 {
    padding-bottom: 150px;
}
.p-t-150 {
    padding-top: 150px;
}
.p-b-80{
    padding-bottom: 80px;
}
.p-r-245{
    padding-right: 245px
}
.p-b-20{
    padding-bottom: 20px;
}
.p-t-262 {
    padding-top: 262px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-l-180 {
    padding-left: 180px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.p-b-90 {
    padding-bottom: 90px;
}
.p-t-20{
    padding-top: 20px;
}
.p-t-100 {
    padding-top: 100px;
}
.p-l-70 {
    padding-left: 70px;
}
.p-r-160 {
    padding-right: 160px;
}
.p-r-13 {
    padding-right: 13px;
}
.p-l-13 {
    padding-left: 13px;
}
/* Wrappers =================   */

.main-wrapper{
    padding: 0 12.656vw;
    width: 100%;
}
.w-33 {
    width: 33%;
}
.w-40{
    width: 40%;
}
.w-60 {
    width: 60%;
}
.w-15{
    width: 15%;
}
.w-55 {
    width: 55%;
}
.w-45 {
    width: 45%;
}
.wrap-100{
    padding: 0 5.208vw;
}
.wrap-50{
    padding: 11.719vw 11.719vw 11.719vw 61.719vw;
}
.wrap-243{
    padding: 0 7.448vw;
}
.wrap-right-245 {
    padding-right: 12.760vw;
}
.wrap-left-245 {
    padding-left: 12.760vw;
}
.w-30 {
    width: 30%;
}
.w-70 {
    width: 70%;
}
.wrap-243-99{
    padding: 0 5.156vw 0 7.448vw;
}
.wrap-370{
    padding: 0 19.271vw;
}
.wrap-350 {
    padding: 0 18.229vw;
}
.wrap-485{
    padding: 0 25.260vw;
}
/* BUTTON ==================  */
button.pink-btn {
	border: 0;
}
.pink-btn {
    border-radius: 32px;
    height: 63px;
    width: 270px;
}
.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #f44b74;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white;
}
[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    border-radius: 32px;
    background: var(--pink-color);
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--pink-color);
    border-radius: 32px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


/* ======================= white Btn ============================  */

.white-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    /* border: 1px solid var(--dark-blue); */
    background: var(--white-color);
    height: 63px;
    width: 336px;
    color: var(--dark-blue);
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
	border: 0;
}
.border-white-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid var(--white-color);
    background: transparent;
    height: 63px;
    width: 237px;
    color: var(--white-color);
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
}

/* ===== Room  */

.rooms-slider .white-btn, .rooms-slider .border-white-btn  {
    width: 237px;
    margin: 0 20px;
}
.button-expo .border-white-btn {
    width: 367px;
    margin: 75px auto 150px;
}
.dine-sec .border-white-btn {
    width: 434px;
    margin-top: 50px;
}


/* Grediant Button ====================  */
  .btn-grad {
    /* background-image: linear-gradient(to right, #ff6e7f 0%, #bfe9ff  51%, #ff6e7f  100%); */
    background-image: linear-gradient(to right, #F3698A 0%, #36246E 59.67%, #36246E 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    display: block;
    width: 399px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    color: var(--white-color);
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%; /* 25.02px */
    letter-spacing: 5.22px;
  }

  .btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: var(--white-color);
    text-decoration: none;
    transition: 0.5s;
  }
 
  .play-btn {
    font-weight: 700;
    line-height: 115px;
    letter-spacing: 6.72px;
    text-transform: uppercase;
}
a.expo-btn {
    line-height: 107%;
    letter-spacing: 1.98px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: max-content;
    margin: 0 auto;
}
.expo-btn::after {
    content: "";
    height: 4px;
    width: 0%;
    transition: all 0.5s;
    position: absolute;
    bottom: -9px;
    background-color: var(--white-color);
}
.expo-btn:hover::after {
    width: 100%;
}
/* Header =================  */

header.header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 0;
    height: 118px;
    transition: all 2s;
}
/* Home =======  */

.video-slider {
    overflow: hidden;
    height: 90vh;
}
#hVideoLayer {
    /* position: absolute; */
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    z-index: 9;
}
#hVideoLayer video {
    transition: all 1e3ms cubic-bezier(.19,1,.22,1)!important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#music {
    position: absolute;
    bottom: 100px;
    left: 7.813vw;
    z-index: 1;
}
#player-container #play-pause {
    cursor: pointer;
    text-indent: -999999px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 12px 18px;
    z-index: 1;
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-color: var(--dark-blue);
}
.pause {
    background-color: var(--pink-color) !important;
}
.video-slider::after {
    background: linear-gradient(180deg, #121625 0%, rgba(18, 22, 37, 0.00) 100%);;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 220px;
    z-index: 9;
}
.banner-caption {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
}
#wrapper {
    position: absolute;
    bottom: 93px;
    right: 66px;
	z-index: 9;
}
#wrapper-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
#scroll-down {
display: block;
position: relative;
padding-top: 79px;
text-align: center;
}
.arrow-down {
    display: block;
    margin: 0 20px;
    width: 10px;
    height: 114px;
}
.booking-now-sec {
    bottom: 10%;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
}
div#quickbook-widget .MbsSearchWidget {
    border-radius: 5px;
	padding: 20px 100px;
}

div#quickbook-widget .MbsSearchWidget {
    width: 44%;
    border-radius: 10px;
}
/* div#quickbook-widget .MbsSearchWidget .formGroup .input {
	width: 50%;
}
div#quickbook-widget .MbsSearchWidget .searchinOut {
    width: 72%;
} */
#quickbook-widget .searchinOut.formGroup .mbs-arrow {
	z-index: 9;
}
div#quickbook-widget .MbsSearchWidget .searchBtn {
    background-color: #36246e !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    width: 224px !important;
    height: 50px;
}
#scroll-title {
    color: var(--white-color);
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 6.72px;
    text-transform: uppercase;
    transform: rotate(270deg);
    position: absolute;
    width: 100%;
    white-space: nowrap;
}
#scroll-down::before {
-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Safari 4+ */
-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Fx 5+ */
-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* Opera 12+ */
animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
/* IE 10+, Fx 29+ */
position: absolute;
top: 0px;
left: 50%;
margin-left: -1px;
width: 1px;
height: 286px;
background: var(--white-color);
content: ' ';
}
@-webkit-keyframes elasticus {
0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
}
@-moz-keyframes elasticus {
0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
}
@-o-keyframes elasticus {
0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
}
@keyframes elasticus {
0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}
}
#paschka {
display: block;
color: white;
font-family: helvetica neue, helvetica, arial;
font-size: 32px;
text-decoration: none;
position: fixed;
bottom: 0px;
right: 0px;
padding: 0px;
transition: all 0.1s ease;
background: #000;
height: 40px;
line-height: 30px;
width: 40px;
text-align: center;
border-radius: 5%;
bottom: 20px;
right: 20px;
}
#paschka:hover {
background: #232323;
transition: all 0.1s ease;
color: #f0f0f0;
}

/* Home ============================  */

.sub-title {
    font-size: var(--font-18);
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 5.22px;
    text-transform: uppercase;
}
.main-title {
    font-size: var(--font-48);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}
.welcom-note-content {
    padding: 120px 5.208vw 120px 7.292vw;
}
.wel-img {
    height: 1073px;
    overflow: hidden;
    transition: all .5s;
}
.wel-img img, .rooms--img img{
    object-fit: cover;
    transition: all .5s;
}
.quizBox {
    border-bottom: 1px solid var(--light-purple);
}
.accordion-button {
    padding: 30px 0;
    background-color: transparent;
}
.accordion-body {
    padding: 0 0 30px 15%;
    background: radial-gradient(88.7% 88.7% at 50% 123.29%, #665890 0%, rgba(255, 255, 255, 0.00) 76.69%);
}
.welcome-note .accordion-button:not(.collapsed)::after, .welcome-note .accordion-button::after {
    background-image: none;
}
.svg-welcom {
    top: 0;
    z-index: -1;
    left: 9%;
    margin: 0 auto;
}
.welcom-note-content {
    padding: 0 100px 0 140px;
}
.img-content{
    bottom: 115px;
    left: 9.115vw;
    right: 9.115vw;
}
.rooms--img {
    height: 913px;
    overflow: hidden;
    position: relative;
}
.rooms--img::after {
    background: linear-gradient(180deg, rgba(20, 10, 52, 0.00) 0%, #140A34 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.room-items {
    margin: 0 10px;
}
.rooms-slider {
    margin: 0 -10px;
}
.rooms--details {
    width: 100%;
    bottom: 100px;
    left: 0;
    right: 0;
    padding: 0 30px;
}
section.dine-sec::after {
    background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,1) -22%, rgba(0,0,0,0) 100%);
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
}
.img-evnt {
    height: 855px;
    width: 100%;
    overflow: hidden;
}
.img-evnt img{
   object-fit: cover;
}
.event-bg{
    border: 1px solid var(--light-purple);
    background: #FFF;
}
.event-content-box{
    padding: 0 140px;
}
.event-sec {
    margin-top: -17%;
    padding-bottom: 150px;
}

  .plate-img img {
   -webkit-animation: spin 100s linear 0s infinite normal;
    -moz-animation: spin 100s linear 0s infinite normal;
    -ms-animation: spin 100s linear 0s infinite normal;
    -o-animation: spin 100s linear 0s infinite normal;
    animation: spin 100s linear 0s infinite normal;
  }

  @keyframes spin {
    0% {
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(360deg);
    }
    100% {
      -webkit-transform: rotate(0deg);
    }
  }
  @-ms-keyframes spin {
    0% {
      -ms-transform: rotate(360deg);
    }
    100% {
      -ms-transform: rotate(0deg);
    }
  }
  @-moz-keyframes spin {
    0% {
      -moz-transform: rotate(360deg);
    }
    100% {
      -moz-transform: rotate(0deg);
    }
  }
  @-o-keyframes spin {
    0% {
      -o-transform: rotate(360deg);
    }
    100% {
      -o-transform: rotate(0deg);
    }
  }

  .plate-content {
    padding: 115px 74px;
  }
  .palate-sec::before {
    content: "";
    position: absolute;
    /* bottom: 0; */
    left: 0;
    right: 82%;
    /* z-index: 9; */
    background: var(--white-color);
    height: 101%;
}
.view-sec {
    height: 805px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}
/* .view-sec {
    height: 417px;
    background-size: cover;
    background-repeat: no-repeat;
} */
.view-sec img {
    object-fit: cover;
}
.view-sec::after {
    background: rgba(20, 10, 52, 0.68);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
}
.facility-img {
    height: 734px;
    overflow: hidden;
}
.facility-img img{
   object-fit: cover;
}
.facility-img::after{
    background: linear-gradient(180deg, rgba(20, 10, 52, 0.00) 15%, rgba(54, 36, 110, 0.19) 40%, #140A34 86.87%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.facilities-content-box {
    bottom: 88px;
    z-index: 3;
    width: 100%;
    padding: 0 50px;
}
.facility-items{
    margin: 0 10px;
}
.facilities-slider {
    margin: 0 -10px;
}
button.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 74px;
    margin: auto;
    background-color: transparent;
    border: 0;
    font-size: 0;
    z-index: 8;
    background-position: center;
    background-repeat: no-repeat;
}
.offers-img {
    height: 518px;
    overflow: hidden;
}
.offers-img img{
   object-fit: cover;
}
.offers-items {
    margin: 0 10px;
}
.offers-slider{
    margin: 0 -10px;
}
.testimonials-items {
    border: 1px solid #F3698A;
    padding: 60px 65px;
    margin: 0 10px 30px;
    opacity: 0.5;
}
.testimonials-items.slick-current.slick-active{
    opacity: 1;
}
.svg-logo {
    right: 0;
    left: 0;
    bottom: -25px;
    display: flex;
    justify-content: center;
    background-color: var(--white-color);
    padding: 0 20px 0;
    width: max-content;
    margin: 0 auto;
}
.testi-slider .slick-list {
    padding-right: 25%;
}
.locations-img{
    height: 559px;
    overflow: hidden;
}
.locations-img img{
object-fit: cover;
}
.locations-slider {
    margin-bottom: -120px;
    margin-left: -10px;
    margin-right: -10px;
}
.location-items{
    margin: 0 10px;
    position: relative;
}
.location-items::after {
    background: linear-gradient(180deg, rgba(20, 10, 52, 0.00) 15%, rgba(54, 36, 110, 0.19) 40%, #140A34 86.87%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.location-details {
    position: absolute;
    bottom: 60px;
    z-index: 2;
    right: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.span-text span {
    font-weight: 400;
}
.line-bottom {
    padding: 30px 0;
    border-bottom: 1px solid var(--light-purple);
    border-top: 1px solid var(--light-purple);
}
.social-media a{
    padding-right: 55px;
}
.booking-logo img{
    padding-left: 55px;
}
.p.copy, .site-url, .site-url a {
    color: #140A34;
    font-size: 14px;
    letter-spacing: 1.12px;
}

/* Menu ==========================================  */

#hamburger, #hamburger-scroll, #hamburger-close {
    cursor: pointer;
    transition: opacity 0.25s linear;
    display: flex;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #140A34;
    border-radius: 50%;
    justify-content: center;
}
  
  #hamburger div,
  #hamburger div:after,
  #hamburger div:before,
  #hamburger-scroll div,
  #hamburger-scroll div:after,
  #hamburger-scroll div:before,
  #hamburger-close div,
  #hamburger-close div:after,
  #hamburger-close div:before {
    background-color: #fafafa;
    border-radius: 10px;
    width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
    height: 2px;
    transition: all 0.15s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #hamburger div, #hamburger-scroll div,  #hamburger-close div{
    width: 22px;
  }
  
#hamburger div:before,
#hamburger div:after,
#hamburger-scroll div:before,
#hamburger-scroll div:after,
#hamburger-close div:before,
#hamburger-close div:after {
    content: "";
    position: absolute;
  }
  
  #hamburger div:before , #hamburger-scroll div:before,  #hamburger-close div:before {
    transform: translateY(-400%);
    width: 34px;
    height: 2px;
}
  
  #hamburger div:after, #hamburger-scroll div:after, #hamburger-close div:after {
    transform: translateY(400%);
    width: 34px;
    height: 2px;
  }
  
  #hamburger.open div, #hamburger-scroll.open div, #hamburger-close.open div {
    background: transparent;
  }
  
  #hamburger.open div:before,  #hamburger-scroll.open div:before, #hamburger-close.open div:before {
    transform: rotate(45deg);
  }
  
  #hamburger.open div:after ,   #hamburger-scroll.open div:after, #hamburger-close.open div:after  {
    transform: rotate(-45deg);
  }
  div#hamburger-close {
    position: absolute;
    top: 6%;
    right: 18%;
}
  #overlay {
    position: fixed;
    width: 70%;
    min-height: 100%;
    background: var(--light-purple);
    box-shadow: -6px 0px 88px 0px rgba(20, 10, 52, 0.71);
    z-index: 1;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
    right: 0;
  }
  
  #overlay.menu {
    transform: translateY(0%);
  }
  
  #overlay a {
    color: var(--white-color);
    font-size: var(--font-24);
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
    padding-bottom: 50px;
}
  
  #overlay a:hover {
    opacity: 1;
  }

  ul#primary {
    display: block;
    column-count: 2;
    gap: 200px;
}
.current-menu-item a, ul#primary a.nav-link:hover, ul#primary .nav-link:focus, ul#primary .nav-link:hover {
    color: var(--pink-color) !important;
}
.quick-social ul li {
    padding: 10px 0;
}
.quick-social ul {
    list-style: none;
    padding: 0;
}
.quick-social {
    position: fixed;
    bottom: 5%;
    left: 20px;
    z-index: 9999;
    background-color: var(--purple--color);
    padding: 10px 10px 0;
    border-radius: 30px;
}
.quick-social img {
    width: 35px;
}
.menu-main-menu-container a.dropdown-item {
    color: #FFF;
    font-size: var(--font-18) !important;
    font-weight: 600 !important;
    line-height: 139px;
    text-transform: uppercase !important;
    padding: 0 20px !important;
    border-right: 1px solid var(--white-color);
}
.menu-main-menu-container .menu-item:last-child a.dropdown-item {
    border-right: 0;
}
.dropdown-menu {
    display: flex !important;
    align-items: center;
    background-color: transparent !important;
    border: 0 !important;
}
a#menu-item-dropdown-213 {
    padding-bottom: 0;
    pointer-events: none;
}
.hotmail.white-box {
    width: max-content;
    padding-right: 20px;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: transparent;
    color: var(--pink-color) !important;
}
li#menu-item-253 a {
    padding-left: 0 !important;
}
a.dropdown-item .current-menu-item.active {
    color: var(--pink-color) !important; 
}

.scroll-menu {
    background: var(--light-purple);
    height: 75px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    transform: translateY(-100%);
    transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    z-index: 9999;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.header-scrolled .scroll-menu {
    transform: translateY(0);
    transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
}

.header-scrolled .diskop-menu{
    display: none;
    transition: all 2s;
}
.header-show.scroll-menu.header-scrolled {
    transform: translateY(0) !important;
    transition: all .5s cubic-bezier(1,.005,0,1.000);
    width: 100%;
}

.scroll-menu a.navbar-brand img {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.scroll-menu .pink-btn {
    height: 50px;
    width: 241px;
}
.scroll-menu #hamburger-scroll {
    width: 50px;
    height: 50px;
}
/* ==============================Footer==================================== */
#footer{
    border-bottom: 8px solid var(--pink-color);
}
.footer-link a{
        color: #140A34;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.12px;

}
#footer-menu a.nav-link {
    color: var(--light-purple);
    font-size: var(--font-18);
    font-weight: 700;
    letter-spacing: -0.9px;
    padding: 0 0 20px;
    text-align: center;
}
ul#footer-menu {
    column-count: 5;
    display: block;
    padding-bottom: 80px;
}
.pink-row{
    background: linear-gradient(263deg, #F3698A -3.59%, #665890 102.1%);
}
.phone-num span {
    padding: 0 5px;
}
.phone-num span {
    padding: 0 5px;
}
.phone-num span:last-child{
    display: none;
}
.footer-logo {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 17px;
    z-index: 1;
    position: relative;
}
.footer-logo img {
    width: 226px;
    height: 226px;
    border-radius: 50%;
    margin-top: -10%;
}
div.tnp-subscription, div.tnp-profile, form.tnp-subscription, form.tnp-profile {
    display: block;
    margin: 0 !important;
    width: 100%;
    opacity: 0.36;
}
.tnp-field label {
    display: none !important;
}
.tnp.tnp-subscription form {
    display: flex;
    align-items: flex-end;
}
.tnp-subscription input[type=email] {
    background-color: transparent !important;
    border-bottom: 2px solid var(--white-color) !important;
}
.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit {
    background-color: transparent !important;
    padding: 0 10px !important;
}
.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {
    margin-bottom: 0 !important; 
}
.tnp-field.tnp-field-email {
    width: 100% !important;
}
.svg-bg-logo {
    width: 100%;
    display: flex;
    justify-content: center;
}


/* Contact Us ================================  */

.banner-title {
    bottom: 85px;
    width: 100%;
    padding: 0 7.448vw;
    z-index: 2;
}
.breadcrumbs {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.breadcrumbs a, .breadcrumbs {
    color: var(--white-color);
    font-size: var(--font-16);
}
.breadcrumbs{
    border-bottom:1px solid rgba(255, 255, 255, 0.22);
}

.breadcrumbs a {
    font-weight: 900;
}
.inner-page-title {
    padding-top: 5px;
}
.inner-banner::before {
    background: linear-gradient(180deg, rgba(20, 10, 52, 0.00) 0%, #140A34 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    height: 345px;
    z-index: 1;
}
.inner-banner::after {
    background: linear-gradient(180deg, #121625 0%, rgba(18, 22, 37, 0.00) 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: '';
    height: 345px;
}
.border-bottom-pink {
    border-bottom: 8px solid var(--pink-color);
    width: 92%;
    float: right;
    z-index: 1;
    position: relative;
}
h2.page-title {
    color: #120B26;
    text-align: center;
    font-size: var(--font-64);
    font-weight: 900;
}
.map-sec iframe, .map-sec {
    width: 100%;
    height: 560px;
}
.faqs-wrap .quixacco {
    display: flex;
    justify-content: center;
    width: 100%;
}
.faqs-wrap .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(2834%) hue-rotate(214deg) brightness(93%) contrast(87%);
}
.form-sec {
    border: 1px solid #140A34;
    background: #140A34;
}
h6.form-sub-topic.text-uppercase.font-18.bold.p-b-10 {
    color: var(--light-purple);
    letter-spacing: 5.22px;
}

.contact--form lable {
    color: var(--white-color);
    font-size: var(--font-16);
    font-weight: 700;
    line-height: 163%;
    letter-spacing: -0.32px;
    width: 100%;
}
.contact--form .d-flex lable {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.contact--form textarea , .contact--form input.field-wrap, .contact--form select {
    background: transparent;
    border: 0;
    width: 100%;
    color: var(--light-purple) !important;
    font-size: var(--font-16);
    font-weight: 400;
    line-height: 163%; /* 26.08px */
    letter-spacing: -0.32px;
}
.contact--form .d-flex {
    border-top: 1px solid var(--light-purple);
    padding: 25px 0;
}

.contact--form ::placeholder {
    color: var(--light-purple);
font-size: var(--font-16);
font-weight: 400;
line-height: 163%; /* 26.08px */
letter-spacing: -0.32px;
}
.form-sec .btn-submit {
    float: left;
}
.contact--form ::-ms-input-placeholder, .contact--form select{ /* Edge 12 -18 */
    color: var(--light-purple) !important;
font-size: var(--font-16);
font-weight: 400;
line-height: 163%; /* 26.08px */
letter-spacing: -0.32px
}
.contact--form {
    padding-right: 98px;
}
section.inner-inquery .contact--form {
    padding-right: 0;
}
.textareaa {
    border-top: 1px solid var(--light-purple);
    padding: 25px 0;
    height: 169px;
    border-bottom: 1px solid var(--light-purple);
}
.contact--form textarea {
    height: 113px;
}
.btn-submit {
    background-color: var(--white-color);
    border-radius: 32px;
    width: 224px;
    height: 63px;
    margin-top: 80px;
    color: #36246E;
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
    border: 0;
    box-shadow: none;
    float: right;
}
.wpcf7-response-output {
    color: var(--white-color);
}
lable.width lable {
    /* width: 76%; */
    padding-left: 75px;
}
text {
    max-width: 20%;
}
.white-box {
    width: 387px;
    height: 78px;
    border-radius: 39px;
    background: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 15px;
}
.icon-c{
    padding-right: 20px;
    padding-left: 15px;
}
.walkk {
    color: var(--light-purple);
    font-size: var(--font-18);
    font-weight: 400;
    line-height: 139%;
    /* letter-spacing: -0.72px; */
    display: flex;
    justify-content: center;
}
.walkk svg{
    margin-right: 10px;
}
.path-items {
    width: 33%;
    border-right: 2px solid var(--light-purple);
}
.path-items:last-child{
    border-right: 0;
}

.galler--rooms img{
    object-fit: cover;
}
.galler--rooms galler-img {
    height: 653px;
    overflow: hidden;
}
.number-btn {
    background: var(--light-purple);
    padding: 26px 40px;
    width: 126px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
    line-height: 163%;
}
.slick-btn-wrap.wrap-loca-gallery {
    margin-top: -76px;
    position: relative;
    float: right;
}
.choose-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
}
.hover-text {
    color: var(--light-purple);
    text-align: center;
    font-size: var(--font-18);
    font-weight: 400;
    line-height: 163%;
    letter-spacing: -0.36px;
    /* display: none; */
    padding: 0 50px;
    opacity: 0; /* Initially hide with opacity */
    transition: opacity 0.3s ease; /* Add transition for opacity */
    transition: all 5s;
}

.choose-items:hover .hover-text {
    display: block;
    opacity: 1; /* Fade in on hover */
    transition: all 5s;
}
.icon-text {
    display: flex;
    align-items: center;
    width: 25%;
    border-right: 1px solid var(--light-purple);
    justify-content: center;
}
.icon-text:last-child {
    border-right: 0;
}
.icon-text svg {
    margin-right: 20px;
}
.right-img{
    height: 873px;
    overflow: hidden;
}
.right-img img {
    object-fit: cover;
}
.book-rooms {
    background: linear-gradient(91deg, #665890 -0.66%, #F3698A 197.95%);
    position: relative;
}
.book-rooms::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 100%;
    margin-top: -10px;
    width: 100px;
}
.caption-sec::before {
    content: "";
    position: absolute;
    /* bottom: 0; */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(91deg, #665890 -0.66%, #F3698A 197.95%);    
    height: 180px;
    margin-right: 100px;
}
.caption-sec{
    margin-bottom: -1px;
}
.out, .check {
    border: 1px solid var(--light-purple);
    display: flex;
    justify-content: center;
    padding: 90px 80px;
    background-color: var(--white-color);
    flex-direction: column;
    align-items: center;
}


ul.b {
    list-style-type: square;
    column-count: 2;
}
.f-wrap {
    border: 1px solid var(--light-purple);
    background: var(--white-color);
    padding: 50px;
}
ul.b li  {
    padding-bottom: 20px;
}
.bottom-line::after {
    display: inline-block;
    content: "";
    border-right: 1px solid var(--purple--color);
    height: 29px;
    position: absolute;
    right: 51%;
    left: 0;
}
.bottom-line {
    position: relative;
    padding-bottom: 60px;
}
.bottom-line:last-child {
    padding-bottom: 0;
}
.bottom-line:last-child::after {
    display: none;
}
a.border-white-btn:hover {
    background: #fff;
    color: var(--dark-blue);
    transition: all 1s;
}
a.border-white-btn:hover .dot svg {
    filter: brightness(0) saturate(100%) invert(4%) sepia(45%) saturate(5463%) hue-rotate(250deg) brightness(115%) contrast(101%);
}
header.header.active a.navbar-brand {
    opacity: 0;
}
.comma-text img{
    display: block;
    margin: 0 auto;
}
.phone-num a:hover, a.email-f:hover{
    color: var(--white-color);
}
.make-spec .accordion-button::after {
    background-image: none;
}
.build-img {
    height: 560px;
    overflow: hidden;
}
.build-img img {
    object-fit: cover;
    height: 100%;
}
.take-tour-content {
    padding: 0  210px 0 132px;
    background: linear-gradient(259deg, #F3698A -43.55%, #665890 28.24%, #36246E 100%);
    height: 100%;
}
.expo-img {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0%;
}
.space-box {
    border: 1px solid var(--light-purple);
    background: #FFF;
    margin-right: 50px;
    padding: 40px 80px;
}
.blue-box {
    padding: 100px 145px;
}

.box--check--out{
    margin-right: 50px;
}

ul.b {
    list-style-type: none; /* Remove default list styles */
    padding: 0; /* Remove default padding */
    column-count: 2;
}

ul.b li {
    display: inline-block; /* Display list items inline */
    width: max-content; /* Make each item take the full width of the column */
    margin-bottom: 8px; /* Adjust margin between items */
}

ul.b li:before {
    content: ''; /* Empty content for the pseudo-element */
    display: inline-block; /* Make the pseudo-element inline-block */
    width: 10px; /* Set the width of the pseudo-element */
    height: 10px; /* Set the height of the pseudo-element */
    margin-right: 20px; /* Adjust space between bullet and text */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='107' viewBox='0 0 5 107' fill='none'%3E%3Crect x='0.5' y='0.5' width='4' height='4' fill='white' stroke='%23665890'/%3E%3Crect x='0.5' y='34.5' width='4' height='4' fill='white' stroke='%23665890'/%3E%3Crect x='0.5' y='68.5' width='4' height='4' fill='white' stroke='%23665890'/%3E%3Crect x='0.5' y='102.5' width='4' height='4' fill='white' stroke='%23665890'/%3E%3C/svg%3E") no-repeat;
    background-size: cover; /* Make sure the SVG background covers the pseudo-element */
}

.facilities-sec ul.b li {
    width: 100%;
}
.walk-min svg {
    margin-right: 10px;
}
.galler-img {
    height: 650px;
    overflow: hidden;
}
.galler-img img {
    object-fit: cover;
}

.navbar-brand {
    margin-right: 0;
}
.book-rooms a.border-white-btn {
    width: 360px;
    margin-top: 20px;
}
.w-100.buffert-box {
    border: 1px solid var(--light-purple);
    background: #FFF;
    margin-right: 50px;
}
.border-row {
    padding: 35px 85px;
    border-bottom: 1px solid var(--light-purple);
}
.buffert-box span {
    color: var(--dark-blue);
    font-size: var(--font-36);
    padding: 0 20px;
}
.cuisines-box {
    border-right: 1px solid var(--light-purple);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}
.cuisines-box:last-child {
    border-right: 0;
}
.page-template-dining .wrap-solution .icon-text{
    width: 33%;
}
.dine-banner {
    height: 809px;
    overflow: hidden;
    background-size: cover;
}
.float-right {
    float: right;
}
.cu-box {
    padding: 0 80px;
}
.cou-sec::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(91deg, #665890 -0.66%, #F3698A 197.95%);
    height: 150px;
    margin-bottom: -1px;
    margin-right: 100px;
}
.other-facilities-wrapper {
    margin: 0 -10px;
}
.faciliti-wrapp {
    width: 48%;
    margin: 0 10px;
    padding-bottom: 100px;
}
.fa-img {
    height: 596px;
    overflow: hidden;
}
.p-r-l-30 {
    padding: 0 30px;
}
.page-numbers {
    color: var(--purple--color);
    font-size: var(--font-18);
    font-weight: 300;
    line-height: 163%;
    padding: 0 10px;
}
span.page-numbers.current {
    color: var(--purple--color);
    font-size: var(--font-32);
    font-weight: 700;
    line-height: 163%;
    border-bottom: 2px solid var(--pink-color);
}
.fa-img img{
    object-fit: cover;
}
.fa-img::after {
    background: linear-gradient(180deg, rgba(54, 36, 110, 0.00) 0%, #140A34 100%);
        content: "";
        bottom: 0;
        right: 0;
       left: 0;
        transition: all 0.5s;
        position: absolute;
        height: 335px;

}
.btn-grad-tab {
    width: 221px;
    height: 63px !important;
    border-radius: 32px !important;
    border: 1px solid #140A34 !important;
    background: #FFF;
    margin: 0 10px;
    color: var(--dark-blue);
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
ul#subTab {
    display: flex;
    justify-content: space-between;
    border: 0 !important;
    padding-bottom: 100px;
}
ul#subTab .nav-item.show .nav-link, ul#subTab .nav-link.active {
    border: 0 !important;
}
ul#subTab .nav-link:focus::after, ul#subTab .nav-link:hover::after, #subTab button.nav-link.active::after {
    width: 100% !important;
    transition: all 0.5s;
}
#subTab button.nav-link {
    color: var(--dark-blue);
    text-align: center;
    font-size: var(--font-18);
    font-style: normal;
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    border: 0;
}

#subTab button.nav-link::after{
    border-bottom: 2px solid var(--pink-color) !important;
    content: "";
    height: 2px;
    width: 0%;
    transition: all 0.5s;
    position: absolute;
    bottom: 0;
}
.nav-tabs {
    border-bottom: 0;
}

.ph-img {
    height: 441px;
    width: 32%;
    margin: 10px;
}
.ph-img img{
    object-fit: cover;
}
.gallery--warp {
    margin: 0 -10px;
}
button.nav-link.btn-grad-tab.active {
    border-radius: 32px;
    background: linear-gradient(263deg, #F3698A -9.82%, #36246E 59.67%, #36246E 114.05%);
    color: #fff;
}
button.nav-link.btn-grad-tab.active .dot {
    filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(28%) hue-rotate(283deg) brightness(106%) contrast(108%);
}
a.my-video-links.vbox-item {
    height: 441px;
    width: 32%;
    margin: 10px;
}
.video-thum-img  {
    height: 441px;
}

a.my-video-links.vbox-item img {
    object-fit: cover;
}

.num-light {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 163%;
    letter-spacing: -0.36px;
    text-transform: capitalize;
}

/* .banner-caption {
    bottom: 100px;
} */
/* .font-134 {
    font-size: 6.979vw;
    line-height: 115px;
} */





























/* animation =================================================  */

.explore-img {
    transition: clip-path 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
    clip-path: inset(0 100% 0 0);
  }
  .animate.is-inview {
    transition: clip-path 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    clip-path: inset(0px 0px 0px 0px);
  }
  .animate.fadeup{
    opacity: 0;
    transition: opacity 500ms;
  }
  .fadeup.scrolled {
    animation: animateup 0.5s ease-in-out both;
    animation-delay: 0.3s;
  }
  @keyframes animateup {
    0% {
        transform: translate3d(5px, 40px, 0);
        opacity: 0;
        transition: transform 0ms, opacity 0ms, -webkit-transform 0ms;
    }
    100% {
        transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
  }
  .room-items .rooms--img img {
    transition: .3s ease-in-out;
  }
  .room-items:hover .rooms--img img {
    height: auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 150% !important;
}
.facility-items .facility-img::after{
    transition: .3s ease-in-out;
}
.facility-items:hover .facility-img::after{
    background-color: var(--dark-blue);
    transition: .3s ease-in-out;
}
.facility-items:hover .facilities-content-box {
    bottom: 0;
    top: 0;
    transition: .3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.offers-img:hover img, .location-items:hover img, .wel-img:hover img, .right-img:hover img, .fa-img:hover img {
    transform: scale(1.1);
    transition: all .5s;
}
.location-items img, .offers-img img, .wel-img img, .right-img img, .fa-img img{
    transition: all .5s;
}

/* animation =================================================  */




.carousel-item img {
    object-fit: cover;
}

.contact--details .white-box {
    width: max-content;
    padding-right: 20px;
}

.testimonials-sec a.white-btn {
    border: 1px solid var(--dark-blue);
    width: 300px;
    margin-right: 30px;
    margin-top: 50px;
}
.review-name span {
    font-weight: 600;
}
.testimonials-sec .border-white-btn {
    border: 1px solid var(--dark-blue);
    width: 300px;
    margin-right: 50px;
    margin-top: 50px;
    color: var(--dark-blue);

}

.review-wrap-inner {
    background: #e2d8ff4f;
    padding: 50px 100px;
    margin-bottom: 30px;
}
.start-div ul img {
    width: 25px;
}
.start-div ul {
    list-style: none;
    padding: 0;
    display: flex;
}
.review-box h5 {
    font-size: var(--font-16);
    color: var(--purple--color);
    padding-bottom: 5px;
}
.glsr-field-text {
    width: 48%;
}
.glsr-field-rating {
    width: 100%;
}
.glsr-field-email, .glsr-field-choice {
    display: none !important;
}
.glsr-default form.glsr-form {
    grid-row-gap: 1rem;
    display: grid;
    font-size: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    line-height: 1.5;
    row-gap: 1rem;
}
.glsr-review-form {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.gl-star-rating--stars[class*=" s"]>span, .glsr-star-empty, .gl-star-rating--stars.s100>span, .gl-star-rating--stars.s10>span:first-child, .gl-star-rating--stars.s20>span:nth-child(-1n+2), .gl-star-rating--stars.s30>span:nth-child(-1n+3), .gl-star-rating--stars.s40>span:nth-child(-1n+4), .gl-star-rating--stars.s50>span:nth-child(-1n+5), .gl-star-rating--stars.s60>span:nth-child(-1n+6), .gl-star-rating--stars.s70>span:nth-child(-1n+7), .gl-star-rating--stars.s80>span:nth-child(-1n+8), .gl-star-rating--stars.s90>span:nth-child(-1n+9), .glsr-star-full {
    filter: brightness(0) saturate(100%) invert(38%) sepia(25%) saturate(778%) hue-rotate(214deg) brightness(92%) contrast(93%);
}
.glsr-field.glsr-field-textarea {
    width: 100%;
}
.glsr-default form.glsr-form label.glsr-label {
    font-size: var(--font-16);
    font-weight: 600;
}
.glsr-default form.glsr-form input.glsr-input:focus, .glsr-default form.glsr-form select.glsr-select:focus, .glsr-default form.glsr-form textarea.glsr-textarea:focus {
    background-color: #fff;
    box-shadow: none !important;
    outline: 0 !important;
}
section.high-padding-bottom .btn-primary, .modal-dialog .btn-primary {
    color: var(--purple--color);
    background-color: transparent;
    border-color: var(--purple--color);
    width: 350px;
    height: 50px;
    border-radius: 60px;
    margin-top: 40px;
    color: #36246E;
    font-size: var(--font-16);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
    box-shadow: none;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0;
    opacity: 1;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0;
}
.testimonials-items .start-div ul {
    justify-content: center;
}
.testi-slider .slide-item.slick-active .testimonials-items{
    opacity: 1;
}
.modal-header {
    border-bottom: 0;
}
.modal-body {
    padding: 0 30px 30px;
}
button.book-now-btn.book-now-btn--dark.roll-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid var(--dark-blue);
    background: var(--white-color);
    height: 63px;
    width: 336px;
    color: var(--dark-blue);
    font-size: var(--font-18);
    font-weight: 900;
    line-height: 139%;
    letter-spacing: 5.22px;
    text-transform: uppercase;
    outline: 0;
    box-shadow: navajowhite;
    margin-top: 50px;
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 60%;
    margin: 1.75rem auto;
}
div#Inqueryform .modal-dialog {
    max-width: 50%;
    margin: 1.75rem auto;
}
}
.quick-social button {
    border: 0;
    background: transparent;
    padding: 0;
}
.inquery-form input.field-wrap, .inquery-form select.field-wrap {
    margin-top: 10px;
    margin-bottom: 7px;
    padding: 10px 20px;
    width: 96%;
}
.inquery-form text {
    max-width: 20%;
    font-weight: 700;
}
.inquery-form .btn-submit {
    margin-top: 20px;
}
.inquery-form .btn-submit {
    border: 1px solid #36246E;
}

/* Responsive =================================================  */
@media only screen and (max-width: 1600px) {
    .banner-caption {
        bottom: 60px;
    }
    button.book-now-btn.book-now-btn--dark.roll-btn, .testimonials-sec a.white-btn {
        width: max-content !important;
        padding: 20px;
    }
    .wel-img {
        height: 990px;
    }
    .rooms--img {
        height: 815px;
    }
    .plate-img img {
        width: 100%;
    }
    .facility-img {
        height: 595px;
    }
    .view-sec {
        height: 600px;
    }
    .locations-img {
        height: 440px;
    }
    .p-t-150 {
        padding-top: 100px;
    }
    .p-b-150 {
        padding-bottom: 100px;
    }
    #overlay a {
        padding-bottom: 25px;
    }
    .out, .check {
        padding: 30px 0;
    }
    .bottom-line {
        padding-bottom: 40px;
    }
    .take-tour-content {
        padding: 0  50px 0 100px;
    }
    .border-row {
        padding: 20px;
    }
    .ph-img {
        height: 430px;
        width: 31%;
    }
    .fa-img {
        height: 528px;
    }
    .right-img {
        height: 715px;
    }
    .wrap-485 {
        padding: 0 17.26vw;
    }
    .video-thum-img, a.my-video-links.vbox-item {
        height: 430px;
    }
    a.my-video-links.vbox-item {
        width: 31%;
    }
    .expo-img {
        top: 0;
        bottom: 0;
        right: 0;
        left: 10%;
    }
    .fa-img {
        height: 415px;
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .banner-caption {
        bottom: 250px;
    }
    #overlay {
        width: 65%;
    }
    .p-b-317 {
        padding-bottom: 220px;
    }
    .wel-img {
        height: 875px;
    }
    .p-b-75 {
        padding-bottom: 35px;
    }
    .p-b-100 {
        padding-bottom: 50px;
    }
    .p-t-100 {
        padding-top: 50px;
    }
    .img-evnt {
        height: 750px;
    }
    .facility-img {
        height: 510px;
    }
    .activity-sec {
        padding-top: 363px;
    }
    .p-t-262 {
        padding-top: 200px;
    }
    .make-spec .accordion-item.quizBox .font-24.bold.light-purple {
        padding-left: 30px;
    }
    .right-img {
        height: 639px;
    }
    .dine-banner {
        height: 650px;
    }
    .img-evnt {
        height: 611px;
    }
    .galler-img {
        height: 500px;
    }
    .ph-img {
        height: 276px;
    }
    .video-thum-img, a.my-video-links.vbox-item {
        height: 275px;
    }
    .p-t-150 {
        padding-top: 50px;
    }
    .p-b-90 {
        padding-bottom: 50px;
    }
    .p-b-80 {
        padding-bottom: 40px;
    }
    .p-b-60 {
        padding-bottom: 30px;
    }
    .book-rooms::after {
        width: 50px;
    }
    .cou-sec::before{
        margin-right: 50px;
    }
}

@media (min-width: 991px) and (max-width: 1500px) {
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .wel-img {
        height: 825px;
    }
    .p-t-150 {
        padding-top: 50px;
    }
    .p-b-75 {
        padding-bottom: 30px;
    }
    .p-t-100 {
        padding-top: 50px;
    }
    .p-b-100 {
        padding-bottom: 50px;
    }
    .p-b-317 {
        padding-bottom: 203px;
    }
    .img-evnt {
        height: 690px;
    }
    .plate-content {
        padding: 100px 0 100px 0;
    }
    .facility-img {
        height: 500px;
    }
    .facilities-content-box {
        bottom: 40px;
        padding: 0 40px;
    }
    .p-b-60 {
        padding-bottom: 30px;
    }
    .activity-sec {
        padding-top: 248px;
        background-size: cover;
    }
    .locations-img {
        height: 375px;
    }
    .p-t-262 {
        padding-top: 190px;
    }
    .about-img, .about-content{
        width: 50%;
    }
    .about-img img {
        object-fit: cover;
        width: 100%;
    }
    .right-img {
        height: 620px;
        overflow: hidden;
    }
    .wrap-350 {
        padding: 0 12.229vw;
    }
    .dine-banner {
        height: 637px;
    }
    .galler-img {
        height: 536px;
    }
    .blue-box {
        padding: 50px;
    }
    .ph-img {
        height: 230px;
    }
    .video-thum-img, a.my-video-links.vbox-item {
        height: 230px;
    }
    .p-b-90 {
        padding-bottom: 45px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {

}
@media (min-width: 991px) and (max-width: 1300px) {
 
}
@media (min-width: 991px) and (max-width: 1600px) {
  
}

@media (min-width: 991px) and (max-width: 1025px) {
    :root{
        --font-14 : 14px;
        --font-16 : 15px;
        --font-18: 14px;
        --font-36: 25px;
        --font-24: 20px;
    }
    .font-36 {
        line-height: 35px;
    }

    .welcom-note-content {
        padding: 0 70px;
    }
    .p-b-75 {
        padding-bottom: 35px;
    }
    .p-t-100 {
        padding-top: 50px;
    }
    .p-b-100 {
        padding-bottom: 50px;
    }
    .p-r-54 {
        padding-right: 100px;
    }
    .wel-img {
        height: 668px;
    }
    .pink-btn {
        height: 50px;
        width: 200px;
    }
    .accordion-button {
        padding: 10px 0;
    }
    .accordion-body {
        padding: 0 0 10px 20%;
    }
    .rooms--img {
        height: 580px;
    }
    .img-evnt {
        height: 545px;
    }
    .p-b-317 {
        padding-bottom: 85px;
    }
    .event-content-box {
        padding: 0px 20px;
    }
    section.dine-sec::after {
        background: linear-gradient(270deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
    }
    .p-r-245 {
        padding-right: 80px;
    }
    .facility-img {
        height: 400px;
    }
    .view-sec {
        height: 450px;
    }
    .plate-content {
        padding: 50px 0;
    }
    .p-b-70 {
        padding-bottom: 35px;
    }
    .p-b-60 {
        padding-bottom: 30px;
    }
    a.white-btn, .border-white-btn {
        height: 50px;
    }
    .rooms--details {
        bottom: 50px;
    }
    .dine-sec .border-white-btn {
        width: 300px;
        margin-top: 20px;
    }
    .facilities-content-box {
        bottom: 30px;
        padding: 0 20px;
    }
    .p-b-40 {
        padding-bottom: 20px;
    }
    .activity-sec {
        padding-top: 190px !important;
        background-size: cover;
    }
    .event-sec {
        margin-top: -17%;
        padding-bottom: 100px;
    }
    button.slick-arrow {
        background-size: 50%;
    }
    .p-t-262 {
        padding-top: 190px;
    }
    .img-content {
        bottom: 80px;
        left: 20px;
        right: 20px;
    }
    .wrap-350 {
        padding: 0 9.229vw;
    }
    .galler-img {
        height: 490px;
    }
    .wrap-485 {
        padding: 0 13.26vw;
    }
    .accordion-body {
        padding: 20px 0;
    }
    #overlay {
        width: 90%;
    }
    .about-img, .about-content{
        width: 50%;
    }
    .about-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .font-64 {
        line-height: 45px;
    }
    .right-img {
        height: 560px;
    }
    .blue-box {
        padding: 50px;
    }
    .book-rooms::after {
        width: 55px;
    }
    .dine-banner {
        height: 521px;
    }
    .ph-img {
        height: 231px;
    }
    .video-thum-img, a.my-video-links.vbox-item {
        height: 230px;
    }
    .faciliti-wrapp {
        width: 47%;
        padding-bottom: 50px;
    }
    .fa-img {
        height: 275px;
    }
    .cou-sec::before {
        margin-right: 55px;
    }
    .p-b-80 {
        padding-bottom: 40px;
    }
    .space-box {
        padding: 20px;
    }
    .inner-banner::before {
        height: 200px;
    }
    .w-50.m-r-25 {
        border-bottom: 1px solid var(--light-purple);
        width: 100% !important;
    }
    .w-50.m-r-25 lable.width {
        padding-bottom: 25px;
    }
    .w-50.m-l-25 {
        margin-top: 20px;
        width: 100% !important;
    }
    text {
        width: 12%;
    }
    .t-1024-direction{
        display: flex;
        flex-direction: column;
    }
    button.book-now-btn.book-now-btn--dark.roll-btn, .testimonials-sec a.white-btn {
        width: max-content !important;
        padding: 10px 20px;
        white-space: nowrap;
        margin: 10px 5px;
        height: auto;
    }
    section.testimonials-sec .room-btn {
        flex-direction: column;
    }
}

@media only screen and (max-width: 991px) {
	.mob-dispaly {
	display: block !important;
}
	div#overlay {
    padding-bottom: 50px;
}
    .main-wrapper, .wrap-100, .wrap-50, .wrap-243, .wrap-right-245, .wrap-left-245, .wrap-243-99, .wrap-370, .wrap-350, .wrap-485{
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }
    button.book-now-btn.book-now-btn--dark.roll-btn, .testimonials-sec a.white-btn {
        width: 250px !important;
        padding: 10px 20px;
        margin: 10px 0;
        height: auto;
    }
    section.testimonials-sec .room-btn {
        flex-direction: column;
    }
    .review-wrap-inner {
        padding: 20px;
    }
    section.high-padding-bottom .btn-primary, .modal-dialog .btn-primary {
        width: 317px;
    }
    .inquery-form .w-50 {
        width: 100%!important;
    }
    .inquery-form .d-flex {
        display: flex;
        flex-direction: column;
    }
    text {
        width: 12%;
    }
    .w-50.m-l-25 {
        margin-top: 20px;
        width: 100% !important;
    }
    .w-50.m-r-25 lable.width {
        padding-bottom: 25px;
    }
    .w-50.m-r-25 {
        border-bottom: 1px solid var(--light-purple);
        width: 100% !important;
    }
    .is-inview {
        transform: none !important;
    }
    :root{
        --font-12: 0.625vw;
        --font-14: 13px;
        --font-16: 0.833vw;
        --font-18: 15px;
        --font-20: 1.042vw;
        --font-24: 18px;
        --font-28: 1.458vw;
        --font-30: 1.563vw;
        --font-32: 1.667vw;
        --font-36: 30px;
        --font-40: 2.083vw;
        --font-45: 2.344vw;
        --font-48: 2.500vw;
        --font-50: 2.604vw;
        --font-55: 2.865vw;
        --font-64: 40px;
        --font-72: 3.750vw;
        --font-75: 3.906vw;
        --font-100: 5.208vw;
        --font-138: 7.188vw;
        --font-134 : 6.979vw;
    }
    .tab-direction {
        flex-direction: column;
    }
    .p-b-75 {
        padding-bottom: 30px;
    }
    .p-b-100{
        padding-bottom: 50px;
    }
    .p-r-54{
        padding-right: 0;
    }
    .p-b-40{
        padding-bottom: 20px;
    }
    .p-t-150{
        padding-top: 75px;
    }
    .p-b-60{
        padding-bottom: 30px;
    }
    .p-t-60{
        padding-top: 30px;
    }
    .p-t-30 {
        padding-top: 15px;
    }
    .p-b-10{
        padding-bottom: 5px;
    }
    .p-b-70{
        padding-bottom: 35px;
    }
    .p-t-40{
        padding-top: 20px;
    }
    .p-b-65{
        padding-bottom: 32px;
    }
    .p-b-50{
        padding-bottom: 25px;
    }
    .p-t-125 {
        padding-top: 60px;
    }
    .p-b-150 {
        padding-bottom: 75px;
    }
    .p-t-150 {
        padding-top: 75px;
    }
    .p-b-80{
        padding-bottom: 40px;
    }
    .p-r-245{
        padding-right: 100px
    }
    .p-b-20{
        padding-bottom: 10px;
    }
    .p-t-262 {
        padding-top: 190px;
    }
    .p-r-10 {
        padding-right: 5px;
    }
    .p-l-180 {
        padding-left: 0;
        padding-top: 30px;
    }
    .p-b-30 {
        padding-bottom: 15px;
    }
    .p-b-90 {
        padding-bottom: 45px;
    }
    .p-t-20{
        padding-top: 10px;
    }
    .p-t-100 {
        padding-top: 50px;
    }
    .p-l-70 {
        padding-left: 35px;
    }
    .p-r-160 {
        padding-right: 80px;
    }
    .video-slider {
        height: 80vh;
    }
    .welcom-note-content {
        padding: 0 25px;
    }
    .wel-img {
        height: 726px;
    }
    .welcome-note .w-40 {
        width: 50%;
    }
    .welcome-note .w-60 {
        width: 50%;
    }
    .accordion-button {
        padding: 5px 0;
        background-color: transparent;
    }
    .img-content {
        bottom: 30px;
        left: 20px;
        right: 20px;
    }
    .quixacco img {
        scale: 50%;
        float: left;
    }
    .welcom-note-content .p-b-100 {
        padding-bottom: 20px;
    }
    .accordion-body {
        padding: 0 0 10px 0%;
    }
    div#accordionExample .font-24  {
        padding-left: 23px;
    }
    .rooms--img {
        height: 490px;
    }
    .border-white-btn, .border-white-btn, .rooms-slider a.white-btn, .rooms-slider .border-white-btn{
        height: 50px;
    }
    .room-btn {
        flex-direction: column;
    }
    .rooms-slider a.white-btn, .rooms-slider .border-white-btn {
        margin: 6px 20px;
    }
    .rooms--details {
        bottom: 30px;
    }
    .font-48 {
        line-height: 25px;
    }
    .p-b-317 {
        padding-bottom: 80px;
    }
    .event-content-box {
        padding: 0 20px;
    }
    .img-evnt {
        height: 460px;
    }
    .btn-grad {
        font-size: 12px;
        letter-spacing: 3px;
        width: 265px;
    }
    .event-sec {
        padding-bottom: 70px;
    }
    .dine-sec .border-white-btn {
        width: 305px;
        margin-top: 50px;
    }
    .dine-sec {
        background-position: left center;
    }
    .wrap-50 {
        padding: 10vw 10vw 10vw 50vw;
    }
    .plate-content {
        padding: 50px 0;
    }
    button.slick-arrow {
        background-size: 50%;
    }
    .facility-img {
        height: 436px;
    }
    .view-sec {
        height: 430px;
    }
    .activity-sec {
        padding-top: 130px !important;
        background-size: cover;
    }
    .activity-sec .font-18 {
        padding-right: 40px;
    }
    .testi-slider .slick-list {
        padding-right: 0;
    }
    .testimonials-items {
        padding: 40px 20px;
    }
    .testi-slider .slick-prev {
        right: 35% !important;
        bottom: -110% !important;
    }
    .testi-slider .slick-next {
        left: 35%  !important;
        bottom: -110% !important;
    }
    .p-r-245 {
        padding-right: 35px;
    }
    /* .menu-footer-menu-container  {
        display: none;
    } */
    .social-media a {
        padding-right: 35px;
    }
    .booking-logo img {
        padding-left: 25px;
    }
    #overlay {
        width: 100%;
    }
    div#hamburger-close {
        position: absolute;
        top: 5%;
        right: 10%;
    }
    .palate-sec::before {
        right: 77%;
    }
    .galler-img {
        height: 479px;
    }
    .right-img {
        height: 600px;
    }
    .font-64 {
        line-height: 55.48px;
    }
    .blue-box {
        padding: 40px;
    }
    .inner-banner {
        height: 450px;
    }
    .inner-banner img {
        object-fit: cover;
        height: 450px;
    }
    .about-img img {
        width: 100%;
    }
    .about-img {
        padding-bottom: 30px;
    }
    .about-content h2 br {
        display: none;
    }
    .p-l-70 {
        padding-left: 0;
    }
    .book-rooms::after {
        width: 0;
    }
    .space-box {
        padding: 20px;
    }
    .caption-sec::before {
        margin-right: 0;
    }
    .mob-t-30 {
        padding-top: 30px;
    }
    .space-box {
        margin-right: 0;
    }
    .dine-banner {
        height: 408px;
    }
    .ph-img {
        height: 231px;
        width: 30%;
    }
    .video-thum-img, a.my-video-links.vbox-item {
        height: 230px;
    }
    a.my-video-links.vbox-item {
        width: 30%;
    }
    .p.copy, .site-url, .site-url a {
        text-align: center;
    }
    .faciliti-wrapp {
        width: 47%;
        padding-bottom: 50px;
    }
    .fa-img {
        height: 275px;
    }
    .distanse-place {
        display: flex;
        flex-direction: column;
    }
    .cou-sec::before {
        margin-right: 0;
    }
    .cu-box {
        padding: 20px;
    }
    .footer-logo img {
        margin-top: 0;
    }
    #overlay {
        height: 100%;
        overflow: scroll;
    }
.pink-btn {
    border-radius: 32px;
    height: 43px;
    width: 225px;
    padding: 10px 0;
}
    a.navbar-brand img {
        width: 70%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul#primary {
        padding-top: 200px;
		padding-bottom:50px;
    }
    #hamburger, #hamburger-scroll, #hamburger-close {
        width: 50px;
        height: 50px;
    }
    #hamburger div:after, #hamburger-scroll div:after, #hamburger-close div:after, #hamburger div:before, #hamburger-scroll div:before, #hamburger-close div:before {
        width: 20px;
    }
    .quick-social {
        padding: 5px 5px 0;
    }
    .quick-social ul li {
        padding: 2px;
    }
    header.header {
        z-index: 99;
    }
    #overlay {
        z-index: 99999;
    }
    .svg-welcom {
        display: none;
    }
    .quick-social button {
        border: 0;
        background: transparent;
        padding: 0;
        display: flex;
        justify-content: flex-start;
    }
    ul.b li {
        display: inline-block;
        width: max-content;
        margin-bottom: 8px;
        padding-bottom: 10px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 600px) {
    :root{
        --font-12: 11px;
        --font-14: 13px;
        --font-16: 15px;
        --font-18: 15px;
        --font-20: 15px;
        --font-24: 18px;
        --font-28: 1.458vw;
        --font-30: 1.563vw;
        --font-32: 20px;
        --font-36: 30px;
        --font-40: 25px;
        --font-42: 26px;
        --font-45: 2.344vw;
        --font-48: 35px;
        --font-50: 2.604vw;
        --font-55: 2.865vw;
        --font-64: 35px;
        --font-72: 40px;
        --font-75: 3.906vw;
        --font-100: 5.208vw;
        --font-138: 7.188vw;
        --font-134 : 50px;
    }
    .w-50, .w-40, .w-60, .w-55 , .w-45, .w-30,.w-70 {
        width: 100% !important;
    }
    .wel-img {
        height: 566px;
    }
    .welcom-note-content {
        padding: 25px 20px;
        /* text-align: center; */
    }
    #hamburger, #hamburger-scroll, #hamburger-close {
        width: 50px;
        height: 50px;
        top: 20%;
        position: absolute;
    }
    .font-48 {
        line-height: 39px;
    }
    .mob-directin-re {
        flex-direction: column-reverse;
    }
    .mob-direction {
        flex-direction: column;
    }
    .event-content-box {
        padding: 50px 10px;
    }
    .button-expo .border-white-btn {
        width: 312px;
        margin: 45px auto 80px;
    }
    .palate-sec::before {
        left: 0;
        right: 0;
        height: 21%;
    }
    .plate-content {
        padding: 0 0 50px;
    }
    .facilities-content-box {
        bottom: 30px;
        padding: 0 10px;
    }
    .activity-sec {
        padding-top: 100px !important;
        background-size: unset;
    }
    .activity-sec .content-de .white-font {
        color: var(--dark-blue);
    }
    .svg-welcom {
        display: none;
    }
    .social-media, .booking-logo {
        padding-bottom: 20px;
        justify-content: space-between;
    }
    .booking-logo img {
        padding-left: 0;
    }
    .social-media a {
        padding-right: 0;
    }
    /* .w-50.footer-contact, .scroll-menu.header-scrolled.header-show {
        display: none;
    } */
    .plate-img img {
        width: 83%;
        margin: 0 auto;
        display: block;
    }
    .scroll-menu #hamburger-scroll , .header-scrolled .scroll-menu{
        display: none;
    }
    ul#primary {
        column-count: 1;
        gap: 0;
    }
    #overlay a {
        padding-bottom: 0;
        padding-top: 10px;
    }
    div#scroll-down, header#header .pink-btn {
        display: none !important;
    }
    .font-134 {
        line-height: 65px;
    }
    .p-r-245{
        padding-right: 0;
    }
    .dine-sec {
        padding: 20px;
    }
    .slick-next {
        left: 25%;
        bottom: -115% !important;
        background-size: 30% !important;
    }
    .slick-prev  {
        right: 25%;
        bottom: -115% !important;
        background-size: 30% !important;
    }
    .testimonials-items {
        margin: 0 0 30px;
    }
    .testimonials-sec .w-40{
        padding-bottom: 30px;
    }
    .quick-social img {
        width: 40%;
    }
    .rooms-slider {
        margin: 0 0;
    }
    .room-items {
        margin: 0;
    }
    .wrap-50 {
        padding: 0;
    }
    .wrap-solution {
        flex-wrap: wrap;
    }
    .quick-social img {
        width: 22px;
    }
    .icon-text {
        width: 50%;
        margin-bottom: 20px;
    }
    .icon-text:nth-child(even) {
        border-right: 0;
    }
    .mob-padding {
        padding-top: 30px;
    }
    .box--check--out {
        margin-right: 0;
    }
    ul.b {
        padding: 0;
        column-count: 1;
    }
    .f-wrap {
        padding: 20px;
    }
    .galler-img {
        height: 246px;
    }
    .right-img {
        height: 450px;
    }
    .p-r-160 {
        padding-right: 0;
    }
    section.inner-inquery .contact--form {
        padding-top: 30px;
    }
    .choose-items {
        width: 100%;
    }
    .choose-wrap {
        display: flex;
        flex-direction: column;
    }
    .contact--form .d-flex {
        flex-direction: column;
    }
    .caption-sec .font-64 br {
        display: none;
    }
    .faq-sec #accordionExample .font-24 {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .contact--form {
        padding-right: 0;
    }
    .form-sec img {
        padding-top: 20px;
    }
    .icon-c img {
        padding-top: 0;
    }
    .hotline.white-box, .hotmail.white-box {
        margin: 10px;
        width: 100%;
    }
    .path-items {
        width: 100%;
        border-bottom: 2px solid #665890;
        padding: 20px 0;
    }
    .build-img img {
        width: 100%;
    }
    .build-img {
        height: 363px;
        overflow: hidden;
    }
    .take-tour-content {
        padding: 100px 20px 20px;
    }
    .take-tour-content h2 br {
        display: none;
    }
    .border-row {
        padding: 20px;
    }
    section.book-rooms a.white-btn {
        margin-top: 20px;
        display: flex;
    }
    .number-btn {
        width: 80px;
        height: 40px;
    }
    .btn-submit {
        width: 195px;
        height: 49px;
        margin-top: 46px;
        float: inline-start;
    }
    .icon-text {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .icon-text svg , .buffert-box {
        margin-right: 0 !important;
    }
    .page-template-dining .icon-text {
        border-right: 1px solid var(--light-purple) !important;
    }
    .page-template-dining .icon-text:last-child {
        border-right: 0 !important;
    }
    .cuisines-box, .cuisines-box:last-child {
        border : 1px solid var(--light-purple);
        width: 50%;
        padding: 10px;
    }
    .w-33 {
        width: 100%;
    }
    .dine-banner::after {
        background: linear-gradient(180deg, #121625 0%, rgba(18, 22, 37, 0.00) 100%);;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
    ul#footer-menu {
        display: none;
    }
    ul#myTab li.nav-item {
        margin: 10px;
    }
    .ph-img {
        height: 105px;
        width: 44%;
    }
    ul#subTab {
        padding-bottom: 50px;
    }
    a.my-video-links.vbox-item {
        width: 44%;
    }
    .video-thum-img, a.my-video-links.vbox-item{
        height: 105px;
    }
    .faciliti-wrapp {
        width: 100%;
    }
    .cu-box {
        padding: 20px;
    }
    .offers-img {
        height: 316px;
    }
    .path-items {
        border-right: 0;
    }
    .form-sec img {
        width: 100%;
    }
    section.cou-sec.p-t-150 {
        padding-top: 0;
    }
    button.slick-arrow{
        bottom: 0;
    }
    .icon-c img, .icon-c {
        width: 45%;
    }
    .icon-c {
        display: none;
    }
    .d-contct a, .d-contct p{
        padding: 0 20px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .contact--details .white-box {
        width: max-content;
        padding-right: 0;
    }
    .contact--details .white-box {
        padding-right: 0;
    }
 }


/* Responsive =================================================  */