@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #222;
    font-weight: 400;
    overflow-x: hidden!important; /* Prevent horizontal scrolling */
    width: 100%!important; /* Ensure full width */
    max-width: 100%!important; /* Ensure full width */
}
a {
    color: #ef5c2a;
    text-decoration: none
}
a:hover {
    color: #222;
    text-decoration: none
}

.hidden {
    display: none;
}

.text-warning {color: #ef5c2a!important}
.bg-warning, .btn-warning, .navbar-warning {background: #ef5c2a!important; border-color:#ef5c2a!important; color: #fff!important }
.btn-warning:hover,.btn-warning:active,.btn-warning:focus{background: #ef5c2a!important}
.btn-outline-warning{border-color: #ef5c2a!important;color: #ef5c2a!important;}
.btn-outline-warning:hover{background: #ef5c2a!important;color: #524b49!important;}
.btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {color: #524b49!important}

.hover-pointer:hover{cursor: pointer;}
.text-08 {font-size: .8em!important}
.text-09 {font-size: .9em!important}
.text-10 {font-size: 1em!important}
.text-12 {font-size: 1.2em!important}
.text-11 {font-size: 1.1em!important}
.text-14 {font-size: 1.4em!important}
.text-16 {font-size: 1.6em!important}
.text-20 {font-size: 2em!important}
.text-30 {font-size: 2em!important; line-height: 1.6em!important}
.text-40 {font-size: 3em!important; line-height: 1.2em!important}

.header-home {
    position: relative;
    height: 100vh;
    background-color: #000; /* Black background */
    overflow: hidden;
}
.header-home .carousel-item img {
    object-fit: cover; /* Ensures the image fully covers the container */
    opacity: 0.6; /* Reduce image brightness */
    height: 100vh;
}
.header-home .dropdown-menu, .header .dropdown-menu {
    position: relative;
    left: 10px;
    width:62px!important;
    max-width:62px!important;
    min-width:62px!important;
    z-index:9999!important;
}
.header-home .dropdown-menu a.dropdown-item, .header .dropdown-menu a.dropdown-item {color: #fff!important; font-size: .8rem;}
.header-home .dropdown-menu a.dropdown-item:hover, .header .dropdown-menu a.dropdown-item:hover {color: #ef5c2a!important;}
.header-home .mob-languages, .header .mob-languages {
    width: 100px !important;
    position: relative;
    left: -100px;
    display: inline-block;
}
.header-home .mob-languages a, .header .mob-languages a {
    color: #fff; /* White text */
    text-decoration: none; /* Remove underline */
    margin-right: 0.5rem; /* Add space after each link */
}
.header-home .mob-languages a:not(:last-child)::after, .header .mob-languages a:not(:last-child)::after {
    content: "/"; /* Add a / after each link except the last one */
    margin-left: 0.5rem; /* Add space after the / */
    color: #fff; /* Match the text color */
}
.navbar-toggler {
    border-color: rgba(255,255,255,0.5);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Thicker and clean Previous Button */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    width: 30px; /* Adjust size */
    height: 30px;
    background-size: contain;
}
/* Thicker and clean Next Button */
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    width: 30px; /* Adjust size */
    height: 30px;
    background-size: contain;
}
/* Center-align captions */
.carousel-caption {
    position: absolute;
    top: 57%; /* Move to 50% height of parent */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for proper centering */
    text-align: center;
    color: #fff; /* White text */
    max-width: 1400px; /* Limit caption width */
    /*z-index: 10;  Ensure it stays above the carousel images */
}
/* Styling for the main title */
.carousel-title {
    font-size: 4rem!important; /* Large font for the title */
    font-weight: 400!important; /* Bold title */
    margin-bottom: 20px;
    line-height: 1.2!important; /* Adjust line spacing */
    font-family: "Garamond", serif;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}
/* Styling for the description text */
.carousel-description {
    font-size: 1.2rem!important; /* Medium-sized text */
    font-weight: 300; /* Normal font weight */
    line-height: 1.6!important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}
.top-row-container {
    background: rgba(255, 255, 255, 0.9) !important;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-height: 80px;
}

.header {
    
}

.top-row-container-small {
    background: rgba(230, 230, 230, 1) !important;
    
    height: 80px;
}

.header img.img-fluid {
    position: relative;
    z-index: 10;
}

.menu .navbar-nav a.active, .menu .navbar-nav a:hover, .menu .navbar-nav .nav-link.show{ color:#ef5c2a!important; transition:all .3s all!important;}
.navbar-nav .nav-link {color: #524b49!important;  transition:all .3s all!important; margin-left: 5px; margin-right: 5px;}
.menu .navbar-nav .nav-item .btn-warning {position: relative;top: -3px; margin-left: 10px;}
.menu .navbar-nav .nav-item .btn-info {position: relative;top: -3px; margin-left: 10px; font-size: .8rem; height: 44px;}

.btn-light, .btn-dark, .btn-warning {
    position: relative; /* Needed for smooth movement */
    transition: transform 0.3s ease-in-out; /* Smooth transition */
}
.btn-light:hover, .btn-dark:hover, .btn-warning:hover  {
    transform: translateY(-3px); /* Moves the button 3px up */
}
/* Optional: Ensure a smooth reset on mouse out */
.btn-light:active, .btn-dark:active, .btn-warning:active {
    transform: translateY(0); /* Return to original position */
}
.btn-dark.bg-warning:hover{background: #03598d!important; border-color:#03598d!important}
.btn-light:hover {background: #fff!important; color: #111!important; transition:all .3s all!important;}
.menu .navbar-nav a.btn-light:hover {color: #111!important; transition:all .3s all!important;}

.text-info {color: #524b49!important}
.bg-info, .btn-info, .navbar-info {background: #524b49!important; border-color:#524b49!important; color: #fff!important }
.btn-info:hover,.btn-info:active,.btn-info:focus{background: #ef5c2a!important; border-color:#ef5c2a!important; color: #fff!important}
.btn-outline-info{border-color: #524b49!important;color: #524b49!important;}
.btn-outline-info:hover{background: #ef5c2a!important;border-color:#ef5c2a!important;color: #fff!important;}
.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {color: #524b49!important}

.bg-light{background: #f9f9f9!important}
.bg-eee{background: #eee!important}

h1, h2, h3, h4, h5 {font-family: "Garamond", serif; font-weight: 600!important}
.home-intro h1, .main h1 {font-size: 3rem!important; line-height: 3.5rem!important; margin-bottom: 20px;}
h2 {font-size: 2.6rem!important; line-height: 3rem!important; margin-bottom: 15px!important;}
.bl-hr{
    width: 80px;
    height: 5px;
    background-color: #000;
    border: none;
    opacity: 1 !important;
    margin: 20px 0;
}
.wr-hr{
    width: 80px;
    height: 5px;
    background-color: #ef5c2a;
    border: none;
    opacity: 1 !important;
    margin: 20px 0;
}
.wh-hr{
    width: 80px;
    height: 5px;
    background-color: #fff;
    border: none;
    opacity: 1 !important;
    margin: 20px 0;
}
.menu .navbar-nav .nav-item .btn-warning:hover {
    color: #fff !important;
}

textarea {min-height: 200px!important}

ul.check-list {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 5px;
}

ul.check-list li {
    text-indent: -8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    page-break-inside: avoid;
    break-inside: avoid-column;
    column-break-inside: avoid;
    font-weight: 400;
}

ul.check-list li:before {
    font-family: "bootstrap-icons";
    display: inline-block;
    color: #fff;
    content: '\F26E';
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 1rem;
}

.img-stack {
    top: -80px;
    position: relative;
    width: 80%;
    height: auto;
    /*left: -40px;*/ min-height: 470px
}
/* Ensure parent (.img-stack) maintains height */
.img-stack::after {
    content: "";
    display: block;
    padding-bottom: 100%; /* Adjust based on aspect ratio */
}
/* Stacked image positioning */
.stacked-img {
    position: absolute;
    width: 100%;
    transition: transform 0.3s ease, z-index 0.3s ease;
}
/* Default positions */
.img-1 {
    top: 100px;
    left: 20px;
    z-index: 1;
}
.img-2 {
    z-index: 2; /* Default front image */
}
/* Hover effect */
.stacked-img:hover {
    z-index: 3;
    transform: scale(1.05);
}
/* Click effect (make image stay in front) */
.stacked-img.active {
    z-index: 3 !important;
}

.why-card{transition:all .3s ease;}
.why-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08);}
.why-icon{font-size:3rem;color:#ef5c2a;line-height:1;}
.why-title{font-size:1.2rem;font-weight:700;line-height:1.2;color:#111;}
.why-text{font-size:.9rem;line-height:1.6;color:#666;}

.accommodation-card{position:relative;overflow:hidden;}
.accommodation-card img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;}
.large-card{height:550px;}
.small-card{height:350px;}
.accommodation-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.15));display:flex;align-items:flex-end;padding:40px;}
.accommodation-content{max-width:500px;}
.accommodation-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:15px;}
.small-card .accommodation-title{font-size:1.5rem;}
.accommodation-text{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.9);}
.accommodation-btn{display:inline-block;padding:12px 24px;border:1px solid rgba(255,255,255,.7);font-size:.9rem;letter-spacing:.5px;transition:all .3s ease;}
.accommodation-card:hover img{transform:scale(1.08);}
.accommodation-card:hover .accommodation-btn{background:#ef5c2a;border-color:#ef5c2a;}

.parallax {
    position: relative;
    width: 100%;
    height: 700px; /* Adjust as needed */
    min-height: 700px;
    background-image: url("../images/parallax.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Works on desktop */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
/* Dark Overlay */
.parallax::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7); /* Dark overlay */
    z-index: 0;
}
/* Text Styling */
.parallax .container {
    position: relative;
    z-index: 1; /* Keeps text above the overlay */
}

.parallax p {
    font-size: 2.4rem!important; 
    line-height: 1.2!important; 
    font-family: "Garamond", serif; 
    font-weight: 400!important;
    color: #fff;
}
/* ✅ iOS Fix: Force Background to be Scrollable */
@supports (-webkit-touch-callout: none) {
    .parallax {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
    }
}

.explore-card{text-decoration:none;transition:all .3s ease;overflow:hidden;}
.explore-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08);}
.explore-image{overflow:hidden;}
.explore-image img{height:260px;object-fit:cover;transition:all .5s ease;}
.explore-card:hover img{transform:scale(1.08);}
.explore-title{font-size:1.35rem;font-weight:700;line-height:1.3;color:#111;}
.explore-text{font-size:.95rem;line-height:1.8;color:#666;}
.explore-link{font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ef5c2a;}

.explore-btn{letter-spacing:1px;transition:all .3s ease;}
.explore-btn:hover{background:#ef5c2a;border-color:#ef5c2a;color:#fff;}

.image-gallery {
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 15px;
    width: 100%;
}

.image-item {
    position: relative;
    overflow: hidden;
    height: 350px;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.image-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.image-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.75);
    transition: transform 0.7s ease, filter 0.5s ease;
}

.image-item:hover img {
    transform: scale(1.08);
    filter: brightness(1);
    cursor: pointer;
}

/*.termsfeed-com---nb-interstitial {bottom: 3vh!important;}*/
.termsfeed-com---palette-light .cc-nb-reject {background: #eaeaea!important; color: #111!important}
.termsfeed-com---nb-interstitial-overlay{background: rgba(0, 0, 0, .7)!important;}
.termsfeed-com---nb-interstitial {
    right: 3vw!important;
    top: 70vh!important;
    left: 3vw!important;
    max-width: 100%!important;
    position: fixed!important;
}

.services-intro h3 {margin-bottom: 30px;}

.footer-dark{background:#111;}
.footer-logo{max-width:180px;}
.footer-text{color:rgba(255,255,255,.7);line-height:1.6;font-size:.95rem;}
.footer-title{font-size:1.2rem;font-weight:700;color:#fff;}
.footer-menu li{margin-bottom:14px;}
.footer-menu a,.footer-link{color:rgba(255,255,255,.7);text-decoration:none;transition:all .3s ease;}
.footer-menu a:hover,.footer-link:hover,.footer-dev:hover{color:#ef5c2a;}
.footer-social{display:flex;gap:12px;}
.social-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;}
.social-icon:hover{background:#ef5c2a;border-color:#ef5c2a;color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;color:rgba(255,255,255,.55);}
.footer-dev{color:#fff;text-decoration:none;}

.room-details-block {
    width: 100%;
}

.room-feature {
    background: #f8f6f3;
    border: 1px solid rgba(111,91,82,0.12);
    border-radius: 16px;
    padding: 28px 15px;
    transition: all .3s ease;
}

.room-feature:hover {
    background: #ede7df;
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.room-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    opacity: 0.85;
}

.room-feature span {
    display: block;
    font-size: 15px;
    color: #6b5b53;
    line-height: 1.4;
}

.room-facilities-box {
    background: #fff;
    border: 1px solid rgba(111,91,82,0.12);
    border-radius: 18px;
    padding: 35px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.room-facilities-box h3 {
    margin-bottom: 25px;
    color: #4f4039;
    font-size: 26px;
    font-weight: 500;
}

.facility-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8f6f3;
    border-radius: 10px;
    padding: 13px 15px;
    height: 100%;
    color: #5f514a;
    font-size: 14px;
}

.facility-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #6f5b52;
    color: #fff;
    font-size: 14px;
}

.accommodation-names {
    text-align: center;
    margin-bottom: 15px;
}

.accommodation-names small {
    display: block;
    color: #8b7b70;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 8px;
}

.accommodation-names h3 {
    color: #4f4039;
    font-size: 26px;
    font-weight: 300;
    margin: 0;
    letter-spacing: 1px;
}

.inner-hero {
    position: relative;
    height: 460px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.inner-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.48);
    z-index: 1;
}

.inner-hero .container {
    position: relative;
    z-index: 2;
}

.inner-hero-content h1 {
    color: #fff;
    font-family: Georgia, serif;
    font-size: 52px;
    line-height: 1.1;
    margin-bottom: 18px;
    text-shadow: 0 3px 15px rgba(0,0,0,0.35);
}

.inner-hero-content p {
    color: #fff;
    font-weight: 300;
    font-family: Georgia, serif;
    font-size: 30px;
    line-height: 1.6;
    max-width: 720px;
    margin: 0 auto;
    text-shadow: 0 2px 2px rgba(0,0,0,0.35);
}

@media (max-width: 575px) {
    .room-facilities-box {
        padding: 25px 18px;
    }

    .room-facilities-box h3 {
        font-size: 22px;
    }

    .room-feature {
        padding: 24px 10px;
    }

    .room-icon {
        width: 42px;
        height: 42px;
    }

    .accommodation-names h4 {
        font-size: 24px;
    }

    .accommodation-names small {
        font-size: 11px;
        letter-spacing: 1px;
    }
}

.form-check .form-check-input {
    position: relative;
    top: -3px;
    transform: scale(1.4);
    margin-right: 8px;
}

@media screen and (max-width:1399px) {
    
}

@media screen and (max-width:1199px) {
    .offcanvas {
        height: 100vh !important; /* Ensure full height of the viewport */
        overflow-y: auto; /* Allow scrolling for content if it overflows */
    }
    .offcanvas-body {
        height: 100%; /* Ensure it takes full height of the offcanvas */
        padding: 0rem 2rem; /* Add padding for better spacing */
    }
    /* Remove the scrollbar gap (optional for a cleaner look) */
    body.offcanvas-open {
        overflow: hidden;
    }
}

@media screen and (max-width:991px) {
    .top-row-container {
        max-height: 95px;
    }
    .top-row-container-small {
        background: rgba(255, 255, 255, 0.9) !important;
        z-index: 10;
        height: auto;
    }
    .header .mob-languages a, .header .mob-languages a {
        color: #333; /* White text */
        text-decoration: none; /* Remove underline */
        margin-right: 0.5rem; /* Add space after each link */
    }
    .header .mob-languages a:not(:last-child)::after, .header .mob-languages a:not(:last-child)::after {
        content: "/"; /* Add a / after each link except the last one */
        margin-left: 0.5rem; /* Add space after the / */
        color: #333; /* Match the text color */
    }
    .header .navbar-toggler {
        border-color: rgba(0,0,0,0.5);
    }
    .header .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
}

@media screen and (max-width:767px) {
    .carousel-caption {width: 70%; top: 53%;}
    .carousel-title {
        font-size: 2.6rem!important; /* Large font for the title */
    }
    /* Style the navbar-toggler button */
    .navbar-toggler {
        border: 2px solid #ddd; /* Bold black border for visibility */
        padding: 8px 12px; /* Add some padding for a better look */
        transition: all 0.3s ease-in-out; /* Smooth transitions */
    }
    .navbar-nav .nav-link {font-size: 1.3rem!important;margin-left: 0px; margin-right: 0px;}
    .menu .navbar-nav .nav-item .btn-warning {position: relative;top: 10px; margin-left: 0;}
    .parallax p {font-size: 1.6rem!important; }
    .img-stack {
        top: 0px;
        left: -10px;
        width: 65%;
    }    
    .image-grid {
        grid-template-columns: 1fr;
    }

    .image-item {
        height: 280px;
    }
    .inner-hero {
        height: 320px;
    }

    .inner-hero-content h1 {
        font-size: 34px;
    }

    .inner-hero-content p {
        font-size: 24px;
    }
}

@media screen and (max-width:577px) {
    
}