@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Marcellus&display=swap');
:root{--primary:#18ac5e;--secondary:#008944;--white:#fff;--dark:#101010}
body{margin:0;padding:0!important;font:16px/1.5 "Jost",sans-serif;color:#444;background:#faf5ea;scroll-behavior:smooth;overflow:inherit!important}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{width:100%;margin:0 0 12px;padding:13px 15px;font-size:16px;line-height:1;color:#444;background:none;border:1px solid #eee;border-radius:10px;outline:0}
input[type=submit]{padding:14px 26px;font-weight:600;line-height:1;letter-spacing:.8px;text-transform:uppercase;color:var(--white);cursor:pointer;background:var(--primary);border:0;border-radius:14px;outline:0}
input[type=submit]:hover{color:var(--white);background:var(--secondary);transition:.8s}
textarea{height:100px;margin-bottom:5px}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Marcellus",serif;font-weight:400;line-height:1.18;color:#202020}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{padding:0;margin:0 0 12px}
img{margin:0!important}
ul,li,a{list-style:none;color:var(--dark)}
a:hover{text-decoration:none;transition:.8s}
.heading,.leftheading{position:relative;margin-bottom:35px;font-size:2.8rem;line-height:1.2}
.heading{text-align:center}
.subheading{width:fit-content;margin:0 auto 15px;font:400 16px/1 "Jost",sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--secondary)}
.subdescription{margin:0;font-size:16px;line-height:1.6}
.btn{position:relative;z-index:0;overflow:hidden;padding:14px 30px;font-size:17px;line-height:1;letter-spacing:.5px;border:0;border-radius:50px}
.btn-primary{color:var(--white);background:var(--primary)}
.btn-primary:hover{background:var(--secondary)}
.btn-secondary{background:var(--secondary);border-color:var(--white)}
.btn-secondary:hover{background:var(--primary);border-color:var(--primary)}
.btn-light-outline{color:var(--primary);background:var(--white)}
.btn-light-outline:hover{color:var(--white);background:var(--primary)}
ul.slick-dots{display:flex;justify-content:center;gap:10px;margin-top:25px}
ul.slick-dots li{line-height:1}
ul.slick-dots li button{width:12px;height:12px;padding:0;overflow:hidden;text-indent:100px;line-height:1;background:#dfdfdf;border:0;border-radius:50px;transition:.5s}
ul.slick-dots li.slick-active button{width:20px;background:var(--primary)}
button.slick-prev.slick-arrow{left:10%}
button.slick-next.slick-arrow{right:10%}
.slider-nav{position:absolute;top:55%;left:0;z-index:2;width:100%;transform:translateY(-45%); pointer-events: none;}
.slider-arrows{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}
.slider-arrows button.slick-arrow,.rvslider-arrows button.slick-arrow,.restaurantslider-arrows button.slick-arrow{position:static;width:3.4rem;height:3.4rem;overflow:hidden;font-size:20px;line-height:.5;color:var(--white);background:#15281e;border:2px solid #4f665a;border-radius:50%;opacity:.7;transform:none;transition:.5s; pointer-events: auto;}
.slider-arrows button.slick-arrow:after{display:none}
.slider-arrows button.slick-arrow:hover,.rvslider-arrows button.slick-arrow:hover,.restaurantslider-arrows button.slick-arrow:hover{color:var(--white);background:var(--primary);border-color:var(--white);opacity:1}
.section-padding{padding:60px 0}

/* HEADER SECTION CSS */

.menubar>a img{height:100px}
.menubar{display:flex;align-items:center;justify-content:space-between}
header nav.menucontainer ul.menutop select.gt_selector.notranslate{margin:0;max-width:140px;padding:10px;font-size:13px;color:#dcdddf;border-radius:6px}
header nav.menucontainer ul.menutop select.gt_selector.notranslate option{color:var(--dark)}
header{z-index:3;background:var(--white);}
header ul.header-cntct{display:flex;align-items:center;justify-content:flex-end}
header ul.header-cntct li a:not(.btn){font-size:16px;font-weight:500}
header .header-cntct a i{margin-left:8px;font-size:22px;line-height:.5}
header .header-cntct a.btn-secondary:before{background:var(--white)}
header .header-cntct a.btn-secondary:hover{color:var(--secondary)}

/* BANNER SECTION CSS */

.hero{padding:100px 0}
.eyebrow{font-size:1rem;color:var(--text-muted)}
.eyebrow .line{display:inline-block;width:26px;height:2px;background:var(--primary)}
.eyebrow .dot,.hero-heading .dot-lg,.stat-thumb,.btn-circle{border-radius:50%}
.eyebrow .dot,.hero-heading .dot-lg,.btn-circle{display:flex;align-items:center;justify-content:center}
.eyebrow .dot,.hero-heading .dot-lg{background:#fff;border:1px solid #c8e3d4}
.eyebrow .dot{width:20px;height:20px;display:inline-flex}
.eyebrow .dot::after,.hero-heading .dot-lg::after{content:"";border-radius:50%;background:var(--primary)}
.eyebrow .dot::after{width:8px;height:8px}
.hero-heading{font-size:4.6rem;line-height:1.1;font-weight:400}
.hero-heading .dot-lg{width:56px;height:56px;display:inline-flex;vertical-align:middle}
.hero-heading .dot-lg::after{width:22px;height:22px}
.heading-shape{display:inline-block;line-height:1;margin-right:15px}
.heading-shape img{display:block;width:110px;height:auto}
.divider{border-top:1px solid #d9cdb8}
.stat-card{display:flex;align-items:center;gap:16px;max-width:390px;padding:8px 28px 8px 8px;border-radius:80px;background:#097a3f}
.stat-thumb{width:100px;height:100px;object-fit:cover;border:2px solid var(--white)}
.stat-number{margin-bottom:5px;font:1.4rem "Marcellus",serif;color:var(--white)}
.stat-text{margin:0;font-size:.82rem;line-height:1.3;color:#ebebeb}
.btn-circle {width: 116px;height: 116px;text-align: center;font-size: 1rem;font-weight: 600;letter-spacing: .5px;line-height: 1.4;    background: var(--white);border: 1px solid #c8e3d4;font-family: "Marcellus", serif;}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.hero-visual img{width:calc(100% + 60px);margin-left:-60px!important}
@media (max-width:991px){
.navbar-top,.hero{padding-inline:20px}
.nav-pill{display:none}
.hero-heading{font-size:2.6rem}
}

/* MARQUEE SLIDER CSS */

.marquee{padding: 25px 0;background: #15281e;}
.marqueeinner{display:flex;width:200%;animation:marqueeMove 30s linear infinite}
.marqueeinnerlist{display:flex;align-items:center;gap:40px;width:50%;flex-shrink:0}
.marqueeinnerlistitem{display:flex;align-items:center;gap:40px;flex-shrink:0}
.marqueeinnerlistitem h4{margin:0;font-size: 42px;letter-spacing:.5px;color:var(--primary);white-space:nowrap}
.marqueeinnerlistitem:nth-child(even) h4{color: var(--white);}
.marqueeinnerlistitem i{display:inline-block;font-size:32px;line-height:0;color: var(--white);background: var(--primary);height: 60px;width: 60px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;}
@keyframes marqueeMove{to{transform:translateX(-50%)}}
@media (max-width:1549px){
.marqueeinnerlistitem h4{font-size:38px}
.marqueeinnerlistitem:nth-child(even) h4{font-size:38px}
}


/* CIRCLE IMAGE SECTION CSS */

.circleimg-items img{width:100%;height:100%;object-fit:cover}

/* HOMEABOUT SECTION CSS */

.homeabout-img img{aspect-ratio:1/1.3;object-fit:cover;border-radius:15px}
.counteritem:first-child{padding-right:50px;margin-right:50px;border-right:1px solid #15281e}
.counteritem h3{margin-bottom:0;font-size:36px;color:var(--secondary)}
.counteritem p{margin-bottom:0}
.homeabout img.homeabout-shape{position:absolute;top:48%;left:50%;z-index:-1;max-height:89%;filter:invert(1);transform:translate(-50%,-50%)}
a.homeabout-btn{position:absolute;left:-50px;bottom:-20px;animation:rotate 6s linear infinite}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
a.homeabout-btn img{display:block;width:150px;height:150px}

/* HOME ROOMS SECTION CSS */


.rooms-slider .slick-slide{margin:0 12px}
.rooms-item{position:relative;overflow:hidden;border:2px solid transparent;border-radius:25px}
.rooms-item .roomsitem-info{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;width:100%;height:calc(100% - 66px);background:linear-gradient(45deg,#103a24,transparent);opacity:0;transition:.5s}
span.roomsitem-price strong{margin-left:8px;font:600 22px "Marcellus",serif;line-height:1;color:var(--primary)}
.roomsitem-features{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 30px;background:#fdfbf4;border-top:1px solid #ffffff30;opacity:0;transition:.5s}
.slick-current.slick-active.slick-center span.roomsitem-price,.slick-current.slick-active.slick-center .roomsitem-info,.slick-current.slick-active.slick-center .roomsitem-features{opacity:1}
.slick-current.slick-active.slick-center .rooms-item{border-color:#15281e}
.rooms-item>img{width:100%;height:auto;margin:0;aspect-ratio:5/2.8;object-fit:cover;transition:.5s}
.roomsitem-features ul{display:flex;align-items:center;justify-content:center}
.roomsitem-features ul li{display:inline-flex;align-items:center;gap:10px;line-height:1}
.roomsitem-features ul li:not(:last-child){margin-right:30px;padding-right:30px;border-right:1px solid #15281e}
.roomsitem-features ul li i{font-size:22px!important;color:var(--primary)}
.roomsitem-info h3{font-size:35px;color:var(--white)}


/* RESTAURANT SECTION CSS */

.restaurant{padding-bottom:20px;background:#15281e}
.restaurant-wrapper{position:relative;z-index:1;margin-top:-50px}
.restaurant-wrapper .slick-slide{margin:0 12px}
.restaurant-wrapper .slick-slide img{width:100%!important;height:auto;aspect-ratio:2/3.4;object-fit:cover}
.restaurant-wrapper .restaurantslider_wave{position:absolute;left:0;z-index:5;width:100%}
.restaurantslider_wave.bottom{bottom:0;transform:rotateX(180deg)}
.restaurant-slider ul.slick-dots{position:relative;z-index:9;margin-top:0;transform:translateY(-50px)}
.restaurantsldr-item{position:relative}
.restaurant-slider button.slick-prev.slick-arrow,.restaurant-slider button.slick-next.slick-arrow{position:absolute;top:auto;bottom:0;left:50%;z-index:9;width:3rem;height:3rem;padding:8px;cursor:pointer;color:#e5e2d4;background:#e5e2d40d;border:1px solid #e5e2d426;transform:translateX(-50%);transition:.5s}
.restaurant-slider button.slick-prev.slick-arrow:after,.restaurant-slider button.slick-next.slick-arrow:after{display:none}
.restaurant-slider button.slick-prev.slick-arrow:hover,.restaurant-slider button.slick-next.slick-arrow:hover{background:var(--primary);border-color:var(--primary)}
.restaurant-slider button.slick-next.pull-right.slick-arrow{margin-left:35px}
.restaurant-slider button.slick-prev.pull-left.slick-arrow{margin-left:-35px;transform:translateX(-50%) rotate(180deg)}

/* SERVICES PAGE CSS */

.serviceslist{padding:30px 20px 25px;text-align:center;background:var(--white);border-radius:25px;box-shadow:4px 4px 25px #00000014;transition:.5s}
.serviceslist h3{margin:15px 0 0!important;font-size:21px;transition:.5s}
.serviceslist:hover h3{color:var(--secondary)}
.serviceslist figure{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#fdfbf4;border:1px solid #dbd7c6;border-radius:50%;transition:.5s}
.serviceslist figure i{font-size:40px;line-height:.5;transition:.5s}
.serviceslist:hover figure{background:var(--secondary);border-color:var(--primary)}
.serviceslist:hover figure i{color:var(--white);transform:rotate(360deg)}
.serviceslist:hover{background:var(--white);box-shadow:4px 4px 45px #e9e5d7}

/* TESTIMONIALS SECTION CSS */

.testimonials{position:relative;z-index:0;background-attachment:fixed}
.testimonials:before{position:absolute;inset:0;z-index:-1;content:"";backdrop-filter:blur(3px)}
.testimonials h4.subheading{color:#f1a590}
.testimonials h2.heading{padding-bottom:30px}
.testimonials h2.heading:after{position:absolute;bottom:0;left:0;width:80px;height:3px;content:"";background:var(--primary);border-radius:50px;opacity:.7}
.testimonials-counter{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ffffff24}
.testimonials-counter h3{margin-bottom:6px;font-size:40px;color:var(--primary)}
.testimonials-counter p{margin:0;font-size:16px;color:#c3c3c3}
.testimonials-rating i{font-size:17px;color:#f5ac3a}
.testimonials-item p{display:-webkit-box;overflow:hidden;margin:10px 0 20px;font-size:18px;font-style:italic;line-height:1.55;-webkit-line-clamp:6;-webkit-box-orient:vertical;transition:.5s}
.testimonialsitem-btm{display:flex;align-items:center;justify-content:space-between;gap:12px}
.testimonialsitem-btm span h3{margin:0;font-size:20px;transition:.5s}
.testimonialsitem-btm span h3 span{margin-top:5px;font:400 16px "Jost",sans-serif;color:var(--primary)}
.testimonials-item{position:relative;padding:30px 30px 25px 110px;background:var(--white);border-radius:25px;box-shadow:0 0 30px #00000014;transition:.5s}
.testimonials_slider .slick-slide{margin:0 15px}
.slick-slide.slick-current.slick-active.slick-center .testimonials-item{background:#15281e}
.testimonials-item figure{position:absolute;left:25px}
.slick-slide.slick-current.slick-active.slick-center .testimonials-item h3{color:var(--white)}
.slick-slide.slick-current.slick-active.slick-center .testimonials-item p{color:#bfbfbf}
.testimonials_slider .slick-track{padding:20px 0}

/* BLOG SECTION CSS */

.homebloglist{position:relative;overflow:hidden;background:var(--white);border-radius:20px;box-shadow:0 0 30px #00000014}
.homebloglist>img{position:relative;z-index:-1;width:100%;height:auto;aspect-ratio:1/1.2;object-fit:cover;transition:.5s}
.homebloglist figure{position:relative}
.homebloglist figure img{width:100%;height:auto;aspect-ratio:3/1.8;object-fit:cover;transition:.5s}
.homebloglist figure .date-tag{position:absolute;top:10px;right:10px;padding:8px 15px;font-size:13px;line-height:1;color:var(--white);background:var(--primary);border-radius:25px}
.homebloglist figure .date-tag i{margin-right:2px}
.homebloglist-info{padding:20px 20px 15px}
.homebloglist-info h3{margin-bottom:12px}
.homebloglist-btminfo{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #e7e6e5}
.homebloglist-btminfo p{line-height:1}
.homebloglist-btminfo p i{margin-right:6px;font-size:15px;color:var(--primary)}
.homebloglist-btminfo a.btn{padding:10px 20px;font-size:16px}
.homebloglist:hover img{transform:scale(1.1) rotate(-4deg)}

/* FOOTER SECTION CSS */

.site-footer{color:#acb9b2;background:#15281e}
.site-footer a{color:#acb9b2;text-decoration:none;transition:color .2s ease,padding-left .2s ease}
.site-footer a:hover{color:#f5f1ea;padding-left:3px}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.footer-logo img{width:110px}
.footer-about p{max-width:320px;margin-bottom:20px;line-height:1.6}
.footer-heading{margin-bottom:26px;font-size:26px;font-weight:600;color:#f5f1ea}
.footer-label{margin-bottom:8px;font-size:18px;color:#f5f1ea}
.social-icons{display:flex;gap:10px;margin-top:12px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:15px;color:var(--white);background:var(--primary);border-radius:50px}
.social-icons a:nth-child(1){background:#1877f2}
.social-icons a:nth-child(2){background:#1da1f2}
.social-icons a:nth-child(3){background:#d856d1}
.social-icons a:nth-child(4){background:#0a66c2}
.social-icons a:hover{padding-left:0;background:var(--primary)}
.footer-col-title{margin-bottom:25px;font-size:22px;color:#f5f1ea}
.site-footer .menu,.contact-list{margin:0;padding:0;list-style:none}
.site-footer .menu li:not(:last-child){margin-bottom:12px}
.site-footer .menu li:last-child,.contact-list li:last-child{margin-bottom:0}
.contact-list li{display:flex;align-items:flex-start;gap:14px;margin-bottom:13px;color:#acb9b2}
.contact-list i {min-width: 15px;font-size: 14px;text-align: center;color: #f5f1ea;transform: translateY(5px);}
.col-divider,.newsletter-row,.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
.col-divider{border-top:0;border-left:1px solid rgba(255,255,255,.1)}
.newsletter-title{margin:0;font-size:40px;font-weight:500;color:#f5f1ea}
.newsletter-row form{position:relative}
.newsletter-row form input[type=submit]{position:absolute;right:0;width:51px;aspect-ratio:1;padding:0;font-family:"Font Awesome 5 Free";border-radius:50%}
.newsletter-row span.wpcf7-form-control-wrap{display:inline-block;width:calc(100% - 64px)}
span.wpcf7-spinner{position:absolute;top:0;margin:0}
.newsletter-row span.wpcf7-form-control-wrap input{margin:0;padding:13px 22px;background:var(--white);border-radius:50px}
.footer-bottom{padding:22px 0;font-size:14.5px}
.footer-bottom a{color:#acb9b2}
.footer-bottom a:hover{color:#f5f1ea;padding-left:0}
.bottom-links span{margin:0 8px 0 0;color:#acb9b2}
#GoToTop {display: none;position: fixed;right: 45px;bottom: 60px;z-index: 99999999;cursor: pointer;}
#GoToTop img {width: 50px;}
a#GoToTop.is-visible {display: block;}

#whatsappbtn{position:fixed;left:30px;bottom:30px;z-index:99;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:9px 9px 8px 11px;font-size:32px;color:var(--white);text-align:center;cursor:pointer;background:#4fcc5d;border-radius:50%}
#whatsappbtn:before{position:absolute;inset:0;z-index:-1;content:"";background:#4fcc5d;border-radius:50%;animation:wpscaling 2s ease-out infinite}
#whatsappbtn img{display:block;width:30px}
@keyframes wpscaling{from{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}
@media (max-width:991.98px){
.col-divider{border-left:0}
}
@media (max-width:991.98px) and (min-width:991px){
footer ul.footer-details li:last-child{margin:0}
}
@media (max-width:767.98px){
.newsletter-title{font-size:36px}
.footer-bottom .row{text-align:center}
.footer-bottom .text-lg-end{margin-top:10px;text-align:center!important}
}

/* BREADCRUMB SECTION CSS */

.breadcrumb{display:block;padding:100px 0;margin-bottom:0}
.breadcrumb-menu{width:fit-content;margin:0 auto;padding:7px 20px;line-height:1;background:var(--white);border:1px solid #f9d6af38;border-radius:50px}
.breadcrumb p{margin:0}
.breadcrumb p,.breadcrumb span,.breadcrumb p a{font-size:15px}
.breadcrumb p a{position:relative;margin-right:5px;padding-right:18px;color:var(--primary)}
.breadcrumb h1 span{font-size:45px;letter-spacing:1px;color:var(--white)}
.breadcrumb h1 .breadcrumbs_last{margin:0 0 15px;font-size:28px;font-weight:800}
.breadcrumb h1 span a{display:none}
.breadcrumb a:after{position:absolute;top:5.5px;right:-2px;font:600 12px "Font Awesome 5 Free";content:"\f101"!important;color:var(--primary)}
p#breadcrumbs span>span:nth-child(1) a{padding-left:22px}
p#breadcrumbs span>span:nth-child(1) a:before{position:absolute;top:4px;left:0;font:600 13px "Font Awesome 5 Free";content:"\f015";color:var(--primary)}

/* ABOUT US PAGE CSS */

.frame-organic dotlottie-player{transform:scale(1.3)}
.stat-inline{display:flex;gap:2.2rem;margin-top:2rem}
.stat-inline .num{font:600 1.9rem "Fraunces",serif;color:#173b2e}
.stat-inline .lbl{font-size:.82rem}
.values-section{color:var(--white);background:#15281e}
.values-section .eyebrow{color:var(--primary)}
.values-section p{max-width:520px;color:#c9d6cf}
.value-card{height:100%;padding:2rem 1.6rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:.25s}
.value-card:hover{background:rgba(255,255,255,.1);transform:translateY(-6px)}
.value-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:1.2rem;font-size:1.3rem;color:#0f2a21;background:var(--primary);border-radius:50%}
.value-card p{margin-bottom:0}
.timeline{position:relative;padding-left:2.2rem}
.timeline:before{position:absolute;top:6px;bottom:6px;left:9px;width:2px;content:"";background:repeating-linear-gradient(to bottom,var(--primary) 0 6px,transparent 6px 12px)}
.timeline-item{position:relative;padding-bottom:2.4rem}
.timeline-item:last-child{padding-bottom:0}
.timeline-item:before{position:absolute;top:0;left:-2.2rem;width:20px;height:20px;content:"";background:#dcefe2;border:3px solid var(--primary);border-radius:50%}
.timeline-item .year{font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary)}
.timeline-item p{margin-bottom:0}
.journey-photo img{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:22px;box-shadow:0 25px 50px -25px rgba(23,59,46,.5)}
.team-card{text-align:center;background: #faf5ea;padding: 10px;border-radius: 25px;border: 2px solid #15281e;}
.team-photo{width:100%;aspect-ratio: auto;object-fit:cover;border-radius: 20px;}
.team-card span{color:var(--primary)}
.cta-strip{margin-top:3rem;padding:2.6rem 2rem;text-align:center;background:#dcefe2;border-radius:26px}
.cta-strip h4{font-weight:600;color:#173b2e}
.teamcard-info {
    background: var(--white);
    position: relative;
    border-radius: 20px;
    padding: 15px;
    margin-top: -30px;
    border-top: 2px solid #15281e;
}

.teamcard-info h4 {
    font-weight: 600;
    margin-bottom: 8px;
}


/* CONTACT PAGE CSS */

.hero-contact{overflow:hidden}
.hero-contact p{max-width:480px}
.frame-organic{position:relative;width:100%}
.frame-organic img{width:100%;aspect-ratio:auto}
.btn-resort{padding:.8rem 1.8rem;font-weight:600;color:var(--white);background:var(--primary);border:0;border-radius:40px;transition:.25s}
.btn-resort:hover{color:var(--white);background:#15281e}
.btn-outline-resort{padding:.8rem 1.8rem;font-weight:600;color:#15281e;background:transparent;border:1.5px solid #15281e;border-radius:40px;transition:.25s}
.btn-outline-resort:hover{color:var(--white);background:#15281e}
.quick-card{height:100%;padding:2rem 1.6rem;text-align:center;background:var(--white);border-radius:22px;box-shadow:0 15px 35px -25px rgba(23,59,46,.5);transition:.25s}
.quick-card:hover{transform:translateY(-6px)}
.quick-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 1.1rem;font-size:1.4rem;background:#dcefe2;border-radius:50%}
.quick-card p{margin-bottom:0}
.quick-card a:hover{color:var(--primary)}
.connect-section{color:var(--white);background:#15281e}
.connect-section .eyebrow{color:var(--primary)}
.connect-section p{color:#c9d6cf}
.form-card{padding:2.2rem;color:#1e2a24;background:var(--white);border-radius:24px}
.form-card input[type=text],.form-card input[type=email],.form-card input[type=tel],.form-card textarea{margin:3px 0 0;padding:9px 15px;background:#fdfbf4;border:1px solid #e6e3d9}
.form-card label{width:100%;font-weight:500}
.form-card input[type=submit]{width:100%;padding:15px;font:14px "Marcellus",serif;line-height:1;letter-spacing:1.5px;border-radius:10px}
.form-card span.wpcf7-spinner{position:absolute;margin:0}
.map-wrap{height:100%;min-height:340px;overflow:hidden;border:6px solid rgba(255,255,255,.08);border-radius:24px}
.map-wrap iframe{width:100%;height:100%;min-height:340px;border:0;filter:grayscale(15%)}
.visit-card{height:100%;padding:2rem;background:var(--white);border-radius:22px;box-shadow:0 15px 35px -25px rgba(23,59,46,.4)}
.hours-row{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px dashed #e2dccb}
.hours-row:last-child{border-bottom:0}
.hours-row span:first-child{color:var(--muted)}
.hours-row span:last-child{font-weight:600;color:#173b2e}
.badge-open{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;color:#173b2e;background:#dcefe2;border-radius:25px}
.badge-open:before{width:8px;height:8px;content:"";background:var(--primary);border-radius:50%}
.social-circle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:.95rem;color:var(--white);text-decoration:none;background:#173b2e;border-radius:50%;transition:.2s}
.social-circle:hover{color:var(--white);background:var(--primary)}

/* ROOMS PAGE CSS CODE */

.roomitem-info{padding:20px 15px 15px}
.roomitem{overflow:hidden;padding:10px;border:2px solid #15281e;border-radius:20px}
.roomitem figure{overflow:hidden;border-radius:15px}
.roomitem figure img{aspect-ratio:5/3.5;object-fit:cover;border-radius:15px}
.roomitem figure:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#15281e59,transparent)}
ul.roomitem-features{z-index:1;width:calc(100% - 20px)!important;margin:10px;padding:10px 12px;background:#faf5ea;border-radius:10px}
ul.roomitem-features li{display:flex;align-items:center;gap:7px;font-size:13px}
ul.roomitem-features li i{display:inline-block;font-size:17px!important;line-height:.5}
.roomitem-btns .btn{padding:12px 24px;font-size:14px;line-height:1}
.roomitem-title{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #15281e21}
span.roomitem-price{font-size:14px}
span.roomitem-price strong{margin-left:6px;font:600 20px "Marcellus",serif;color:var(--primary)}
.roomitem-btns span.btnline{width:1px;height:30px;background:#15281e33}

/* SINGLE ROOMS PAGE CSS */

.singleroom-img img{height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:15px!important}
ul.singleroom-features{position:absolute;top:0;right:0;z-index:1;width:fit-content;margin:10px;padding:10px 20px;background:#faf5ea;border-radius:12px;justify-content:space-between}
.singleroom-title{margin:20px 0;padding-bottom:15px;border-bottom:1px solid #15281e1a}
.singleroom-sidebar form span.wpcf7-spinner{position:absolute;margin:20px 2px}
.singleroom-content{padding:25px;background:var(--white);border-radius:25px;box-shadow:4px 4px 50px #00000014}
.overview-sec p:last-child{margin:0}
.singleroom-content p,.singleroom-content li{line-height:1.6}
.singleroom-content h2{margin-bottom:15px;font-size:23px}
.singleroom-content h1.leftheading{margin:0;font-size:30px}
.singleroom-content ul li:not(:last-child){margin-right:20px;padding-right:20px;border-right:1px solid #15281e2b}
span.singleroom-pricing{font-size:14px}
span.singleroom-pricing span{font:26px "Marcellus",serif;color:var(--primary)}
.singleroom-sidebar{position:sticky;top:30px}
.singleroom-sidebar-form{padding:30px;background:#15281e;border-radius:25px}
.singleroom-sidebar-form a.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px 20px;line-height:1;color:var(--white);text-align:center;letter-spacing:.2px;background:#27ad32;border:2px solid transparent;border-radius:15px}
.singleroom-sidebar h3{margin-bottom:24px;line-height:1;color:var(--white)}
.singleroom-sidebar form input,.singleroom-sidebar form textarea{padding:10px 16px;font-size:15px;font-weight:400;color:#e6e6e6;resize:none;background:#1e3227;border:1px solid #ffffff29;border-radius:15px!important}
.singleroom-sidebar form p{margin:0}
.singleroom-sidebar form input[type=submit]{width:100%;margin-top:8px;padding:14px 26px;font-size:16px;font-weight:400;letter-spacing:0;text-transform:capitalize;color:var(--white);background:var(--primary);border:0}
.singleroom-sidebar form input[type=submit]:hover{color:var(--primary);background:var(--white)}
.singleroom-sidebar form input::placeholder,.singleroom-sidebar form textarea::placeholder{font-weight:400;color:#dfdfdf}
.singleroom-content ul li{display:flex;align-items:center;gap:10px;width:fit-content!important;flex:0 0 auto}
.singleroom-content ul li i{display:flex;align-items:center;justify-content:center;line-height:0}
.amenities-sec ul li i{font-size:12px;transform:translateY(2px)}
.amenities-wrapper .amenity-item{padding:12px 18px;background:#15281e0d;border-radius:15px}
.amenities-wrapper .amenity-item p{text-align:center;line-height:1}
.amenities-wrapper .amenity-item i{margin-right:10px;font-size:20px;line-height:.5}

/* RESTAURANT PAGE CSS */

.restaurantlist img {aspect-ratio: 1 / 1;object-fit: cover;}

/* CAREERS PAGE CSS */

.careers-content{position:relative;padding:30px;background:#15281e;border-radius:25px}
.careers-content p:last-child{margin:0}
.careers-content h2{margin-bottom:20px!important;font-size:34px;line-height:1;color:var(--white)}
.careers-content p{color:#acb9b2;text-align:justify}
.careers-content h3{margin:15px 0;color:var(--primary)}
.careers-content p a{color:var(--primary)}
.careers-content p strong{font-weight:600;color:var(--secondary)}
.career-image img{height:100%;aspect-ratio:5/4.08;object-fit:cover}
.careersform{padding:25px 30px 30px;background:var(--white);border-radius:15px;box-shadow:3px 3px 30px #00000017}
.careersform form input[type=text],.careersform form input[type=number],.careersform form input[type=email],.careersform form input[type=tel],.careersform form select,.careersform form input[type=file],.careersform form textarea{width:100%;margin:2px 0 12px;padding:8px 15px;font-size:15px;line-height:1;background:#faf6ef;border:1px solid #dfdcd6;border-radius:8px}
.careersform form input[type=file]{padding:9px}
.careersform form input[type=submit]{width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:500;text-transform:uppercase;background:var(--primary);border-radius:8px}
.careersform form input[type=submit]:hover{background:var(--secondary)}
.careersform form label{width:100%;font-size:16px;font-weight:500;color:var(--dark)}
.careersform form label span.required-symbol{color:#e12626}
.careersform form .wpcf7-spinner{position:absolute;margin:20px 0 0 3px}
.workwithus-item{height:100%;padding:25px 20px;text-align:center;background:#df937d05;border:1px solid #3a191921;border-radius:15px}
.workwithus-item h3{color:var(--secondary)}

/* PHOTO GALLERY PAGE CSS */

.photogallery-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap: 10px;}
.photogallery-item{position:relative;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background: var(--white);padding: 10px;box-shadow: 0 0 30px #00000014;}
.photogallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.photogallery-item:hover img{transform:scale(1.1)}
.photogallery-item:hover:after{opacity:1}
@media (max-width:768px){
.photogallery-sec{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
}

/* TOURIST ATTRCTIONS PAGE CSS */

.touristplacelist{padding: 12px 20px 12px 12px;background: var(--white);border-radius: 25px;transition:.5s;box-shadow: 0 0 30px #00000014;height: 100%;}
.col-lg-6:nth-child(n + 3) .touristplacelist {flex-direction: row-reverse;padding: 12px 12px 12px 20px;}
.touristplacelist img{height: 100%;object-fit:cover;border-radius: 15px;}
.touristplacelist h3{padding-bottom:5px;font-size:24px;}
.touristplacelist span.number{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;font-size:41px;font-weight:700;line-height:1;color:transparent;background:var(--secondary);border-radius:50% 15px 50% 50%;-webkit-text-stroke:1px #dbb283}
.touristplacelist figure{flex: 1;height: 100%;}
.touristplacelist .touristplacelist-info{flex: 1;padding: 20px 0;}
.touristplacelist-info p.description{margin:0;}

/* POLICY PAGE CSS */

.policy-title{padding:12px 25px;background:#15281e}
.policy-title h1.heading{font-size:28px;text-align:left}
.policy-content{padding:25px;background:var(--white);border-top:0}
.policy-content h3{margin:20px 0 12px;font-size:19px;font-weight:600}
.policy-content h3:first-child{margin-top:0}
.policy-content ul{margin-bottom:15px;padding-left:15px}
.policy-content ul li{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px;padding-left:20px;color:#484848}
.policy-content ul li strong{font-weight:500}
.policy-content ul li:before{position:absolute;top:3px;left:0;font:600 12px "Font Awesome 5 Free";content:"\f0a4";color:#4d5953}
.policy-content p:last-child{margin:0}

/* RESPONSIVENESS CSS */


@media only screen and (min-width: 1549px) {

}

@media only screen and (max-width: 1449px) {
.menubar>a img {
    height: 80px;
}
.menutop li a {
    padding: 32px 15px !important;
    font-size: 14.5px;
}
.btn {
    padding: 10px 22px;
    font-size: 15px;
}
.hero-heading {
    font-size: 3.6rem;
}
.marquee {
    padding: 15px 0;
}
.marqueeinnerlistitem h4, .marqueeinnerlistitem:nth-child(even) h4 {
    font-size: 26px;
}
.marqueeinnerlist, .marqueeinnerlistitem {
    gap: 20px;
}
.marqueeinnerlistitem i {
    font-size: 24px;
    height: 45px;
    width: 45px;
}
.heading, .leftheading {
    margin-bottom: 28px;
    font-size: 2.4rem;
    line-height: 1.1;
}
.homeabout-img img {
    aspect-ratio: 1/1.5;
}
.counteritem h3 {
    font-size: 26px;
}
}

@media only screen and (max-width: 1199px) {
.menutop li a {
    padding: 30px 10px !important;
    font-size: 14px;
}
.menubar>a img {
    height: 75px;
}
.hero-heading {
    font-size: 3rem;
}
.stat-card {
    gap: 12px;
    padding: 8px 20px 8px 8px;
}
.stat-thumb {
    width: 70px;
    height: 70px;
}
.stat-number {
    font: 1.2rem "Marcellus",serif;
}
.btn-circle {
    width: 86px;
    height: 86px;
    font-size: .8rem;
}
.restaurant-slider ul.slick-dots {
    transform: translateY(0px);
}
.slider-arrows button.slick-arrow, .rvslider-arrows button.slick-arrow, .restaurantslider-arrows button.slick-arrow {
    width: 3rem;
    height: 3rem;
    font-size: 15px;
}

}

@media only screen and (max-width: 991px) {
.menubar>a img {
    height: 65px;
}
.hero {
    padding: 40px 0;
}	
.hero-visual img {
    width: calc(100% + 0px);
    margin-left: 0 !important;
}


.homeabout-img img {
    aspect-ratio: auto;
}
	
.heading, .leftheading {
    margin-bottom: 30px;
    font-size: 32px;
}	

.restaurant-wrapper .slick-slide img {
    aspect-ratio: 2/2.5;
}

.roomsitem-info h3 {
    font-size: 24px;
}
.roomsitem-features {
    padding: 15px 30px;
}
span.roomsitem-price strong {
    font: 600 18px "Marcellus",serif;
}
.roomsitem-features ul li {
    font-size: 14px;
}
.roomsitem-features ul li i {
    font-size: 18px!important;
}
.rooms-item .roomsitem-info {
    height: calc(100% - 56px);
}
.col-lg-6:nth-child(n + 3) .touristplacelist {
    flex-direction: row;
    padding: 12px 20px 12px 12px;
}
.serviceslist h3 {
    font-size: 20px;
}

.breadcrumb {
    padding: 100px 0;
}	
.breadcrumb h1 span {
    font-size: 28px;
}	
.breadcrumb p, .breadcrumb span, .breadcrumb p a {
    font-size: 14px;
}	


.newsletter-title {
    font-size: 26px;
}
.site-footer {
    padding-top: 25px;
}
}



@media only screen and (max-width: 767px) {
	
.section-padding {
    padding: 40px 0;
}
#GoToTop {
    bottom: 40px;
    right: 15px;
}	
#whatsappbtn {
    bottom: 30px;
    left: 15px;
}	
	
.singleroom-content {
    padding: 20px;
}
.singleroom-sidebar-form {
    padding: 25px;
}	
ul.singleroom-features {
    padding: 8px 16px;
}
.singleroom-content ul li {
    font-size: 12px;
}
.singleroom-content ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #15281e2b;
}
.singleroom-content ul li i {
    font-size: 15px !important;
}
.singleroom-content h1.leftheading {
    font-size: 22px;
}
span.singleroom-pricing span {
    font: 20px "Marcellus",serif;
}
.singleroom-content h2 {
    font-size: 18px;
}
.singleroom-content p, .singleroom-content li {
    line-height: 1.5;
    font-size: 14px;
}
.amenities-wrapper .amenity-item i {
    margin-right: 8px;
    font-size: 14px;
}

}

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

}

@media only screen and (max-width: 580px) {
.heading, .leftheading {
    margin-bottom: 25px;
    font-size: 28px;
}

.hero-heading {
    font-size: 2.8rem;
}
.hero-heading .dot-lg {
    width: 44px;
    height: 44px;
}
.hero-heading .dot-lg::after {
    width: 15px;
    height: 15px;
}
.heading-shape {
    margin-right: 5px;
}
.heading-shape img {
    width: 70px;
}


.serviceslist figure {
    width: 80px;
    height: 80px;
}	
.serviceslist figure i {
    font-size: 30px;
}
.rooms-slider .slick-slide, .restaurant-wrapper .slick-slide, .testimonials_slider .slick-slide {
    margin: 0 6px;
}
.rooms-item>img {
    aspect-ratio: 1;
}
.roomsitem-features {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
}
.roomsitem-features ul {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.roomsitem-features ul li:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.testimonials_slider .slick-track {
    padding: 0;
}
.touristplacelist {
    padding: 12px 12px 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
}
.touristplacelist .touristplacelist-info {
    padding: 20px 10px 25px;
}
.touristplacelist h3 {
    padding-bottom: 0;
    font-size: 22px;
}

.policy-title h1.heading {
    font-size: 22px;
}
.policy-content h3 {
    font-size: 18px;
}
}


@media only screen and (max-width: 480px) {
.homeabout-img img {
    aspect-ratio: 1;
    object-position: top;
}
a.homeabout-btn {
    left: 50%;
    bottom: 50%;
}
@keyframes rotate{from{transform:translate(-50%, 50%) rotate(0)}to{transform:translate(-50%, 50%) rotate(360deg)}}

.singleroom-content ul li {
    font-size: 11px;
}
.singleroom-content ul li:not(:last-child) {
    border-right: none;
    margin-right: 5px;
    padding-right: 5px;
}

}