:root{
--green:#155d4a;
--deep:#123d35;
--mint:#e8f3ed;
--ink:#203d37;
--muted:#6c8179;
--line:#dfeae3}
html{
scroll-behavior:smooth}
body.site-body{
font-family:'Prompt',sans-serif;
background:#f8faf7;
color:var(--ink)}
.site-body .navbar{
padding:12px max(4vw,24px);
box-shadow:0 5px 30px rgba(28,73,54,.06);
z-index:10}
.site-body .navbar-brand img{
width:115px;
height:auto}
.site-body .navbar .navbar-nav{
align-items:center;
gap:3px;
margin-left:auto;
margin-right:0!important}
.site-body .navbar .navbar-nav .nav-link{
font-size:14px;
color:#355a4c;
padding:10px 9px;
font-weight:400}
.site-body .navbar .navbar-nav .nav-link:hover{
color:#178060}
.site-body .dropdown-menu{
border:1px solid var(--line);
border-radius:14px;
box-shadow:0 14px 40px rgba(19,61,44,.12);
padding:8px;
font-size:14px}
.site-body .dropdown-item{
border-radius:8px;
padding:9px 13px}
.home-page{
overflow:hidden}
.home-hero{
max-width:1440px;
margin:auto;
display:grid;
grid-template-columns:43% 57%;
min-height:480px;
padding:24px 3.5% 0}
.home-hero-copy{
background:#e9f3eb;
border-radius:24px 0 0 24px;
padding:clamp(35px,5vw,76px);
display:flex;
flex-direction:column;
justify-content:center}
.eyebrow{
font-size:12px;
font-weight:600;
letter-spacing:.16em;
color:#3b9a76}
.home-hero h1{
font-size:clamp(29px,3.3vw,48px);
line-height:1.35;
letter-spacing:-.03em;
font-weight:600;
color:var(--deep);
margin:18px 0}
.home-hero-copy p{
color:#617b6c;
line-height:1.9;
font-size:15px;
max-width:430px}
.hero-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:20px}
.hero-button{
display:inline-flex;
justify-content:center;
align-items:center;
gap:15px;
padding:12px 20px;
border-radius:10px;
font-size:14px;
text-decoration:none!important;
font-weight:500}
.hero-button.primary{
background:var(--green);
color:#fff}
.hero-button.primary:hover{
background:#0f4939;
color:#fff}
.hero-button.secondary{
background:#fff;
color:var(--green)}
.hero-note{
margin-top:30px;
color:#6a8779;
font-size:12px;
display:flex;
align-items:center;
gap:8px}
.hero-note .material-symbols-outlined{
font-size:19px;
color:#4e9b79}
.home-hero-slide{
min-width:0;
overflow:hidden;
border-radius:0 24px 24px 0;
background:#dcece1;
display:flex;
align-items:center}
.home-hero-slide .carousel{
width:100%}
.home-hero-slide img{
width:100%;
height:auto}
.home-hero-slide .carousel-control-prev-icon,.home-hero-slide .carousel-control-next-icon{
background-color:rgba(20,62,47,.5);
border-radius:50%;
padding:18px;
background-size:45%}
.quick-links{
max-width:1250px;
margin:24px auto 0;
padding:0 24px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px}
.quick-links a{
background:#fff;
border:1px solid #e7eee9;
border-radius:15px;
padding:18px 20px;
display:flex;
align-items:center;
gap:15px;
color:var(--green);
text-decoration:none;
box-shadow:0 8px 30px rgba(27,70,48,.04);
transition:transform .2s,box-shadow .2s}
.quick-links a:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(27,70,48,.1)}
.quick-links a>.material-symbols-outlined{
background:var(--mint);
padding:11px;
border-radius:11px}
.quick-links span small,.quick-links span strong{
display:block}
.quick-links small{
color:#8b9c93;
font-size:11px}
.quick-links strong{
font-size:15px;
margin-top:3px}
.quick-links b{
margin-left:auto;
font-weight:400}
.home-intro{
padding:80px 0 55px}
.home-intro h1{
font-size:clamp(24px,2.5vw,34px);
font-weight:600;
color:var(--deep);
margin-bottom:18px}
.home-intro p[style]{
font-size:16px!important;
line-height:1.9;
color:#71877a;
font-weight:400}
.home-intro .container+.container{
margin-top:35px}
.home-intro img{
border-radius:16px;
box-shadow:none!important;
width:100%;
height:auto}
.home-packages{
background:#eef5f0;
padding:75px 0}
.section-heading{
text-align:center;
padding:0 20px 25px}
.section-heading h2,.home-map h2{
font-size:clamp(25px,2.6vw,34px);
font-weight:600;
color:var(--deep);
margin:10px 0}
.section-heading p,.home-map p{
color:#799084;
font-size:14px}
.home-packages hr{
display:none}
.home-packages .nav-pills{
justify-content:center;
gap:8px;
margin-bottom:30px!important}
.home-packages .package-nav-link{
border:1px solid #dce9df!important;
border-radius:10px;
color:#5b7868!important;
display:flex;
align-items:center;
gap:8px;
padding:10px 16px}
.home-packages .package-nav-link span[style]{
font-size:15px!important}
.home-packages .package-nav-link.active{
background:var(--green)!important;
color:#fff!important;
border-color:var(--green)!important}
.home-packages .card{
overflow:hidden;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 8px 30px rgba(30,74,50,.07)!important;
height:calc(100% - 1rem)}
.home-packages .card-img-top{
transition:transform .25s}
.home-packages .card:hover .card-img-top{
transform:scale(1.025)}
.home-packages .card-title{
font-size:15px;
line-height:1.6;
color:var(--ink)!important}
.home-packages .card-body a{
font-size:13px;
color:#278463}
.home-map{
padding:75px 0}
.home-map .alert{
background:transparent;
border:0;
text-align:center;
margin-bottom:25px}
.home-map iframe{
height:400px;
border-radius:20px}
.site-body footer{
background:#e8f1ea!important;
color:#426454!important}
.site-body footer a{
color:var(--green)}
.cookie-notice{
position:fixed;
z-index:1050;
bottom:18px;
left:50%;
transform:translateX(-50%);
width:min(850px,calc(100% - 30px));
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
background:white;
padding:18px 22px;
border:1px solid var(--line);
border-radius:16px;
box-shadow:0 10px 40px rgba(15,50,36,.18);
font-size:13px}
.cookie-notice p{
margin:4px 0 0;
color:#71877a}
.cookie-notice .hero-button{
flex-shrink:0}
.modal-content{
border:0;
border-radius:18px;
overflow:hidden}
.modal-header,.modal-footer{
border-color:#edf2ee}
.modal-title{
color:var(--deep)!important}
@media(max-width:991px){
.site-body .navbar .navbar-nav{
align-items:stretch;
padding:12px 0}
.site-body .navbar .navbar-nav .nav-link{
padding:10px}
.home-hero{
grid-template-columns:1fr;
padding:16px 16px 0}
.home-hero-copy{
border-radius:20px 20px 0 0}
.home-hero-slide{
border-radius:0 0 20px 20px}
.home-hero-copy{
padding:40px}
.home-intro{
padding-top:55px}
}
@media(max-width:600px){
.site-body .navbar{
padding:8px 16px}
.site-body .navbar-brand img{
width:90px}
.home-hero-copy{
padding:32px 24px}
.hero-note{
margin-top:22px}
.quick-links{
grid-template-columns:1fr;
gap:8px;
padding:0 16px}
.quick-links a{
padding:13px 16px}
.home-intro,.home-packages,.home-map{
padding-top:50px;
padding-bottom:45px}
.home-map iframe{
height:300px}
.cookie-notice{
align-items:stretch;
flex-direction:column;
gap:12px}
.home-intro .container+.container{
margin-top:22px}
}

#myModalPresent .modal-header .close {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  padding: 0;

  margin: -8px -8px -8px auto;

  border-radius: 50%;

  color: #155d4a;

  font-size: 36px;

  font-weight: 400;

  line-height: 1;

  opacity: 1;

}

#myModalPresent .modal-header .close:hover,
#myModalPresent .modal-header .close:focus-visible {

  background: #e8f3ed;

  color: #123d35;

}