@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
@font-face{font-family:Broadway-Regular;src:url(Broadway-Regular.ttf)}
button{ outline: 0 !important }
body{  line-height:26px; font-size:14px; line-height: 26px; letter-spacing:.5px;      font-family: 'Roboto'; }
p{ margin-bottom:15px; line-height: 25px;;}
h1,h2,h3,h4,h5,h6{     font-family: 'Roboto';}

header{  -webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out; position:absolute; left:0; right:0; top:10px; z-index:99}
.fixed-header{position:fixed; left:0; padding:0; right:0; top:5px; z-index:99; }
.fixed-header .topmenus{ display:none}
.clintlogo img{ width: 120px;;}
.slidermenuu{  background-color: transparent; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out;}
.slidermenuu.fixed-header{ padding: 0; }
header .headerinner{ /*background-color:rgba(44, 69, 73, .75);*/ background-color:rgba(255, 255, 255, .85);padding: 10px 5px; border-radius: 16px; box-shadow: 0 14px 34px rgba(11, 33, 68, .18); -webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out;}
.slidermenuu.fixed-header .headerinner{padding: 10px 5px;box-shadow:0 0 10px rgba(0,0,0,.3); background-color:rgba(255, 255, 255, .95); }

.topmenus{ font-size:14px; line-height:15px;color:#5C5C5C}
.topmenus a{ text-decoration: none; color:#5C5C5C}

.myaccount{ background-color:transparent; padding:3px 8px; color:#fff; line-height:14px;font-family: "Gilda Display", Sans-serif; position: relative; border-left: 1px solid rgba(255,255,255,.2);}
.myaccount i{ color:#004520; font-size:18px; line-height: 18px; background-color: #fff; padding:5px 5px; border-radius:20px; }
.myaccount a{ color:#004520; text-decoration: none;}
.myaccount span{ font-family: 'Roboto'; font-size: 10px; line-height: 10px; text-transform: uppercase; letter-spacing: 2px; display:block; margin-top:5px;}

.myaccount .dropdown-box{ min-width: 210px; background: linear-gradient(160deg, #004520 0%, #1e3235 100%); position: absolute; top: 100%; right: 0; margin-top: 12px; border-radius: 12px; border: 1px solid rgba(216, 179, 107, .25); box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease, visibility .25s ease; overflow: hidden; z-index: 999;}
.myaccount:hover  .dropdown-box{ opacity: 1; visibility: visible; transform: translateY(0);}
.myaccount .dropdown-box li{ list-style: none;}
.myaccount .dropdown-box li+li{ list-style: none;border-top:1px rgba(255,255,255,.08) solid;}
.myaccount .dropdown-box li a{ padding: 11px 18px; display: flex; align-items: center; gap: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #cfdbdb; background-color: transparent; transition: background-color .2s ease, color .2s ease, padding-left .2s ease;}
.myaccount .dropdown-box li a i{ color: #d8b36b !important; background-color: transparent !important; width: 14px; padding: 0 !important; text-align: center; font-size: 13px;}
.myaccount .dropdown-box li a:hover{ background-color: rgba(216, 179, 107, .12); color: #fff; padding-left: 22px;}



.mx-auto{ margin: 0 auto !important;}
.mainlinks ul{ padding:0; margin:0 -10px;}
.mainlinks ul .m-links{ list-style:none; float:left; padding:0 10px; position: relative;}
.mainlinks ul .m-links .m-items{ color:#004520; text-transform:uppercase;   letter-spacing:.5px; text-decoration:none; display:block; transition:all .3s ease-in-out; font-size:13px;font-weight:500}
.mainlinks ul .m-links .m-items .fa-chevron-down{ font-size: 9px; margin-left: 5px; opacity: .7; transition: transform .25s ease;}
.mainlinks ul .m-links:hover .m-items .fa-chevron-down{ transform: rotate(180deg);}
.mainlinks ul .m-links .dropdownsss{ min-width: 240px; position: absolute; top:100%; left:20px; padding-top: 16px; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease, visibility .25s ease;}
.mainlinks ul .m-links:hover > .dropdownsss{ opacity: 1; visibility: visible; transform: translateY(0);}

.dropdownsss ul{ margin: 0 !important; background: linear-gradient(160deg, #004520 0%, #1e3235 100%); border-radius: 12px; border: 1px solid rgba(216, 179, 107, .25); box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .5); overflow: hidden;}
.dropdownsss ul li{ padding: 0 !important; list-style: none;;}
.dropdownsss ul li+li{ border-top:1px rgba(255,255,255,.08) solid;}
.dropdownsss ul li a{ padding:11px 20px; color: #cfdbdb; font-size: 13px; display: block; text-decoration: none; transition: background-color .2s ease, color .2s ease, padding-left .2s ease;}
.dropdownsss ul li a:hover{ background-color: rgba(216, 179, 107, .12); color: #fff; padding-left: 26px;}
.dropdownsss ul ul{ border-radius: 0; border: 0; box-shadow: none; background: rgba(0, 0, 0, .18);}
.dropdownsss ul ul li a{ padding-left: 32px; font-size: 12px; color: #a9bbbb;}
.dropdownsss ul ul li a:hover{ padding-left: 38px; color: #fff;}



.mobileiocn{ position:relative; padding: 0 0 0 40px;margin-top:30px;}
.booknow{    font-size: 11px;font-weight: bold;line-height: 1em; letter-spacing: 2px; color: #fff !important;  background-color: #004520; border-radius: 0px 0px 0px 0px;padding: 08px 10px 5px 10px; text-decoration: none; border-radius:20px; display: none;}

.intro-section{ background-color:#000; min-height:55vh; display:flex; align-items:center; justify-content:center;}
.intro-section .placeholder-slide{ min-height:55vh; display:flex; align-items:center; justify-content:center; color:#fff; width:100%;}
.mainbanners{background-color:#000}
.mainbanners .maininners{ min-height:55vh; background-color:rgba(0,0,0,.5);}
.mainbanners .maininners .overlapp{ position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); z-index:8;}
.mainbanners .maininners > div{transition: all .3s ease-in-out;position: realtive; z-index:9;}
.mainbanners:hover .maininners > div{transform: translateY(-5px); }
.mainbanners .maininners h2{ font-size:24px; line-height: 24px; color:#fff; text-transform:uppercase; font-weight:600; letter-spacing:.5px; margin-bottom:5px;font-family: "Gilda Display", serif;}
.mainbanners .maininners p{ font-size: 11px; line-height: 15px;; color:#fff;  font-weight:400; letter-spacing:.5px; margin-bottom:15px;}
.mainbanners .maininners a{ font-size: 12px; color:#fff; text-transform:uppercase; font-weight:600; letter-spacing:.5px; margin-top:15px; display:inline-block; border:2px #fff solid; padding:8px 40px; transition:all .3s ease-in-out; text-decoration:none}
.mainbanners .maininners span{ width: 30px; height: 2px; background-color:#fff; display:block; margin: 0 auto 15px auto;}
.mainbanners .maininners .mbbb{ position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
#desktop .owl-dots{ padding: 0; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; text-align: center;}




.commanspacee{ padding: 50px 0 30px 0; }
.commanheading .commanh1{    color: #2E2E2E;font-family: "Gilda Display", Sans-serif;font-size: 40px;font-weight: normal;line-height: 45px;letter-spacing: 1px;}
.commanheading .commanh2{    color: #2E2E2E;font-family: "Gilda Display", Sans-serif;font-size:30px;font-weight: normal;line-height: 35px;letter-spacing: 1px;}
.commanheading .commanh3{    color: #2E2E2E;font-family: "Gilda Display", Sans-serif;font-size:18px;font-weight: normal;line-height: 25px;letter-spacing: 1px; margin-bottom: 15px;}

.commanheading .commanh6{color: #5C5C5C;font-family: "Roboto", Sans-serif;font-size: 12px;font-weight: 400;line-height: 1em;letter-spacing: 4px; }
.commanheading  p{    color: #5C5C5C;font-size: 14px;font-weight: 300;line-height: 2em;letter-spacing: 1px; margin: 0; padding:0}


.darkbgg .commanheading .commanh1{    color: #fff;}
.darkbgg .commanheading .commanh2{    color: #fff;}

.darkbgg .commanheading .commanh6{color: #fff; }
.darkbgg .commanheading  p{    color: #fff;}

.bg_about{ background-color:#f5f5f5}

.mainimage{ background:url(../images/img-01.jpg) no-repeat center center; background-size:cover;  position:relative; display:flex; align-items:center; justify-content:center; height:100%; max-height:500px;}

.about-collage{ position: relative; padding: 0 40px 40px 0; }
.about-collage-main{ background:url(../images/about_us_1.webp) no-repeat center center; background-size:cover; height: 420px; border-radius: 14px; box-shadow: 0 20px 40px rgba(11,33,68,.15);}
.about-collage-small{ position:absolute; right:0; bottom:0; width: 60%; height: 200px; background:url(../images/about_us_2.webp) no-repeat center center; background-size:cover; border-radius:14px; border: 6px solid #fff; box-shadow: 0 15px 30px rgba(11,33,68,.2);}

.btn-explore{ display:inline-block; margin-top: 10px; padding: 13px 32px; border: 2px solid #004520; border-radius: 4px; color: #004520; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; transition: all .3s ease-in-out;}
.btn-explore:hover{ background-color: #004520; color: #fff; }


.btn-login{ display:inline-block; margin-top: 10px; padding: 8px 32px; border: 2px solid #fff; background-color: #004520; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; transition: all .3s ease-in-out;}
.btn-login:hover{ background-color: #fff; color: #004520;  border: 2px solid #fff;}



.btn-login.btn-login_bg2{background-color: #fff; color: #004520;  border: 2px solid #fff; }
.btn-login.btn-login_bg2:hover{ border: 2px solid #fff; background-color: #004520;color: #fff;;}



.sidebar.sidebar-fixed{ position:sticky; top: 80px;}


@media (max-width: 767px){
  .about-collage{ padding: 0 24px 60px 0; margin-bottom: 20px; }
  .about-collage-main{ height: 300px; }
  .about-collage-small{ height: 150px; }
}

.rooms{transition: all .3s ease-in-out;background-size: 100% !important; border-radius:5px; box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.25); position: relative;}
.rooms .btn-wishlist{ position: absolute; top: 10px; left: 10px; z-index: 10; background-color: rgba(0,0,0,.45); color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; font-size: 14px; transition: all .3s ease-in-out;}

.rooms:hover{ background-size: 110% !important;}
.rooms .roominner{  background-color: rgba(0,0,0,.45); padding: 15px 10px;position: relative; min-height:280px; color:#fff;transition: all .6s ease-in-out;border-radius:5px;}
.rooms:hover .roominner{  background-color: rgba(0,0,0,.25); padding-bottom: 30px !important;; }
.rooms .roominner .pricestart{ position: absolute; top: 20px; right: 0; background-color: #004520; color: #fff; padding: 10px 15px; font-size: 12px; line-height: 12px;; text-transform: uppercase;letter-spacing: 4px;}
.rooms .roominner .anchortag{ position: absolute; top: 0; right: 0; left:0; bottom:0 }

.rooms .roominner h2{font-family: "Gilda Display", Sans-serif;font-size: 20px; line-height:20px; color:#fff}
.rooms .roominner h6{font-size: 14px; line-height:17px; color:#fff; font-weight:400;letter-spacing: 2px;}
.locations{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .75);}
.locations,.locations .locationinnere,.locations .locationinnere img{ border-radius:50%;;transition: all .3s ease-in-out}
.locations .locationinnere{ position: relative; overflow:hidden;}
.locations .locationinnere h3{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color:#fff; font-size: 12px; line-height:12px; background-color: rgba(0,0,0,.5); padding: 10px 0 20px 0; text-transform: uppercase; letter-spacing: 2px; margin:0;transition: all .3s ease-in-out}
.locations:hover .locationinnere h3{ padding: 10px 0 40px 0; }
.locations:hover .locationinnere img{transform: scale(1.1);}

.Facilities .Facilitiesinner{ background-color: rgba(0,0,0,.35);}
.subfacilities{ background-color: rgba(0,0,0,.75); padding: 15px 10px 20px 10px; position: relative; color:#fff; text-align: center; border-radius:40px  20px;}
.subfacilities h3{color:#fff; font-size: 14px; line-height:14px; margin: 0; padding:0 }
.subfacilities img{ width:80px;}

.facilities-section{position:relative;background:url(../images/mainbanner-4.webp) center/cover no-repeat;overflow:hidden;}
.facilities-section .overlay{background:rgba(0,0,0,.75);}
.facility-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;}
.facility-card{padding:40px 25px;border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.12);text-align:center;transition:.4s;}
.facility-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.14);box-shadow:0 20px 45px rgba(0,0,0,.35);}

.icon{width:80px;height:80px;border:2px solid #d8b36b;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto auto 25px;
font-size:34px;color:#d8b36b;}
.facility-card h4{font-family: "Gilda Display", Sans-serif;color:#fff; font-size: 18px; line-height:22px; margin: 0; padding:0 0 10px 0}
.facility-card p{color:#ccc;line-height:18px;font-size:13px ; margin: 0; padding:0 }




.testimonial-item{height:100%;padding:6px 4px;}
.testimonial-card{height:100%;background:linear-gradient(160deg, #004520 0%, #1e3235 100%);border-radius:20px;padding:40px 32px;text-align:center;transition:.35s ease;border:1px solid rgba(255,255,255,.06);}
.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -20px rgba(0,0,0,.45);}
.testimonial-card img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:18px;border:3px solid #d8b36b;}
.testimonial-avatar-fallback{width:90px;height:90px;border-radius:50%;margin:0 auto 18px;border:3px solid #d8b36b;display:flex;align-items:center;justify-content:center;background:rgba(216,179,107,.12);color:#d8b36b;font-size:30px;}
.stars, .testimonial-rating{color:#d8b36b;font-size:14px;letter-spacing:3px;margin-bottom:16px;}
.testimonial-quote-icon{display:block;color:#d8b36b;opacity:.5;font-size:18px;margin-bottom:12px;}
.testimonial-card p, .testimonial-text{line-height:26px;font-size:14px;margin-bottom:22px;color:#cfdbdb;font-style:italic;}
.testimonial-card h4, .testimonial-card .authour{font-family:"Gilda Display", serif;font-size:18px;margin-bottom:4px;color:#fff;font-weight:600;}
.testimonial-card span, .testimonial-card .cmp-name{color:#8fa3a3;font-size:12px;text-transform:uppercase;letter-spacing:1px;}

.testimonial-section .owl-nav{position:static;display:flex;justify-content:center;gap:14px;margin-top:26px;}
.testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next{float:none;}
.testimonial-section .owl-nav button span{background-color:transparent;border:1px solid #d8b36b;color:#d8b36b;}
.testimonial-section .owl-nav button:hover span{background-color:#d8b36b;color:#25393c;}

.box_1{ width: 33.5%;}
.box_2{ width: 33%;}


.site-footer-new{ background-color:#1C2E31; color:#c8d3d3; padding:60px 0 40px; }
.footer-logo-new img{ max-width:180px; }
.footer-about-new{ color:#9fb0b0; font-size:13px; line-height:22px; max-width:320px; }
.footer-social-new{ display:flex; gap:10px; margin-top:20px; }
.footer-social-icon-new{ width:36px; height:36px; line-height: 36px !important; text-align: center; border-radius:50%; background-color:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#fff; transition:background-color .2s ease; text-decoration: none; }
.footer-social-icon-new:hover{ background-color:#004520; color:#fff; }
.footer-col-title-new{ color:#fff; font-family:"Gilda Display", Sans-serif; font-size:17px; margin-bottom:22px; }
.footer-col-title-new a{ color:#fff; text-decoration: none; }
.footer-links-new{ list-style:none; margin:0; padding:0; }
.footer-links-new li{ margin-bottom:14px; }
.footer-links-new a{ color:#c8d3d3; font-size:14px; text-decoration:none; transition:color .2s ease; }
.footer-links-new a:hover{ color:#fff; }
.footer-links-icon-new li{ display:flex; align-items:flex-start; gap:10px; }
.footer-links-icon-new i{ color:#8fa5a5; margin-top:4px; font-size:13px; }

.footersrty{ background-color:#004520; position: relative; height: 100%; padding:40px 15px; color:#ccc;}
.footersrty.fooretact{ background-color:#3D5C62 !important; }

.footersrty .bg_1,.footersrty .bg_2{ position: absolute; top:0; left:0; right:0; bottom:0; z-index:1;mix-blend-mode: multiply;    opacity: 0.1;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);}
.footersrty .bg_1{ background: url(../images/f_bg_1.webp) center/cover no-repeat;}
.footersrty .bg_2{ background: url(../images/f_bg_2.webp) center/cover no-repeat;}
.footersrty p a{ color: #fff; text-decoration: none;}
.footersrty h4{ color: #fff;}






.mobilemenussADD{ background-color:#004520; position: relative;  padding:10px 10px 10px 40px; color:#ccc; position: relative; color: #eee; }

.mobilemenussADD img{ position: absolute; top: 10px; left: 10px; width: 20px; height: 20px;  }
.mobilemenussADD.fooretact{ background-color:#3D5C62 !important; }

.mobilemenussADD .bg_1,.mobilemenussADD .bg_2{ position: absolute; top:0; left:0; right:0; bottom:0; z-index:1;mix-blend-mode: multiply;    opacity: 0.1;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);}
.mobilemenussADD .bg_1{ background: url(../images/f_bg_1.webp) center/cover no-repeat;}
.mobilemenussADD .bg_2{ background: url(../images/f_bg_2.webp) center/cover no-repeat;}
.mobilemenussADD p{ margin:0; padding:0;color: #eee;}
.mobilemenussADD p a{ color: #eee !important; text-decoration: none; padding:0 !important; margin:0}
.mobilemenussADD h4{ color: #fff; font-size:16px; ;}









.copyrightss{ background-color: #25393C; color: #fff; }





.innerbannerss{ min-height: 30vh;}

.gallerydetails{ position: relative;}
.gallerydetails .thumbb{ position: absolute; left:20%; right:20%; bottom:-5%; }
.gallerydetails .thumbb #sync2 .owl-item .item{ border:2px transparent solid}
.gallerydetails .thumbb #sync2 .owl-item.current .item{ border:2px #fff solid}
.gallerydetails .thumbb #sync2 .owl-item .item{ border-radius: 10px;;}
.gallerydetails .thumbb #sync2 .owl-item .item img{ border-radius: 10px;;}


.gallerydetails .owl-nav{position: absolute; left:1%; right:1%; bottom:-15px;}
.roomsdetails{ text-align: center;}
.roomsdetails img{ width:40px; margin: 0 auto 10px auto; padding-bottom: 10px;}
.roomsdetails h4{ font-size: 14px; line-height: 17px; color: #5c5c5c; font-weight: 300;}



.keyfeature-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 10px;}
.keyfeature-card{ background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 34px 20px; text-align: center; box-shadow: 0 10px 25px -15px rgba(0, 0, 0, .15); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
.keyfeature-card:hover{ transform: translateY(-6px); box-shadow: 0 20px 35px -15px rgba(0, 0, 0, .25); border-color: #d8b36b;}
.keyfeature-icon{ width: 70px; height: 70px; border: 2px solid #d8b36b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; font-size: 26px; color: #d8b36b; background: rgba(216, 179, 107, .08);}
.keyfeature-card h3{ font-family: "Gilda Display", serif; font-size: 17px; line-height: 22px; color: #25393c; margin: 0 0 10px 0; font-weight: 600;}
.keyfeature-card p{ font-size: 13px; line-height: 20px; color: #6b7676; margin: 0;}

@media(max-width: 991px){
.keyfeature-grid{ grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 575px){
.keyfeature-grid{ grid-template-columns: 1fr;}
}


.borderTY{  background-image: linear-gradient(to left, #fff,#d6f0f4,#d6f0f4,#d6f0f4, #fff) ; height: 3px; margin: 20px 0;;}


.listtylee ul { margin: 0; padding: 0;}
.listtylee ul li { list-style: none; margin-bottom: 15px; padding-left: 30px; background: url(../images/errow.png) no-repeat left 3px; background-size: 18px;}

.ans_sec .ans_sec_inner{ background-color: #004520; height: 100%; color: #fff; padding:10px 15px;;}
.ans_sec .ans_sec_inner h3{ font-size: 18px; line-height: 22px; font-weight: 500;}
.ans_sec .ans_sec_inner p{ line-height: 20px; color: #eee;}


.productsection{background: linear-gradient(160deg, #004520 0%, #1e3235 100%); padding: 16px 10px; color: #cfdbdb; font-size: 13px; line-height: 21px; border-radius: 16px; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.45);}

/* .productsection .booking-price{ padding-bottom: 6px;} */
.productsection .mrp{ font-size: 15px; font-style: normal; color: #8ea3a3; text-decoration: line-through; display: block; margin-bottom: 2px; font-style:italic}
.productsection .booking-price-row{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 10px;}
.productsection .price{ font-size: 32px; font-weight: 700; color: #fff; line-height: 1;}
.productsection .price-unit{ font-size: 13px; color: #a9bbbb;}
.productsection .save-badge{ display: inline-flex; align-items: center; gap: 5px; background: rgba(216, 179, 107, .16); color: #d8b36b; border: 1px solid rgba(216, 179, 107, .4); padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600;}
.productsection .save-badge .off{ opacity: .85;}
.productsection .tax-note{ font-size: 12px; color: #93a8a8; margin-top: 8px;}

.productsection .booking-divider{ height: 1px; background: rgba(255, 255, 255, .12); margin: 20px 0;}

.productsection .booking-fields{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.productsection .booking-tile{ background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; padding: 12px 14px 10px; transition: background-color .2s ease, border-color .2s ease;}
.productsection .booking-tile:focus-within{ background: rgba(255, 255, 255, .12); border-color: #d8b36b;}
.productsection .booking-tile .form-label{ font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #a9bbbb; margin-bottom: 4px; display: flex; align-items: center; gap: 6px;}
.productsection .booking-tile .form-label i{ color: #d8b36b; font-size: 11px;}
.productsection .booking-tile .form-control,
.productsection .booking-tile .form-select{ background-color: transparent; border: 0; border-radius: 0; padding: 0; font-size: 19px; font-weight: 600; color: #fff; height: auto; box-shadow: none; width: 100%; appearance: none; -webkit-appearance: none;}
.productsection .booking-tile .form-control:focus,
.productsection .booking-tile .form-select:focus{ outline: none; box-shadow: none;}
.productsection .booking-tile .form-control[readonly]{ cursor: pointer;}
.productsection .booking-tile .form-select{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23d8b36b' d='M4 6l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 2px center; background-size: 14px; padding-right: 20px; cursor: pointer;}
.productsection .booking-tile .form-select option{ color: #25393c;}

@media(max-width:575px){
.productsection .booking-tile .form-control,
.productsection .booking-tile .form-select{ font-size: 16px;}
}

.buttonsty{ background-color: #25393c; font-size: 15px; text-transform: uppercase; padding: 11px 10px; border: 0; color: #fff;}
.buttonsty.btn-product{ height: 30px; line-height: 30px;;}

.booking-btn{width: 100%; background-color: #d8b36b; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; padding: 13px 15px; border: 0; border-radius: 8px; color: #25393c; font-weight: 700; margin-top: 22px; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background-color .2s ease, transform .2s ease;}
.booking-btn:hover{ background-color: #c8a05a; transform: translateY(-1px);}
.booking-btn-disabled{ background-color: #56676a; color: #cfdbdb; cursor: not-allowed;}
.booking-btn-disabled:hover{ background-color: #56676a; transform: none;}
.breadcrumb-nav .breadcrumb  li + li{ margin-left: 10px;;}
.breadcrumb-nav .breadcrumb  li{ color: #fff;;}
.breadcrumb-nav .breadcrumb  li a{ color: #ccc; text-decoration: none;}

.widget-body li{ list-style: none;}
.widget-body li a{ text-decoration: none; color:#000}
.widget-body li a img{ border-radius: 50%; width: 60px;}

.pagebanners{ background: url(../images/1.jpg) no-repeat center center;}
.pagebanners .pagebannersinner{ background-color: rgba(0, 0, 0, 0.45); }

.gallerybutton{background: #33474b;  border:2px solid #d8b36b;  color: #fff !important;font-weight: 500;
  font-size: 13px;
  padding: 4px 15px;
  border-radius: 30px; text-decoration: none; display: inline-block; transition: all .3s ease-in-out;}

@media(max-width:380px){

header.slidermenuu .container{ padding: 0 8px !important;}
}


@media(min-width:380px){

.facility-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
.facility-card{padding:40px 10px;}

header .headerinner{  padding: 12px 15px;;}

.clintlogo img{ width: 150px;;}
.myaccount{ padding:10px 15px; }
.booknow{    display:  block;}

}
@media(min-width:768px){

header .headerinner{  padding: 10px 18px;;}
.slidermenuu.fixed-header .headerinner{padding: 8px 18px; }




.intro-section{ min-height:90vh;}
.intro-section .placeholder-slide{ min-height:90vh;}
.mainbanners .maininners{ min-height:91vh;}
.commanspacee{ padding: 50px 0 40px 0; }
.commanheading .commanh1{  font-size:60px;line-height: 65px;}
.commanheading .commanh2{  font-size: 40px;line-height: 45px;}
.commanheading .commanh3{  font-size: 25px;line-height: 25px;}

.mainbanners .maininners h2{ font-size: 38px; line-height: 38px;}

.locations .locationinnere h3{  font-size: 14px; line-height:14px; }

.facility-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
.facility-card{padding:40px 15px;}
.footersrty{  padding:40px 30px; }

.productsection{ padding: 26px 20px; }



}

@media(min-width:992px){

.commanspacee{ padding: 70px 0 50px 0; }
.commanheading .commanh1{  font-size: 80px;line-height: 85px;}
.commanheading .commanh2{  font-size: 55px;line-height: 65px;}
.commanheading .commanh3{  font-size: 35px;line-height: 45px;}

.mainbanners .maininners h2{ font-size: 55px; line-height: 55px;}
.mainlinks ul{ margin:0 -8px;}
.mainlinks ul .m-links{ padding:0 8px; }
header .headerinner{  padding: 10px 15px;;}
.slidermenuu.fixed-header .headerinner{padding: 8px 15px; }
}
	
	
@media(min-width:1200px){
.facility-grid{grid-template-columns:repeat(4,1fr);gap:30px;}
.facility-card{padding:40px 25px;}
.mainlinks ul{ margin:0 -18px;}
.mainlinks ul .m-links{ padding:0 18px; }

}
@media(min-width:1300px){
.mainlinks ul{ margin:0 -30px;}
.mainlinks ul .m-links{ padding:0 30px; }
}


#back-top{ position: fixed; bottom:0; background-color: #004520 ; width:50px; height:50px; border-radius: 50%; line-height:50px; margin:0 auto; color:#fff; left:0; right:0; z-index: 9999; text-align: center; display:none; cursor:pointer; transition: all .3s ease-in-out;}




.sidewarper{z-index:999999;background-color:rgba(255,255,255,.9);position:fixed;height:100%;overflow:scroll;overflow-x:hidden;left:-1000px;top:0;bottom:0}
#slidesection{width:290px}
#slidesection .overscroll{padding:10px}
#slidesection .topclose{background-color:#004520;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 20px;display:block}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer; text-decoration:none}
#slidesection .topclose a i{ float:right; margin-top:5px;}
#slidesection .topclose a strong{ color:#fff}
#slidesection .overscroll #sidelinks{color:#fff; }
#slidesection .overscroll #sidelinks ul{ padding:0}
#slidesection .overscroll #sidelinks ul li{list-style:none;}
#slidesection .overscroll #sidelinks a{display:block;padding:7px 10px;color:#000;font-weight:400; text-decoration: none;}
/* #slidesection .overscroll #sidelinks li+li{border-top:1px rgba(0,0,0,.2) dashed} */
#slidesection .overscroll #sidelinks a{color:#000}
#slidesection .overscroll #sidelinks .subchild{background-color:#155aba;margin-top:10px}
#slide{cursor:pointer;font-size: 25px;    margin-left: 10px;}
.accordion-toggle{cursor:pointer;margin:0;display:block;position:relative}
.accordion-toggle span{position:absolute;right:5px;top:10px;background-color:#ecbf48;text-align:center;line-height:20px;color:#fff;z-index:999;width:20px;height:20px}.accordion-toggle .disinb{display:inline-block!important}.accordion-content ul{background-color:#333}.accordion-content ul li{border:0!important}.accordion-content ul a{padding:5px 10px!important}.accordion-content{display:none}
#accordionFlushExample .accordion-item { position: relative;}
#accordionFlushExample .accordion-item  .accordion-button{ position: absolute; right:0; top:0;  right:0; padding: 10px 15px; background-color: #ccc; color:#fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 !important; width:50px;}
#accordionFlushExample .accordion-item .accordion-collapse{ background-color: #f8f9fa; padding-left:10px;}

	
.owl-carousel{ position:relative}
.owl-nav{ position: absolute;}
.owl-nav .owl-next{ float:left}
.owl-nav .owl-prev{ float:right}
.owl-carousel.bottomright .owl-nav{ bottom:10px; left:0; right:0; margin:0 auto; width:80px; }
.owl-carousel.centermobil .owl-nav{ top:auto; left:0; right:0; margin:0 auto; transform:translateY(0) ; width:90px; padding:10px 0 0;}

@media(min-width:768px){
.owl-carousel.centermobil .owl-nav{ top:50%; bottom:auto; left:-50px; right:-50px;  transform:translateY(-50%) ; width: auto; padding:0}
}




.owl-dots { padding:20px 0 0 ;
	text-align:center;
	
}
.owl-dots button {
	background-color: transparent;
	border:0;
	padding:0;
}
.owl-dots .owl-dot span { position:relative;width:15px;	height:15px;	background-color: transparent; border-radius:50%;
	display:inline-block;	margin:0 2px;border: 1px solid #8f8f8f;	}
.owl-dots .owl-dot span:after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; content:""; border-radius:50%; background-color:#fff; margin:2px;  }	
	
	
.owl-dots .owl-dot.active span {border: 1px solid #648e95}
.owl-dots .owl-dot.active span:after{ background-color:#648e95 }	



.owl-carousel .owl-nav button {
	background-color:transparent;
	border:0;
	padding:0
}
:focus{ outline:0 !important}


.owl-nav button+button{ margin-left:10px;}
.owl-nav button span { background-color:#fff; border:1px #1667b6 solid; width:35px; height:35px; line-height:32px; color:#1667b6; border-radius:50%; text-align:center; display:block; font-size:20px;transition: .2s ease-out;}
.owl-nav button:hover span { background-color:#1667b6;  color:#fff;border:1px #1667b6 solid; }


.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.owl-carousel .zoomFadeIn {
	-webkit-animation-name: zoomFadeIn;
	animation-name: zoomFadeIn;
}
.owl-carousel .zoomFadeOut {
	-webkit-animation-name: zoomFadeOut;
	animation-name: zoomFadeOut;
}
@-webkit-keyframes zoomFadeIn {
	0% { opacity: 0; -webkit-transform: scale(1.15); }
	100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes zoomFadeIn {
	0% { opacity: 0; transform: scale(1.15); }
	100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes zoomFadeOut {
	0% { opacity: 1; -webkit-transform: scale(1); }
	100% { opacity: 0; -webkit-transform: scale(.9); }
}
@keyframes zoomFadeOut {
	0% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(.9); }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
 
  z-index: 1;
}
.owl-carousel .owl-stage {
	border:0;
	height:auto;
	position: relative;
	-ms-touch-action: pan-Y;
	padding:0;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
	display:block;
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	display: none;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("../img/owl/owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {	display: none;}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}





  /* Modal Background */
  .custom-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
/* Modal Content */
.custom-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    text-align: center;
    position: relative;
    animation: fadeIn 0.3s ease-in-out;
}
/* Close Button */
.custom-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}
/* Animation */
@keyframes fadeIn {
    from { transform: scale(0.7); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.text-danger{
    color:rgb(238, 48, 48)
}

/* inner page hero (about / contact / gallery) */
.page-hero{ position: relative; overflow: hidden; min-height: 30vh; display: flex; align-items: center; padding:130px 0 30px 0;}
.page-hero::before{ content: ''; position: absolute; inset: 0; background-image: var(--hero-bg, url(../images/mainbanner-2.jpg)); background-size: cover; background-position: center; animation: pageHeroZoom 18s ease-in-out infinite alternate; will-change: transform;}
.page-hero::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(44, 69, 73, .78) 0%, rgba(30, 50, 53, .85) 100%);}
.page-hero .container{ position: relative; z-index: 2;}
/* .page-hero .breadcrumb-nav{ margin-bottom: 12px;} */
.page-hero-title{ font-family: "Gilda Display", serif; font-size: 36px; line-height: 1.15; color: #fff; margin: 0;}

@keyframes pageHeroZoom{
from{ transform: scale(1);}
to{ transform: scale(2);}
}

/* about us */
.eyebrow{ display: inline-block; color: #d8b36b; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700; margin-bottom: 10px;}
.about-heading{ font-family: "Gilda Display", serif; font-size: 32px; line-height: 1.2; color: #25393c; margin-bottom: 16px;}
.about-desc{ color: #5c6d6d; line-height: 26px; font-size: 15px;}
.about-image-wrap{ border-radius: 18px; overflow: hidden; box-shadow: 0 25px 50px -20px rgba(0, 0, 0, .3);}
.about-image{ width: 100%; height: auto; display: block;}
.about-custom{ margin-top: 20px;}

/* contact */
.contact-info-card{ background: linear-gradient(160deg, #004520 0%, #1e3235 100%); border-radius: 16px; padding: 34px 28px; color: #cfdbdb;}
.contact-info-item{ display: flex; gap: 16px; margin-bottom: 26px;}
.contact-info-item:last-child{ margin-bottom: 0;}
.contact-info-icon{ flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; border: 2px solid #d8b36b; display: flex; align-items: center; justify-content: center; color: #d8b36b; font-size: 16px;}
.contact-info-item h4{ font-size: 13px; text-transform: uppercase; letter-spacing: .5px; color: #fff; margin: 0 0 6px 0;}
.contact-info-item p, .contact-info-item a{ font-size: 14px; color: #b7c4c4; margin: 0; text-decoration: none;}
.contact-info-item a:hover{ color: #d8b36b;}

.contact-form-card{ background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 36px 32px; box-shadow: 0 15px 35px -20px rgba(0, 0, 0, .15); }
.contact-form-title{ font-family: "Gilda Display", serif; font-size: 24px; color: #25393c; margin-bottom: 8px;}
.contact-form-sub{ font-size: 13px; color: #8a9494; margin-bottom: 22px;}
.contact-input{ border: 1px solid #e2e6e6; border-radius: 10px; padding: 12px 14px; font-size: 14px;}
.contact-input:focus{ border-color: #d8b36b; box-shadow: 0 0 0 3px rgba(216, 179, 107, .15); outline: none;}
.contact-submit-btn{ width: auto; padding: 13px 34px; margin-top: 4px;}

.contact-map-wrap{ border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px -20px rgba(0, 0, 0, .2);}
.contact-map-wrap iframe{ width: 100%; min-height: 380px; border: 0; display: block;}



.loginpage{ position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; padding: 20px 0;}
.loginpage::before{ content: ''; position: absolute; inset: 0; background-image: var(--hero-bg, url(../images/mainbanner-2.jpg)); background-size: cover; background-position: center; animation: pageHeroZoom 18s ease-in-out infinite alternate; will-change: transform;}
.loginpage::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(44, 69, 73, .78) 0%, rgba(30, 50, 53, .85) 100%);}
.loginpage .container{ position: relative; z-index: 2;}
/* .loginpage .breadcrumb-nav{ margin-bottom: 12px;} */
.loginpage .loginpageinner{background-color: rgba(44, 69, 73, .75); padding:30px; border-radius:20px; color:#fff; font-size:13px; line-height:16px; border:3px rgba(255, 255, 255, .18) solid; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .45);}
.loginpage .loginpageinner a{ color:#ccc}
@keyframes pageHeroZoom{
from{ transform: scale(1);}
to{ transform: scale(3);}
}

.loginpage .loginpageinner .form-control{ background-color: rgba(255, 255, 255, .1); border: 1px solid #ccc; border-radius: 10px; padding: 12px 14px; font-size: 14px; color:#fff;}
.loginpage .loginpageinner .LText{ line-height: 17px;;}





@media(max-width: 767px){
.page-hero-title{ font-size: 28px;}
.about-heading{ font-size: 26px;}
.contact-form-card{ padding: 26px 20px;}
}

/* gallery page */
.gallery-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.gallery-item{ position: relative; overflow: hidden; border-radius: 14px; cursor: pointer; aspect-ratio: 1 / 1; box-shadow: 0 12px 25px -15px rgba(0, 0, 0, .25);}
.gallery-item img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease;}
.gallery-item-overlay{ position: absolute; inset: 0; background: rgba(37, 57, 60, 0); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; opacity: 0; transition: .35s ease;}
.gallery-item:hover img{ transform: scale(1.08);}
.gallery-item:hover .gallery-item-overlay{ background: rgba(37, 57, 60, .55); opacity: 1;}
.gallery-item-overlay i{ width: 52px; height: 52px; border: 2px solid #d8b36b; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #d8b36b; transform: scale(.8); transition: transform .35s ease;}
.gallery-item:hover .gallery-item-overlay i{ transform: scale(1);}

.gallery-item .titklee{    position: absolute;    bottom: 0;    left: 0;    right: 0;    background: rgba(0, 0, 0, .3);    color: #fff;    padding:3px  10px;    font-size: 12px;    text-align: center;	opacity: 0;    transition: opacity .35s ease;}
.gallery-item:hover .titklee{    opacity: 1;}

.gallery-lightbox{ position: fixed; inset: 0; background: rgba(20, 30, 32, .95); z-index: 2000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity .3s ease; padding: 30px;}
.gallery-lightbox.open{ opacity: 1; visibility: visible;}
.gallery-lightbox-content{ max-width: 90vw; max-height: 85vh; text-align: center;}
.gallery-lightbox-content img{ max-width: 90vw; max-height: 80vh; border-radius: 10px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6); display: block; margin: 0 auto;}
.gallery-lightbox-counter{ color: #b7c4c4; font-size: 13px; letter-spacing: 1px; margin-top: 14px;}
.gallery-lightbox-close{ position: absolute; top: 22px; right: 28px; width: 44px; height: 44px; border: 1px solid #d8b36b; border-radius: 50%; color: #d8b36b; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; transition: .25s ease;}
.gallery-lightbox-close:hover{ background: #d8b36b; color: #25393c;}
.gallery-lightbox-nav{ background: transparent; border: 1px solid #d8b36b; color: #d8b36b; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; transition: .25s ease; flex-shrink: 0; margin: 0 10px;}
.gallery-lightbox-nav:hover{ background: #d8b36b; color: #25393c;}

@media(max-width: 991px){
.gallery-grid{ grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 575px){
.gallery-grid{ grid-template-columns: 1fr 1fr; gap: 12px;}
.gallery-lightbox-nav{ width: 40px; height: 40px; font-size: 15px;}
.gallery-lightbox-close{ width: 38px; height: 38px; top: 14px; right: 14px;}
}