.header,.slider-fade .swiper-slide{height: 100vh;overflow: hidden;position: relative;min-height: 708px;}
.slider-fade .item::before{content:'';position:absolute;pointer-events:none;z-index:2}
.slider-fade .item::before{top:0;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;background:linear-gradient(180deg,#000000cf 0%,#0006 46.06%,#00000059 100%);opacity: 0.6;}
.slider-fade .item::after{top: 0;left: 0;width: 100%;z-index: 2;content: "";height: 100%;position: absolute;background: linear-gradient(88.14deg, rgba(0, 0, 0, 0.8) 8.54%, rgba(0, 0, 0, 0.2) 74.29%);}
.header .caption .heada{position:relative;margin-bottom:0;font-size:54px;font-family:var(--font1);line-height:1.1;-webkit-animation-delay:.6s;animation-delay:.6s;color:var(--main-color2);font-weight:400;letter-spacing:3px;text-shadow:2px 2px 4px #00000059}
.slider-fade .item{height:100%;width:100%;background-size:cover;background-position:center center;position:relative;z-index:4}
.slider-fade .item .ban-video{background:#00000080;-webkit-backdrop-filter: blur(76px); backdrop-filter:blur(76px);border-radius:19px;padding:12px;position:relative;-webkit-border-radius:19px;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;max-width:838px}
.slider-fade .item .main-img{object-fit:cover;width:100%;height:100%;object-position:center;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;transition:transform .95s ease,opacity .95s ease;transform:translateX(10%) scale(1.5);opacity:1;filter:blur(4px)}
.slider-fade .swiper-slide-active .item .main-img,.slider-fade .swiper-slide-active .main-img{opacity:1;transform:translateX(0) scaleX(1);filter:blur(0);transition-delay:.2s}
.slider-fade .item.bg-bottom{background-position:bottom}
.slider-fade .item .caption{z-index:9}
.header .total{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .swiper-slide-active .caption .total{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s}
.header .heada{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .swiper-slide-active .heada{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}
.header .subio{-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}
.header .swiper-slide-active .subio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.8s;animation-delay:.8s}
.header .citio{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .swiper-slide-active .citio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.9s;animation-delay:.9s}
.capito{max-width:600px;position:relative;text-align:center;margin:auto;padding-top:50px;background:url(images/bird-w.svg) no-repeat top center;background-size:60px}
.slider-fade .dotta .swiper-pagination{position:absolute;bottom: 50%;right: 16px;left:auto;width:12px;margin:0;transform:translateY(50%);transition:opacity .3s ease;display:flex;justify-content:center;flex-flow:column;gap:6px;z-index:20}
.slider-fade .dotta .swiper-pagination-bullet{width:12px;height:12px;margin:0!important;padding:0;transition:height ease-in-out .5s;border-radius:50%;opacity:1;background: var(--whiteColor);}
.slider-fade .dotta .swiper-pagination-bullet-active{height:30px;border-radius:10px;width:12px;transition:height ease-in-out .5s}
.banner-title{font-size:74px;max-width:738px;line-height:1;text-shadow:2px 2px 4px #00000059;text-transform:capitalize;font-weight:500;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.header .swiper-slide-active .banner-title{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s;letter-spacing: -1.6px;line-height: 1.2;}
.play-now-two{width: 48px;height: 48px;line-height: 1;display: inline-flex;align-items: center;justify-content: center;background: var(--whiteColor);color: var(--black-color);border-radius: 50%;font-size: 26px;position: relative;z-index: 1;position: absolute;right: 32px;bottom: 82px;}
.play-now-two svg{position:relative;margin-left:0;rotate:-90deg}
.play-now-two::before{position: absolute;content: "";left: 50%;top: 27%;width: 103%;height: 103%;background-color: #ffffff4a;z-index: -1;border-radius: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;}
.play-now-two::after{position: absolute;content: "";left: 50%;top: 3%;width: 103%;height: 103%;background-color: #ffffff1f;z-index: -1;border-radius: 50%;transform: translate(-50%,-50%);border: 1px solid #ffffff78;}
.ban-content{max-width: 738px;}
.tripadvisor-banner{display: flex;align-items: center;gap: 13px;margin-bottom: 41px;}
.tripadvisor-banner .tripadvisor-stars{color: var(--main-color);display: flex;align-items: center;gap: 4px;line-height: 20px;}
.tripadvisor-banner h6{color: #ECE5D6; font-size: 22px; line-height: 1.3; padding-top: 5px;margin-bottom: 0;}
@keyframes borderanimate2 {
0%{transform:translate(-50%,-50%) scale(0.8)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(1.8);opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.8);-moz-transform:translate(-50%,-50%) scale(1.8);-ms-transform:translate(-50%,-50%) scale(1.8);-o-transform:translate(-50%,-50%) scale(1.8)}
}
.kind2{-webkit-animation-delay:1s;animation-delay:1s}

@media screen and (max-width:1600px) {
.header .caption .subio{font-size:16px}
.banner-title{font-size: 72px;}
}

@media screen and (max-width:1399px) {
.banner-title{font-size:62px;}
.ban-content {max-width: 598px;}
}
@media screen and (max-width:1350px) {
.header .caption .subio{font-size:15px}
}
@media screen and (max-width:1199px) {
.banner-title{font-size:56px;}
.banner-play-button{justify-content:left!important;margin-block-start:60px}
.ban-content {max-width: 518px;left: 0;}
}
@media screen and (max-width:991px) {
.header,.slider-fade .swiper-slide{height:90vh}
.play-now-two{width:44px;height:44px;left:-38px}
.banner-title{font-size:48px !important;}
}
@media screen and (max-width:767px) {
.header{min-height:500px;height:84vh}
.slider-fade .swiper-slide{min-height:500px;height:84vh}
.header .caption .subio{font-size:15px}
.tripadvisor-banner{margin-bottom: 32px;}
.banner-play-button{margin-block-start:30px}
.play-now-two{width:46px;height:46px;left:-45px}
.ban-content {margin: 0 auto;}
.banner-title {font-size: 44px !important;}
}
@media screen and (max-width:575px) {
.header{min-height:532px;height:72vh}
.slider-fade .swiper-slide{min-height:500px;height:72vh}
.header .caption .h1{font-size:28px;}
.header .caption .subio{font-size:13px;line-height:1.2}
.header .caption .btns.btn5{padding:10px 15px;font-size:14px;margin-bottom:10px}
.header .caption .btns.btn5 svg{width:14px}
.banner-play-button{margin-block-start:0;right:25px;position:absolute;bottom:30px}
.header .caption.v-middle2{top:auto;bottom:8%;transform:none}
.banner-title {font-size: 32px !important;}
.tripadvisor-banner img{width: 44px;}
.tripadvisor-banner h6{font-size: 19px;padding-top: 2px;}
.tripadvisor-banner svg{width: 14px;height: 14px;}
.tripadvisor-banner {margin-bottom: 26px;}
}
@media screen and (max-width:360px) {
.banner-title {font-size: 29px !important;}
.header .caption .subio{font-size: 12px;}
}
.bannerSwiper{width:100%;height:100%}
.bannerSwiper .swiper-wrapper{height:100%}
.bannerSwiper .swiper-slide{height:100%;overflow:hidden}
.bannerSwiper .swiper-pagination{pointer-events:auto}

.advance-item .advance-thumb{height:400px;}
.advance-thumb img{border-radius:17px}
.advance-content h5{padding-right:30px;}
.advance-btn{border:1px solid #0053621a;padding:5px;float:right;position:absolute;right:10px;bottom:20px;}
.advance-btn:hover{background-color: var(--main-color3);}
.advance-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}
@media screen and (max-width: 1399px) {
.advance-item .advance-thumb{height:320px;}
}
@media screen and (max-width: 1199px) {
.advance-wrap{grid-template-columns:1fr 1fr}
.advance-item .advance-thumb{height:360px;}
}
@media screen and (max-width: 991px) {
.advance-wrap{grid-template-columns:1fr 1fr}
.advance-item .advance-thumb{height:320px;}
}
@media screen and (max-width: 767px) {
.advance-wrap{grid-template-columns:1fr 1fr}
.advance-item .advance-thumb{height:300px;}
}
@media screen and (max-width: 575px) {
.advance-wrap{grid-template-columns:1fr}
.advance-item .advance-thumb{height:260px;}
}
.advance-item{background:var(--whiteColor);padding:8px;box-shadow:0 9px 20px 0 #32455d0a;border-radius:17px;position:relative;}
.offerowl.owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}
.offer-wrapper{ border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;background: var(--whiteColor);padding: 9px;height: 100%;}
.offer-wrapper img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease;height: 252px;object-fit: cover;}
.offer-wrapper .img-wrapper{overflow: hidden;display: block;border-radius: 18px;}
.offer-wrapper:hover .img-wrapper img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
.offer-wrapper:hover .offer-title{background:var(--main-color3)}
.offer-wrapper.active .offer-title{background:var(--main-color3)}
.offer-title{rotate:-90deg;position:absolute;inset-block-start:170px;inset-inline-start:-200px;background:var(--whiteColor);padding:34px 30px;width:111%;text-align:center;transition:.4s ease-in-out;z-index: 1;}
.offer-tag{position: relative;font-size: 13px;white-space: nowrap;}
.offer-tag span{text-transform: uppercase;}
.offer-title-inner{position: relative;z-index: 1;text-align: center;padding: 18px;display: block;padding-bottom: 32px;padding-top: 48px;}
.offer-title-inner svg{position: absolute;right: 29px;top: 6px;}
.offer-wrapper.offer-de2{padding: 0;}
.offer-wrapper.offer-de2 .offer-title-inner{position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);width: 100%;}
.offer-wrapper.offer-de2 .offer-title-inner h4{color: var(--whiteColor);}
.offer-wrapper.offer-de2 img{height: 100%;object-fit: cover;}
.offer-wrapper.offer-de2 .offer-tag span{color: var(--whiteColor);}
.offer-wrapper.offer-de2::before{width: 100%;height: 248px;background: linear-gradient(to bottom, #0d0d0d00, #7b2f2dbd, #7b2f2de5);content: '';left: 0;bottom: 0;position: absolute;z-index: 1;}
.offer-wrapper.offer-de2 .btns.outline2{border-color: var(--whiteColor);color: var(--whiteColor);}
.offer-wrapper.offer-de2 .offer-tag{position: absolute;top: -278px;background: var(--main-color2);padding: 0 14px;border-radius: 58px;left: 50%;transform: translateX(-50%);}
.offer-wrapper.offer-de2 .offer-tag span{text-decoration: none !important;}
.offer-wrapper.offer-de2 .img-wrapper{height: 100% !important;}
@media screen and (max-width: 1200px) {
.offer-title-inner{padding: 7px;padding-bottom: 22px;padding-top: 38px;}
.offer-wrapper img{height: 212px;}
.offer-wrapper.offer-de2 .offer-tag{top: -232px;}
}

@media screen and (max-width: 991px) {
.offo{flex-wrap: nowrap;overflow: auto;}
.offo .col-12{max-width: 90%;}
}
@media screen and (max-width: 575px) {
.offer-wrapper img{height: 268px;}
.offer-wrapper.offer-de2 .offer-tag {top: -282px;}
}
@media screen and (max-width: 1199px) {
.feature-wrapper{flex-wrap:wrap}
}
.feature-item{max-width:298px;width:100%;transition:.4s ease-in-out;padding:3rem 1.5rem 2rem 2rem;border-radius:10px;}
@media screen and (max-width: 1399px) {
.feature-item{padding-inline-end:0;padding-inline-start:15px}
}
@media screen and (max-width: 1199px) {
.feature-item{padding-inline-start:2rem;padding-inline-end:2rem}
}
@media screen and (max-width: 767px) {
.feature-item{max-width:262px;padding-inline-start:1rem;padding-inline-end:1rem}
.feature-item{max-width:100%}
}
.feature-item:hover{background:var(--main-color3)!important}
.feature-item:hover .feature-icon img{filter:brightness(0) invert(0)}
.feature-item.active{background:var(--main-color3)!important}
.feature-item.active .feature-icon img{filter:brightness(0) invert(0)}

.testimonial-panel {min-height:300px;}
.testimonial-thumb{max-width:250px;width:100%}
.testimonial-paragraph{font-style:italic;font-weight:400;font-size:26px;}
.testimonial-review{height:48px}
@media screen and (max-width: 991px) {
.testimonial-wrapper{flex-wrap:wrap;gap:1rem}
.testimonial-paragraph{font-size:20px;}
}
@media screen and (max-width: 575px) {
.testimonial-paragraph{font-size:18px;}
}
.marquee-icon{margin-inline-start: 11px;margin-inline-end: 11px;width: 68px;position: relative;top: -9px;animation: hithere 2s ease infinite;}
.marquee-icon img{width: 100%;}

@keyframes hithere {
  30% {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
40%, 60% {
  -webkit-transform: rotate(-20deg) scale(1.2);
  transform: rotate(-20deg) scale(1.2);
}
50% {
  -webkit-transform: rotate(20deg) scale(1.2);
  transform: rotate(20deg) scale(1.2);
}
70% {
  -webkit-transform: rotate(0deg) scale(1.2);
  transform: rotate(0deg) scale(1.2);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

.testimonials{position: relative;}
.testimonials::before{background: #0000007d;width: 100%;height: 100%;left: 0;top: 0;content: '';position: absolute;}
.circle-initials{width: 41px;height: 41px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;color: var(--whiteColor);background: var(--main-color2);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.testimonial-item{padding: 34px 34px 96px 34px !important;}
.testimonial-item .testi-quote{position: absolute;right: 28px;top: 22px;opacity: 0.2;}
@media screen and (max-width: 575px) {
.testimonial-item{padding: 24px 24px 86px 24px !important;}
}

/* .nowrappa{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:24px;padding-bottom:14px;cursor:grab;mask-image:linear-gradient(to right,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%)} */

.dining-main{overflow:hidden;height:100%}
.dining-car{display:flex;height:100%}
/* .dining-car > div{display:flex;flex-shrink:0;}
.dining-car .cardd{align-items:stretch;width:50%;} */

@media(max-width:1199px){
.roombox2{height:600px;}
}
@media(max-width:1199px){
.roombox2{height:500px;}
}
@media(max-width:991px){
.roombox2{height:500px;}
.dining-car{overflow: auto;}
/* .dining-car .cardd{width:50%;} */
}
@media(max-width:575px){
.roombox2{height:320px;}
.dining-car .cardd{width:100%;}
}

.horizontal{display:flex;height:100%}
.horizontal > div{display:flex;flex-shrink:0;}
.horizontal .cardd{align-items:stretch;width:50%;}
@media(max-width:991px){
.horizontal{overflow: auto;}
.horizontal .cardd{width:50%;}
}
@media(max-width:575px){
.horizontal .cardd{width:100%;}
}

.flip-circle{position: absolute;left: 46px;bottom: -192px;transform: translate(-50%, -50%);}
.banner-play-btn {width: 178px;height: 178px;border-radius: 100px;background-color: var(--whiteColor) !important;overflow: hidden;line-height: 177px;text-align: center;position: relative;display: inline-block;border: 1px solid var(--main-color);}
.text-inner {animation: circle 15s linear infinite;position: relative;z-index: 22;fill: transparent;-webkit-animation: circle 15s linear infinite;}
.text-inner svg {width: 133px;max-width: 100%;height: auto;overflow: visible;word-spacing: 10px;transform: rotate(0) scaleX(1) scaleY(1);position: relative;}
.text-inner:before{position: absolute;content: "";top: 0;left:0 ;height: 16px;width: 16px;background: #fff!important;}
.text-inner text {fill: #333;direction: ltr;font-size: 29px;font-weight: 400;letter-spacing: 3px;}
.like {position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 88px;height: 88px;background: var(--main-color2);line-height: 58px;border-radius: 50%;padding: 0px;display: flex;align-items: center;justify-content: center;z-index: 1;cursor: pointer;}
@media(max-width:575px){
.banner-play-btn{width: 136px;height: 136px;line-height: 129px;}
.text-inner svg{width: 102px;}
.text-inner text{font-size: 32px;letter-spacing: 1px;}
.like{width: 74px;height: 74px;}
}

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

@media(max-width:768px){
.flip-circle{bottom: 0;}
}
@media(max-width:575px){
.booking-heading{width: 142px;}
.flip-circle{bottom: 0;left: 62px;}
}
.intro-br{position: relative;}
@media(min-width:768px){
.intro-br::before{width: 1px;height: 100%;background: #0000001f;top: 0;right: 18px;position: absolute;content: '';}
}

.ameitem{ background: #ffffff14; border: 1px solid rgba(34, 34, 34, 0.2); border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; cursor: pointer; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;padding: 40px 24px;}
.ameitem p{font-size: 15px;opacity: 0.9;}
.ameitem .icon svg path{fill: var(--main-color2);transition: all 0.4s ease;}


@media (min-width: 992px) {
  .col-lg-2_5 {
    flex: 0 0 auto;
    width: 20%;
  }
}

.marquee-main{position: relative;}
.marquee-main .marquee .marquee-title{line-height: 108px;font-size: 80px;margin: 0px 40px;display: inline-block;}
@media (max-width: 1200px) {
.marquee-main .marquee .marquee-title{line-height: 72px;font-size: 48px;}
.marquee-icon {width: 48px;top: -5px;margin-inline-start: 6px;margin-inline-end: 6px;}
}
@media (max-width: 768px) {
.marquee-main .marquee .marquee-title{line-height: 52px;font-size: 38px;}
.marquee-icon {width: 35px;top: -1px;margin-inline-start: 2px;margin-inline-end: 2px;}
}
@media (max-width: 575px) {
.marquee-main .marquee .marquee-title{margin: 0px 18px;}
.marquee-main .marquee .marquee-title {line-height: 48px;font-size: 36px;}
.marquee-icon {width: 32px;}
}
.inspowl{-webkit-clip-path: inset(0 -100% 0 0); clip-path: inset(0 -100% 0 0);overflow: visible !important;}
.place-wrap{display: block;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;border-radius: 14px;overflow: hidden;position: relative;}
.place-wrap::before{width: 100%;height: 112px;background: linear-gradient(to bottom, #0000, #000000ce);position: absolute;left: 0;bottom: 0;content: '';transition: all 0.4s ease;}

.place-wrap:hover::before{height: 272px;}
.place-wrap .place-content{position: absolute;bottom: -116px;left: 0;width: 100%;transition: all 0.4s ease;padding: 32px;}
.place-wrap .place-content p{opacity: 0;transition: all 0.4s ease;}
.place-wrap .place-explore{text-decoration: underline;text-transform: uppercase;color: var(--whiteColor);margin-top: 13px;display: inline-block;font-size: 14px;}
.place-wrap:hover .place-content{bottom: 0;}
.place-wrap:hover .place-content p{opacity: 1;}

@media (max-width: 575px) {
.place-wrap .place-content{padding: 24px;}
}

.roomOwl.owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}
.amenities-caro.owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}

.exp-acco{position: relative;rotate: -90deg;animation: mover 1s infinite  alternate;cursor: pointer;opacity: 0.9;}
@-webkit-keyframes mover {
    0% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    100% { transform: translateX(-18px); -webkit-transform: translateX(-18px); -moz-transform: translateX(-18px); -ms-transform: translateX(-18px); -o-transform: translateX(-18px); }
}
.faci-bg{position: relative;background-attachment: fixed;}
.home-testi-bottom{border-top: 1px solid #7b2f2d1f;padding-top: 32px;margin-top: 38px;}
.testimonial-slider-wrapper .owl-nav{position: absolute;bottom: 2px;right: 0;margin: 0;display: flex;gap: 10px;}
.testimonial-slider-wrapper .owl-nav button.owl-prev,.testimonial-slider-wrapper .owl-nav button.owl-next{width:45px;height:45px;border-radius:50%;background:transparent!important;border:1px solid #dcd6cd!important;color:#333!important;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.testimonial-slider-wrapper .owl-nav button.owl-prev:hover,.testimonial-slider-wrapper .owl-nav button.owl-next:hover{background:var(--main-color)!important;border-color:var(--main-color)!important;color:#fff!important}

.trip-revv{position: absolute;top: 8px;left: 50%;transform: translateX(-50%);font-size: 9px;display: block;width: 62px;text-align: center;line-height: 11px;text-transform: uppercase;font-weight: 600;color: #000;opacity: 0.9;}
.home-mission-guest{background: var(--whiteColor);padding: 10px;border-radius: 8px;gap: 14px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 22px;left: 50%;width: calc(100% - 48px);transform: translateX(-50%);}
.home-mission-guest span{font-weight: 500;font-size: 15px;line-height: 18px;display: inline-block;text-align: left;}
.home-mission-guest img{width: 138px;}
.home-mission .mission{padding-top: 28px;padding-bottom: 58px;-webkit-animation: floatUpDown 3.5s ease-in-out infinite;animation: floatUpDown 3.5s ease-in-out infinite;width: 121px;opacity: 0.03;}
.home-mission .about-posi{position: absolute;left: 50%;transform: translateX(-50%);bottom: 26px;}
.home-mission-guest ul li{line-height: 16px;}
.home-mission-guest ul{display: flex;gap: 3px;}
@media (max-width: 1200px) {
.home-mission-guest span{font-size: 14px;}
}
@media (max-width: 991px) {
.home-mission-guest span{font-size: 13px;}
}
@media (max-width: 575px) {
.home-mission .mission {padding-top: 18px;padding-bottom: 78px;width: 99px;}
}
@keyframes floatUpDown {
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
50% {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}
100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}
.amenities-head{font-size: 140px;line-height: 162px;color: transparent;background: linear-gradient(180deg, rgba(34, 34, 34, 0.14) -11.44%, rgba(34, 34, 34, 0) 114.83%);-webkit-background-clip: text;background-clip: text;text-transform: uppercase;font-family: var(--font1);font-weight: 600;text-align: center;}
@media(max-width:1200px){
.amenities-head {font-size: 90px;line-height: 112px;}
}
@media (max-width: 991px) {
.amenities-head {font-size: 62px;line-height: 84px;}
}
@media (max-width: 768px) {
.ameitem{padding: 28px 24px;}
}
@media (max-width: 575px) {
.amenities-head {font-size: 44px;line-height: 62px;}
}
.room-fav{position: absolute;bottom: -5px;right: -5px;width: 82px;opacity: 0.03;}

.category-card{overflow: hidden;position: relative;background: var(--whiteColor);}
.category-card .content{position: absolute;left: 0;bottom: 0;color: #fff;z-index: 3;width: 100%;padding: 22px;text-align: left;}
.category-card .content .category-arrow{ background: var(--whiteColor); padding: 7px 18px; border-radius: 58px; display: inline-flex; justify-content: space-between; align-items: center; color: var(--black-color); font-weight: 500; gap: 9px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.category-card .content .category-arrow:hover{background: var(--main-color);color: var(--whiteColor);}
.category-card .item{position: relative;}
.category-card .item::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 222px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0.45) );-webkit-mask-image: linear-gradient( to bottom, transparent 0%, black 45%, black 100% );mask-image: linear-gradient( to bottom, transparent 0%, black 45%, black 100% );z-index: 1;}
.category-card .item::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 212px;background: linear-gradient( to bottom, transparent, #0000008c, #000000e5 );z-index: 2;}
.category-card img{object-fit: cover;}
.category-card .category-tag{ position: absolute; left: 50%; top: 0; color: #fff; width: 100%; transform: translateX(-50%); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; text-align: center; }
.theme-slider {overflow: hidden;}
@media(max-width:575px){
.category-card .content {padding: 19px;}
}
@media(max-width:400px){
.theme-text-small{font-size: 14px !important;}
}
@media(max-width:350px){
.theme-text-small{font-size: 14px !important;}
}
.img-cover{object-fit: cover;}

.theme-slider .swiper-button-next, .theme-slider .swiper-button-prev{color: var(--whiteColor);}

.section-header-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}
.indicator-wrapper{position:relative;height:80px;width:2px;display:flex;justify-content:center;margin-bottom:10px}
.indicator-wrapper .line{position:absolute;top:0;width:1px;height:0;background-color:#7A3E3E;transition:height .8s cubic-bezier(0.4,0,0.2,1);left:-4px}
.indicator-wrapper .dot{position:absolute;top:0;width:9px;height:9px;background-color:#7A3E3E;border-radius:50%;transform:translateX(-50%) scale(0.8);transition:transform .8s cubic-bezier(0.4,0,0.2,1),top .8s cubic-bezier(0.4,0,0.2,1)}
.section-header-wrapper.active .line{height:60px}
.section-header-wrapper.active .dot{top:60px;transform:translateX(-50%) scale(1)}


.room-scroll-section{position:relative;width:100%}
.room-scroll-item{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.room-scroll-overlay{position:absolute;inset:0;background:#0000004d}
.room-scroll-content{position:relative;z-index:2;width:100%;display:flex;justify-content:center;align-items:center;padding:30px 15px}
.room-scroll-card{width:100%;max-width:520px;background:var(--main-color2);padding:14px;border-radius:12px}
.room-scroll-image{display:block;width:100%;height:340px;overflow:hidden;border-radius:11px}
.room-scroll-image img{width:100%;height:100%;object-fit:cover;display:block}
.room-scroll-details{padding:18px 17px 12px;color:#fff}
.room-scroll-details h3{font-size:23px;font-weight:500;margin:0 0 7px}
.room-scroll-details h3 a{color:#fff;text-decoration:none}
.room-scroll-info{display:flex;justify-content:space-between;gap:10px;color:#fff;font-size:14px}
@media(max-width:767px) {
.room-scroll-item{height:100vh}
.room-scroll-card{max-width:420px}
.room-scroll-image{height:250px}
.room-scroll-details h3{font-size:19px}
}

.amenity-item{z-index:1;padding:35px 0;position:relative;border-bottom:1px solid #2223;transition:all 500ms ease-in-out;display:block;color:inherit;text-decoration:none}
.amenity-item:first-child{border-top:1px solid var(--border-color)}
.amenity-item:hover{padding-left:35px;padding-right:35px;color:#fff;text-decoration:none}
.amenity-item::before{left:0;top:auto;bottom:0;z-index:-1;width:100%;content:"";height:0;position:absolute;transition:all 500ms ease-in-out;background-color:var(--main-color2)}
.amenity-item:hover::before{top:0;bottom:auto;height:100%}
.amenity-title{font-size:34px;font-weight:300;margin-bottom:0;transition:color .3s ease}
.amenity-desc{font-size:1rem;margin-top:7px;transition:color .3s ease,opacity .3s ease;opacity:.8;margin-bottom:0}
.amenity-item:hover .amenity-title{color:var(--whiteColor)}
.amenity-item:hover .amenity-desc{color:#f0f0f0;opacity:.9}
.amenity-item:hover{border-color:var(--main-color2)}
.arrow-btn{width:49px;height:49px;border-radius:50%;background-color:var(--whiteColor);display:flex;align-items:center;justify-content:center;color:var(--main-color2);opacity:0;transform:scale(0);transition:all .3s ease;flex-shrink:0}
.amenity-item:hover .arrow-btn{opacity:1;transform:scale(1)}
.hover-image-preview{position:fixed;width:260px;height:302px;object-fit:cover;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(0.8);transition:opacity .3s ease,transform .2s ease;z-index:1000;rotate:-8deg}
.amenity-item:first-of-type{padding-left:35px;padding-right:35px;color:#fff;border-color:var(--main-color2)}
.amenity-item:first-of-type::before{top:0;bottom:auto;height:100%}
.amenity-item:first-of-type .amenity-title{color:var(--whiteColor)}
.amenity-item:first-of-type .amenity-desc{color:#f0f0f0;opacity:.9}
.amenity-item:first-of-type .arrow-btn{opacity:1;transform:scale(1)}
@media (max-width: 991px) {
.amenity-title{font-size:28px}
}
@media (max-width: 767px) {
.amenity-item{padding:25px 0}
.amenity-title{font-size:1.4rem}
.amenity-desc{font-size:.9rem}
.arrow-btn{width:40px;height:40px}
.amenity-item:hover,.amenity-item:first-of-type{padding-left:15px;padding-right:15px}
.hover-image-preview{display:none}
}
@media (max-width: 575px) {
.amenity-title{font-size:1.2rem}
}

.banner-glass-card{position:relative;height:320px;overflow:hidden;border-radius:10px;background:#222}
.banner-glass-card > img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.banner-glass-card:hover > img{transform:scale(1.08)}
.banner-glass-info{position:absolute;bottom:0;left:0;width:100%;padding:132px 15px 18px;color:#fff;background:linear-gradient(transparent,#000000e0)}
.banner-glass-info h3{color:#fff;font-size:18px;line-height:1.35;font-weight:500;margin-bottom:8px}
.banner-glass-info a{color:#fff;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid #ffffffb3;padding-bottom:5px}
.banner-glass-info a i{transition:transform .3s ease}
.banner-glass-info a:hover i{transform:translateX(5px)}

@media(max-width:1200px) {
.banner-glass-info h3{font-size: 15px;}
.banner-glass-card{height: 252px;}
}
@media(max-width:767px) {
.banner-glass-card{height:250px}
.banner-glass-info{padding:25px 10px 13px}
.banner-glass-info h3{font-size:15px}
.banner-glass-info a{font-size:10px}
}