@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.font-playfair{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }

.font-dm-sans {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.font-marcellus {
    font-family: "Marcellus", serif;
    font-weight: 400;
    font-style: normal;
}

/* display logo before content  */
.hide {
    display: none;
}

/* @keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#content {
    animation: fadeIn 1s ease-in;
} */
/* display logo before content  */

/* hexagon shape in about page  */
.hexagon {
    position: relative;
    width: 4rem;
    height: 4.5rem;
    background-color: #305a30;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
/* hexagon shape in about page  */

/* mobile sidebar show and hide  */
#mobile-sidebar {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#mobile-sidebar.show {
    opacity: 1;
    transform: translateX(0);
}
/* mobile sidebar show and hide  */

/* line separator between nav items except last one  */
@media (min-width: 1024px) {
    .nav-ul > li:not(:last-child) {
        border-right: 1px solid rgb(209 213 219);
    }
    .nav-ul > li {
        padding: 0px 12px;
    }
}
/* line separator between nav items except last one  */

/* category listing for services and packages  */
.service-button:not(:last-child) {
    border-right: 1px solid rgb(209 213 219);
}

.package-button:not(:last-child) {
    border-right: 1px solid rgb(209 213 219);
}
/* category listing for services and packages  */

/* active class for services and packages  */
.service-btn-active,
.package-btn-active {
    background-color: white;
    color: #305a30;
}
/* active class for services and packages  */

/* about page page css starts */
.paragraph-text {
    text-align: justify;
    --tw-text-opacity: 1;
    color: rgb(97 97 97 / var(--tw-text-opacity)) /* #616161 */;
}
/* about page page css ends */

.outlet-description {
    font-size: 0.875rem; /* text-sm */
    text-align: justify;
    color: #3f3f46; /* text-neutral-700 */
}

@media (min-width: 1536px) {
    /* 2xl screen size */
    .outlet-description {
        font-size: 1rem; /* base font size */
    }
}

.spa-description {
    font-size: 0.875rem; /* text-sm */
    text-align: justify;
    color: #3f3f46; /* assuming text-paragraph is similar to text-neutral-700 */
}

@media (min-width: 1536px) {
    /* 2xl screen size */
    .spa-description {
        font-size: 1rem; /* base font size */
    }
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.no-scroll {
    overflow: hidden;
}

/* active navbar css */

.nav-item.active {
    text-decoration: underline;
    color: #305a30;
    font-family: 600;
}

.nav-link:hover {
    text-decoration: underline;
    transition: width 0.3s ease;
}

#gallery-scroll > .owl-nav > .owl-prev,
#gallery-scroll > .owl-nav > .owl-next {
    position: absolute;
    z-index: 40;
    top: 40%;
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding: 0px 10px !important;
    color: white !important;
    font-size: 60px;
}

#gallery-scroll > .owl-nav > .owl-prev:hover,
#gallery-scroll > .owl-nav > .owl-next:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

#offer-scroll > .owl-nav > .owl-prev, #offer-scroll > .owl-nav > .owl-next
{
  position: absolute;
  z-index: 40;
  top: 40%;
  background-color: rgb(48, 90, 48, 0.5) !important;
  padding: 0px 10px !important;
  color: white !important;
  font-size: 60px;
}

#offer-scroll > .owl-nav > .owl-prev:hover,
#offer-scroll > .owl-nav > .owl-next:hover {
  background-color: rgba(48, 90, 48, 0.9) !important;
}

#gallery-scroll > .owl-nav > .owl-prev, #offer-scroll > .owl-nav > .owl-prev{
  left: 20px;
}
#gallery-scroll > .owl-nav > .owl-next, #offer-scroll > .owl-nav > .owl-next{
  right: 20px;
}

#testimonial-scroll > .owl-nav > .owl-prev,
#testimonial-scroll > .owl-nav > .owl-next {
    position: absolute;
    z-index: 40;
    top: 40%;
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #305a30 !important;
    padding: 0px 10px !important;
    font-size: 60px;
}

#testimonial-scroll > .owl-nav > .owl-prev {
    left: 20px;
}
#testimonial-scroll > .owl-nav > .owl-next {
    right: 20px;
}

#memberships-scroll > .owl-dots > .owl-dot > span {
    border-radius: 0% !important;
    width: 50px !important;
    height: 3px !important;
}

#memberships-scroll > .owl-stage-outer > .owl-stage > .owl-item {
    /* float: none !important; */
    display: flex;
    justify-content: center;
}

/* Mobile dropdown styles */
.mobile-dropdown {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.mobile-dropdown.show {
    opacity: 1;
}

.mobile-dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
}

.mobile-dropdown-toggle ion-icon {
    transition: transform 0.2s ease-in-out;
}

/* Ensure proper spacing for mobile nav items */
.mobile-dropdown .nav-item {
    display: block;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.mobile-dropdown .nav-item:hover {
    background-color: #f3f4f6;
}