@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* border: 1px solid red; */
}

body {
    font-family: 'Times New Roman', Times, serif;
    background-color: #fbf6ef;
}


.fab-tarrif-sub-subtab{
        right: 164px !IMPORTANT;
}

#zoom-overlay{
        background: rgba(0, 0, 0, 1) !important;    z-index: 999999999 !important;
}
.fab-tarrif-sub .label, .fab-tarrif-sub-subtab .label
{
    letter-spacing: 2px;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 600;
}

.fab-float > .label{
    letter-spacing: 2px;
    font-size: 13px;
}

.fab-float .label font{
        font-size: 15px !IMPORTANT;
    margin:  0 !IMPORTANT;
}

.label.fab-tarrif-title{
        font-weight: 400 !IMPORTANT;
}




 .fab-tarrif-sub-subtab:hover{
    opacity:1;
    pointer-events:auto;
  }

  
  .fab-tarrif:hover .fab-tarrif-sub{
    opacity:1;
    pointer-events:auto;
  }

  .fab-tarrif-sub::after{
content: "";
        position: absolute;
        right: -4px;
        top: -41px;
        width: 620px;
        height: 100%;
  }




.lang-float{right:2px !IMPORTANT;}

.fab-float .label{
    pointer-events: none;
}
.fab-float:hover .label{
    pointer-events: auto;
}

.mfp-bg, .mfp-wrap {
    z-index: 99999999999 !important;
}
/***google translate*****/

.fab-float:hover .label{z-index:9999;}

font[dir="auto"] {
box-shadow: unset !important;
background: transparent !important;
background-color: transparent !important;
}

 .goog-te-banner-frame,
		.goog-te-banner-frame.skiptranslate {
			display: none !important;
		}


		#goog-gt-tt,
		.goog-tooltip,
		.goog-tooltip:hover {
			display: none !important;
			visibility: hidden !important;
		}


		.goog-te-gadget-simple,
		.goog-te-gadget,
		.goog-te-gadget span,
		.goog-te-gadget-icon {
			display: none !important;
			visibility: hidden !important;
		}


		iframe.goog-te-banner-frame,
		iframe.goog-te-menu-frame {
			display: none !important;
			visibility: hidden !important;
		}


		.skiptranslate {
			display: none !important;
		}

	
	

/** new ***/

div[class*="VIpgJd"]:has(svg[width="96px"] circle[stroke-linecap="round"]) {
    display: none;
}

        .goog-te-banner-frame.skiptranslate {
            display: none !important;
        }
        body {
            top: 0px !important;
        }
        .skiptranslate {
            display: none;
        }



  .custom-select {
    position: absolute;
    top: 34px;   
    left: 20px;    
        z-index: 999999999;
            width: 120px;
  }

 .custom-select select {
    width: 100%;
    padding: 10px 18px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
        background-color: #815153;
        color: white;
    font-size: 16px;
    appearance: none;
    cursor: pointer;
    transition: border 0.3s, box-shadow 0.3s;
  }

  .custom-select select:focus {
    outline: none;
    border-color: #ffffff;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
  }

  .custom-select::after {
    content: "▾";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: white;
  }

/****end*****/

.row {
    width: 100%;
    margin: 0;
}

/* Hover zoom effect for all images */
.hover-zoom {
    transition: transform 0.3s ease;
}

.hover-zoom:hover {
    transform: scale(1.05);
}


/* Hero Section */
.destination-hero-section {
    position: relative;
    height: 100vh;
    /* background: linear-gradient(
                    to bottom,
                    rgba(0, 0, 0, 0.6) 0%,  
                    rgba(0, 0, 0, 0.6) 100%      
                ), url('images/Destinations/destination-hero.webp') center/cover no-repeat; */
    background: url('images/Destinations/destination-hero.webp') center/cover no-repeat;
    ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
}

/* Overlay for darker readability */
.destination-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
}

/* Navbar Base */
.navbar {
    width: 100%;
    position: fixed !important;
    top: 0;
    z-index: 10;
    padding: 5px 60px;
}

/**new class for navbar**/

.navbar.sticky {
/*background: linear-gradient(*/
/*  to bottom,*/
/*  #000000 0%,*/
/*  #000000cf 100%,*/
/*  transparent 100%*/
/*);*/
background:linear-gradient(to bottom, #000000e6 33%, #815153cc 100%);
  box-shadow:0 2px 10px rgb(0 0 0 / 72%);

}



/* Container */
.navbar-container {
    width: 100%;
}

/* --- FIRST ROW: Logo + Button --- */
.top-row {
    position: relative;
    display: flex;
    justify-content: center;
    /* centers logo horizontally */
    align-items: center;
}


/* Logo */
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.logo-icon {
    /*width: 45px;*/
    height: auto;
    object-fit: contain;
}

.logo-text {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;

}

/* Button */
.btn {
    background: #815153;
    color: #fff;
    padding: 10px 22px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-decoration: none;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    ;
    transition: 0.3s ease;
    position: absolute;
    right: 0;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);

}

.btn:hover {
    background: #fff;
    color: #815153;
}

/* --- SECOND ROW: Nav Links --- */
.nav-links {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(7, auto);
    grid-template-rows: auto auto;
    justify-content: center;
    align-items: center;
    gap: 15px 15px;
    margin: 0;
    padding: 5px 0 0 0;
}

/*  Only move Ayurveda and Cottages down */
.nav-links li:nth-child(8) {
    grid-column: 4;
    /* Ayurveda under Yoga */
    grid-row: 2;
}


.nav-links li:nth-child(9) {
    grid-column: 5;
    /* Cottages under Ayurveda Experiences */
    grid-row: 2;
}

/* Style the links */
.nav-links a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    transition: color 0.3s ease;
    font-family: "Raleway", sans-serif;
}



.nav-links li:not(:last-child)::after {
    content: "|";
    margin-left: 15px;
    color: #fff;
}

.nav-links a:hover {
    /* color: #815153; */
}



/* Hero Text */
.hero-content {
    text-align: center;
    color: #fff;
    z-index: 5;
    margin: auto;
}

.hero-content h1 {
    font-size: 38px;
    /* font-weight: 500; */
    margin-bottom: 15px;
    font-family: "Raleway", sans-serif;

}

.divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}


.divider span {
    display: block;
    width: 555px;
    height: 30px;
    /* increase to see clearly */
    background: url("images/Destinations/divider.webp") no-repeat center;
    background-size: contain;
    /* ensures full image is visible */
    background-repeat: no-repeat;

}




/* Button styling */
/* .book-now-button {
    border: 1px solid #ffffff;
    padding: 12px 45px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.3s ease;
} */

.book-now-button:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
}

.ayurveda {
    text-transform: uppercase;
    font-size: 15px;
    padding: 0px 170px;
    font-family: 'Times New Roman', Times, serif;
}

.featured-destinations-heading {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 31px;
    text-align: center;
    padding-top: 70px;
}

.destination-card-details h6 {
    font-size: 15px;
    padding-top: 30px;
    font-family: 'Times New Roman', Times, serif;

}

.destination-card-details h4 {
    font-size: 24px;
    font-weight: 200;
    font-family: 'Times New Roman', Times, serif;
}

.destination-card-details p {
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.5px;
}

.featured-images {
    padding-top: 20px;
}



.card {
    background-color: #fbf6ef;
    border: 1px solid #8151532e;
    border-radius: 20px;
    /* rounded corners */
    margin: 10px;
    /* space between cards */
    width: 220px;
    height: 220px;
    display: flex;
    /* use flexbox */
    flex-direction: column;
    /* stack image + text vertically */
    align-items: center;
    /* center horizontally */
    justify-content: center;
    /* center vertically */
    margin: 15px auto;
    /* spacing + center in column  */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 30px 20px;
}

.card img {
    max-width: 80px;
    /* control image size */
    margin-bottom: 15px;
    /* space between image and text */

}


.card p {
    font-size: 18px;
    color: #815153;
    font-weight: 500;
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
}

.deluxe {
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 10px;
}

.deluxe-description {
    font-size: 15px;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.deluxe-container {
    padding: 40px 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.deluxe-container .row {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.deluxe-container .col-md-5 {
    padding: 0;
    max-width: 500px;
    flex: 1 1 45%;
}

.deluxe-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

.property-cottages {
    font-size: 19px;
    color: #555;
    font-family: 'Times New Roman', Times, serif;
    margin-bottom: 0;
    text-align: center;
}

.property-cottages-heading {
    font-size: 35px;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 5px;
    text-align: center;
    color: #815153;
}

.property-cottages-description {
    text-align: center;
    font-size: 19px;
    width: 50%;
    padding-top: 20px;
    font-family: 'Times New Roman', Times, serif;

}




.header-container {
    padding: 20px 0px;
}

.header-cta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-hamburger {
    display: flex;
    justify-content: left;
    align-items: center;
    cursor: pointer;

}

.header-cta button {
    padding: 6px 12px;
    border: none;
    border-radius: 5px;
    background: #815153;
    color: white;
    cursor: pointer;

}

.header-logo {
    text-align: center;
    font-size: 40px;
}

.header-hamburger {
    font-size: 22px;
}



.destinations-heading {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 31px;
    text-align: center;
    padding-right: 30px;

}

.destinations-description {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-family: 'Times New Roman', Times, serif;
    padding-top: 50px;
}



.offer-tab {
    width: 100%;
    padding: 5% 10%;
}

.cta-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 150px;
    background: #fbf6ef;
    padding-top: 0;
    /* padding-bottom: 60px !important; */

}

.cta-heading {
    padding-top: 25px;
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 26px;

}

.cta-content {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    padding-bottom: 40px !important;
}

.why-choose-us-background {

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    border-radius: 25px;
    width: 100%;
    padding: 0px 60px;


}

/* .cta-button {
    padding: 20px 80px;
    font-family: "Raleway", sans-serif;
    color: #815153;
    border: 1px solid #815153;
    outline: none;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-top: 0px;
} */

.healing-journey {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px !important;
    font-weight: 700 !important;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 50px;

}

.cta-section p {
    padding-bottom: 0 !important;
}

.footer {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;

}

.footer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background-image: url("images/home/footer-left-bg.webp");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity: 1;
    /* soft like screenshot */
    pointer-events: none;
}

.ayurveda-footer {
    font-size: 19px;
    font-family: 'Times New Roman', Times, serif;
    color: #585858;
    /*white-space: nowrap;*/

}

.footer-description {
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
    color: #585858;
    line-height: 1.6;

}

.sign-up-button {
    background-color: #815153;
    padding: 12px 55px;
    color: #FFFFFF;
    border: none;
    font-size: 15px;

}

.about-ayurluxur h4 {
    font-size: 29px;
    font-family: "Raleway", sans-serif;
    color: #313131;
    font-weight: 300;
}

.about-ayurluxur p {
    color: #585858;
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
}

.more-info h4 {
    color: #313131;
    font-size: 24px;
    font-family: 'Times New Roman', Times, serif;
}

.more-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.more-info li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 14px;
}

.more-info li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #585858;
}

.more-info a {
    text-decoration: none;
    color: #585858;
}

.footer-destinations h4 {
    color: #313131;
    font-size: 24px;
    font-family: 'Times New Roman', Times, serif;
}

.footer-destinations h5 {
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}

.footer-destinations p {
    color: #585858;
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
}

.footer-contact h4 {
    color: #313131;
    font-size: 24px;
    font-family: 'Times New Roman', Times, serif;
}

.footer-contact p {
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
}

.location {
    color: #585858;
}

.footer-contact a {
    font-size: 15px;
    color: #585858;
}

/* .footer-items {
    padding-top: 50px;
    letter-spacing: 0.5px;

} */
.footer-items h4 {
    font-size: 16px;
    color: #585858;
    /* margin-bottom: 15px; */
    margin-top: 13px;
    font-weight: 600;
}

.footer-items h3 {
font-size: 24px;
 color: #86595a;
 margin-bottom: 15px;
}

.footer-items a strong{
        color: #815153;
}

.footer-items h5 {
    font-size: 18px;
    margin-top: 20px;
}

.footer-items p,
.footer-items a,
.footer-items li {
    font-size: 16px;
    color: #585858;
    line-height: 1.7;
}

.footer-contents {
    max-width: 1400px;
    margin: auto;
    padding: 60px 80px 30px;
}

.footer-cta-col {
    padding-top: 40px;
}

.footer-cta {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.contact-us-button {
    margin-top: 30px;
    font-size: 14px;
    color: #815153;
    border: 1px solid #815153;
    padding: 8px 32px;
    background: transparent;
}

.follow-us-on {
    font-size: 17px;
}

.social-icons {
    margin-top: 40px;
    font-size: 16px;
    color: #815153;
}

.social-icons a {
    width: 30px;
    height: 30px;
    margin-left: 8px;
    border-radius: 50%;
    background-color: #815153;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.footer-bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    color: #585858;
    text-align: center;
}

.footer-main {
    padding-top: 50px;

}



.hero-about {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 50px;
    letter-spacing: 0.5px;
    line-height: 1.7;
    width: 100%;
    margin: 0 auto;
}


.discover-more {
    position: relative;
    font-size: 15px;
    color: #000;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
    padding-bottom: 5px;
}

/* Line */
.discover-more::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    /* small line initially */
    height: 2px;
    background-color: #000;
    transition: width 0.4s ease;
}

/* Hover / Click */
.discover-more:hover::after,
.discover-more:focus::after {
    width: 100%;
    /* expands on hover */
}

.villas-heading {
    color: #313131;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 31px;
    text-align: center;
    letter-spacing: 0.5px;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}


.slider-container {
    overflow: hidden;
    /* Hide scrollbar */
    cursor: grab;
    scroll-behavior: smooth;
}

.slider {
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

.slider img {
    height: auto;
    max-height: 400px;
    border-radius: 10px;
    object-fit: contain;
}

/* Dots */
.dots {
    text-align: center;
    margin-top: 10px;
}

.dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #ccc;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.dots .dot.active {
    background-color: #333;
}

/* Animation keyframes */
@keyframes scrollSlider {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.ayurvedic-cures {
    font-size: 30px;
    font-family: 'Times New Roman', Times, serif;
    color: #815153;
    padding-top: 80px;
}

.ayurvedic-cures-description {
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.5px;
    width: 80%;
    padding-top: 10px;
}

.ayurvedic-cures-heading {
    position: relative;
    width: max-content;
}

.ayurvedic-cures-heading img {
    position: absolute;
    width: 80px;
    right: -50px;
    bottom: -15px;
}

.ayurvedic-cures-section {
    padding: 0px 10%;
}



.ayurvedic-cures-text {
    flex: 1;
}

.ayurvedic-cure {
    max-width: 600px;
    height: auto;
}


.cures-card img {
    width: 100%;
    padding-top: 50px;
}

.cures-card h6 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 13px;
    letter-spacing: 2px;
    padding-top: 30px;
}

.cures-card h3 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 24px;
}

.cures-card p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.navbar-menu a {
    color: #313131;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    margin: 0 10px;
}

.navbar-menu {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 15px;
}

.separator {
    color: #7D7C7C;
}

/* .somatheeram-content {
    padding: 10% 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.somatheeram-content img {
    width: 100px;
}

.somatheeram-content h3 {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    padding-top: 25px;
}

.somatheeram-content p {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
} */

.underline-1 {
    width: 1320px !important;
    height: 40px;
}



.sreenilayam-hero-section {
    background: url(images/sreenilayam-banner.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: max-content;
    position: relative;
    font-family: "Raleway", sans-serif;
}

.sreenilayam-content {
    padding: 10% 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sreenilayam-content h3 {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    padding-top: 25px;
}

.sreenilayam-content p {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
}

.destination-card {
    height: 100% !important;
    padding-top: 20px;

}

.destination-card-contents {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.resorts {
    padding-top: 20px;
}

.resort-location {
    color: #313131;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    padding-top: 50px;
}

.resort-name {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 35px;
    font-weight: 400px;
    text-align: center;
}

.resort-description {
    font-size: 17px;
}

.home-arc-section {
    position: relative;
    display: inline-block;
    margin-top: 50px;
}

.home-arc-section>img {
    width: 100%;
    height: auto;
    display: block;
}

/* Content wrapper */
.arc-content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 8px;

}

/* Flower image */
.arc-flower {
    height: auto;
    flex-shrink: 0;
    transform: translateY(-10px);
}

/* Paragraph */
.arc-content p {

    color: white;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    text-align: center;

}

.ayurveda-retreats-background {
    position: relative;
    margin-top: -280px;
    /* moves upward — adjust as needed */
    z-index: 2;
    /* ensures it stays above the curved image section */
}

.ayurveda-retreats-card-col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 100px;
}

.ayurveda-retreats-card {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0px 20px 20px;
    box-shadow: 0px 0px 20px 0px #00000061;
}

.ayurveda-retreats-card h4 {
    color: #815153;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    text-transform: uppercase;


}


.ayurveda-retreats-card P {
    color: #313131;
    font-size: 15px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    width: 80%;
}




.ayur-destination-story h1 {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    padding: 10px 0px;
}

.ayur-destination-story p {
    color: #313131;
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    text-align: justify;
    width: 80%;

}

/* Zoom on hover */
.destination-card {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.destination-card img {
    transition: transform 0.5s ease, filter 0.3s ease;
}

/* .destination-card:hover img {
    transform: scale(1.1);
    filter: brightness(0.9);
} */

.lightbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: radial-gradient(circle at center,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.85) 70%);
    backdrop-filter: blur(8px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2147483647;

}

.lightbox-content {
    max-width: 75vw;
    max-height: 80vh;
    border-radius: 12px;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.6);
    animation: zoomIn 0.3s ease;
}

.close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 34px;
    color: #fff;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 0.2s;
}

.close:hover {
    color: #ccc;
    opacity: 1;
}

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

    to {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.nav-links a.active {
    position: relative;
    font-weight: 600;
    /* optional: slightly bolder */
}

/* half underline effect */
.nav-links a.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    /* space below text */
    width: 50%;
    /* half underline */
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
}

.footer-bottom p {
    margin-bottom: 0;
}

.home-hero-content {

    /* text-align: center; */
    color: #fff;
    z-index: 5;
    margin: auto;

}

.book-now-button {
    padding: 15px 80px;
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    border: 2px solid #ffffff;
    outline: none;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-top: 30px;
}

.home-hero-section {
    position: relative;
    height: 100vh;
    /* background: url('images/home/home-hero.webp') center/cover no-repeat; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
}

.home-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.home-hero-content h2 {
    font-family: "Raleway", sans-serif;
    margin-right: 400px !important;
}

.home-hero-content p {
    font-family: "Raleway", sans-serif;
}


.treatment-sample {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;

}


.treatment-sample .content-wrapper {
    max-width: 1240px;
    width: 100%;

}


.treatment-sample img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    object-fit: cover;
}




.treatment-sample h6 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
    letter-spacing: 2px;
    padding-top: 30px;
}

.treatment-sample h3 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 24px;
}

.treatment-sample p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.therapy-section {
    padding: 60px 5%;

}

.therapy-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.therapy-card {
    position: relative;
    overflow: hidden;
    flex: 0 0 350px;
    /* height: 400px;  */
}

.therapy-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.therapy-card:hover img {
    transform: scale(1.05);
}

.therapy-title {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
}

.therapy-card:nth-child(2) {
    transform: translateY(-40px);
}




.home-cta-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 150px;
    background: #fbf6ef;
}


.home-cta-section .wcu-overlay-text p {
    font-size: 17px;
    color: #ffffff;
}

.home-cta-section>p {
    font-size: 18px;
    font-weight: 700;
    color: rgba(49, 49, 49, 1);
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;


}

.home-cta-section h3 {
    color: rgba(129, 81, 83, 1);
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
}

.home-why-choose-us-subheading {
    color: rgba(129, 81, 83, 1);
    font-size: 20px;
    font-weight: 700;


}

.home-cta-section .row {
    margin-top: 80px;
}









.service-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.service-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    /* background: rgba(0, 0, 0, 0.25); */
}

.overlay-content p {
    width: 60%;
    font-size: 20px;
}

.overlay-intro {
    max-width: 60%;
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

.service-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 50%;
}

/* .step {
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: flex-start;
  border-radius: 6px;
  padding: 16px 20px;
  color: #3c2d23;
} */
.text {
    font-size: 1rem;
    color: #3c2d23;
    position: relative;
    z-index: 2;
}

.step {
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 25px 30px 25px 120px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.content-container h2 {
    color: #815153;
    font-size: 30px;
}

/* .number {
  font-size: 3rem;
  font-weight: 100;
  color: #815153;
  margin-right: 20px;
  line-height: 1;
} */

.number {
    position: absolute;
    left: 0px;
    top: 49%;
    transform: translateY(-50%);
    font-size: 7rem;
    font-weight: 100;
    color: rgba(129, 81, 83, 0.08);
    line-height: 1;
    z-index: 0;
    pointer-events: none;
    width:80px;


}
.service-steps .step:last-of-type .number {
    top: 62%;
}

.exclusive-service {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}


.subtitle {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    margin-bottom: 30px;
    font-weight: 400;
}



.home-why-choose-us-background {
    background-image: url('images/home/home-footer-curve.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* Heading styling */
/* .healing-journey {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 20px;
} */

/* Button styling */
.cta-button {
    padding: 12px 80px;
    /* background-color: transparent; */
    color: #815153;
    border: 1px solid #815153;
    /* border-radius: 4px; */
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-right: 20px;
    font-family: "Raleway", sans-serif;
}

.cta-button:hover {
    background-color: #815153;
    color: #fff;
}

.home-healing-journey {
    color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    /* padding-top: 40% !important; */
    margin: 0;
}

.home-cta-button {
    padding: 10px 50px;
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-top: 30px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 60px;
    /* moves button up */
}

.cta-overlay-content {
    height: 100%;
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    align-items: center;
    text-align: center;
    gap: 30px;



}

.home-cta-heading {
    display: flex;
    align-items: center;
    /* gap: 16px; */
}

.home-cta-heading img {
    /* width: 80px; */
    height: auto;
    position: relative;
    left: 12px;
    top: 6px;
    /* padding-top: 40% !important; */
}

.content-container {
    width: 80%;
    height: max-content;
}

.leaf-wrapper {
    display: flex;
    align-items: flex-start;
    /* align leaf with top of text */
    gap: 10px;
    /* space between leaf and paragraph */
}

.leaf-icon {
    width: 100px !important;
    /* small size for the leaf */
    height: auto;
    margin-top: 4px;
    /* fine-tune vertical alignment */
}

.marquee-container {
    width: 90%;
    overflow: hidden;
    position: relative;
    cursor: grab;
}

.marquee-track {
    display: flex;
    gap: 20px;
    animation: scroll 15s linear infinite;
    user-select: none;
}

.marquee-container:active {
    cursor: grabbing;
}

.marquee-track img {
    width: 300px;
    height: 450px;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.4s ease;
}

/* Alternate hover animation */
.marquee-track img:nth-child(odd):hover {
    transform: translateY(15px) scale(1.05);
}

.marquee-track img:nth-child(even):hover {
    transform: translateY(-15px) scale(1.05);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Duplicate images for smooth looping */
.marquee-track::after {
    content: "";
    display: flex;
}




.ayurveda-heading h4 {

    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    padding-top: 60px;
    font-size: 15px;
}

.ayurveda-heading h2 {
    font-size: 30px;
    font-family: 'Times New Roman', Times, serif;
    color: #815153;
    text-align: center;
    font-size: 60px;
}

.about-ayurveda-description {
    font-size: 17px;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.5px;
    width: 80%;
    padding-top: 10px;

}

.ayurveda-heading {
    position: relative;
    /* width: max-content; */

}

.ayurveda-heading img {
    position: absolute;
    width: 80px;
    left: 770px;
    bottom: -5px;
}

.what-is-ayurveda {
    padding: 0px 10%;
}

.ayurvedic-cures-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding-top: 30px;
}

.ayurvedic-cures-text {
    flex: 1;
}

.about-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/about/about-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
    /* ensures overlay doesn’t overflow */
}

.about-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
}

/* make sure your content stays above the overlay */
.about-hero-section>* {
    position: relative;
    z-index: 2;
}


/* Testimonial Card */
.testimonial-card {
    position: relative;
    border-radius: 12px;
    overflow: visible;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 360px;
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

/* Background styles for variety */


.bg1 {
    background: url('images/about/testimonial-bg-1.webp') center/cover;
}

.bg2 {
    background: url('images/about/testimonial-bg-2.webp') center/cover;
}

/* Profile Picture */
.profile-pic {
    width: 60px;
    height: 60px;
    background-color: #666;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    top: 10px;
    z-index: 10;
}

.col-md-4:nth-child(1) .profile-pic {
    background-image: url('images/about/user1.webp');
}

/* White box inside */
.testimonial-content {
    background-color: #fff;
    /* border-radius: 8px; */
    padding: 20px;
    width: 85%;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    /* height: 240px; */
    display: flex;
    flex-direction: column;

}

.rating {
    color: #f9b400;
    font-size: 25px;
    margin-bottom: 10px;
}

.testimonial-content p {
    font-size: 19px;
    margin-bottom: 0;
    color: #5a554d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    pointer-events: none;
}

.quote-mark {
    position: absolute;
    bottom: 10px;
    right: 12px;
    font-size: 1.3rem;
    color: #c1b6a3;
    font-weight: bold;

}

.testimonials-section {
    margin-top: -120px;
    padding-top: 0 !important;
    position: relative;
    z-index: 5;

}

.view-more {
    margin-top: 8px;
    font-size: 14px;
    color: #815153;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    pointer-events: auto;
}

/* Full screen overlay */
.testimonial-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    /* optional overlay */
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;

}



/* Show modal */
.testimonial-modal.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Horizontal modal card */
.testimonial-modal .modal-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: #fff;
    border-radius: 12px;
    padding: 20px 25px;
    max-width: 900px;
    width: 90%;
    gap: 20px;
    position: relative;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Profile pic */
.modal-content .profile-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    margin-top: -80px;
}

/* Content */
.modal-content .content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.modal-content .content .rating {
    color: #f9b400;
    font-size: 20px;
    margin-bottom: 10px;
}

.modal-content .content p {
    font-size: 17px;
    line-height: 1.6;
    color: #5a554d;
    margin: 0;
}

/* Close button */
.modal-content .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #815153;
}

.person-name {
    margin-top: 10px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #3a1f1f;
    font-family: "Times New Roman", serif;
}

/*12-01-26*/
/** home page***/
.navbar .logo{cursor: pointer;}
nav .btn{transform: translateY(0%);}

.nav-links .submenu li:not(:last-child)::after{
content:unset;
}
.nav-links .submenu li{
    padding: 10px;
}
.nav-links .submenu li:hover{
    background-color: #815153;
}
.nav-links .submenu li:hover > a{
color: white;
}


/*owl-carousal*/
.image-slider{padding:0 60px !important;}
.custom-nav .owl-nav button span,.owl-dots{
  display:none;
}

.custom-nav .owl-nav button{
  position:absolute;
  top:50%;
  width:45px;
  height:45px;
}


.custom-nav .owl-prev{
  transform: scaleX(-1);
  left:-60px;
  background:url('images/arrows.webp') no-repeat center !important;
  background-size:contain;
}


.custom-nav .owl-next{
  right:-66px;
  background:url('images/arrows.webp') no-repeat center !important;
  background-size:contain;
}

.owl-carousel .owl-item img{padding-right: 25px;cursor: zoom-in;}


/*footer*/
 .footer-contact a{
    display: block;
    color: #815153;
}


img.ayurvedic-cures-icon{
    padding-top: 50px !important;
}

/* Responsive */
@media(max-width: 768px) {
    .modal-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .modal-content .profile-pic {
        margin-bottom: 15px;
    }

  /*12/1/26**/ 
  
  /*common*/
  
.font-hide{display: none;}
.title-text:has(.font-hide) .ayurvedic-cures {
    padding-top: 0; 
}

/**home page***/
.ayurvedic-cure{
    height:auto !important;
}


@media(max-width:768px)
{
    /**carousal home**/
  .custom-nav .owl-prev{ left:5px; }
  .custom-nav .owl-next{ right:5px; }

  /*contact page*/
  .location-box .address_det {
    height: auto !important;
    }

    /*side curve none*/
    .middmiddle_somatheram_ayurveda::before,.middmiddle_somatheram_ayurveda::after {content: unset !important;}

    /*somatheeram  swiper slide*/

    .slider-1 h3{font-size: 19px !important;}

.has-submenu.open.active .submenu li{background-color: #815153;
    /* padding: 3px 10px;  */
    margin-bottom: 0;
}
.has-submenu.open.active .submenu li a{color: white;font-size: 16px;
    display: flex;
    padding: 4px 10px;
     margin-left:0px;
}
.submenu .has-submenu.open.active .submenu li a::before {
    content: "\f06c";
     font-family: "Font Awesome 6 Free";
     font-weight: 600;
    margin-right: 8px;
    display: inline-block;
    margin-top: 6px;
    font-size: 10px;
}
.mobile-nav-links .has-submenu.open>.submenu{padding-left: 0 !important;}

.lang-float{
        z-index: 999999999 !important;
}

.lang-float .icon{z-index: 9999999;}
.fab-rail{top: 22% !important;}

.lang-float{right:2px !IMPORTANT;}

}
.owl-carousel .owl-item img{padding: 0;}
.image-slider{padding:0 0 !important;}
.image-slider .image-card{width:100% !important;}

.service-image .number img{min-height: auto !important;}
.number{top:63%;}
.service-steps .step:last-of-type .number{top:78%;}
}

/** marari page **/
.middle {
    position: relative;
    overflow: hidden;
}
.middle::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 0;
    background: url(images/vecor_middle.webp) no-repeat;
    background-size: cover;
    z-index: 1;
    transform: scaleX(-1);
    background-position: 92px -72px;
}

.middle::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    background: url(images/vecor_middle.webp) no-repeat;
    background-size: cover;
    background-position:92px -72px;
    z-index: 1;
}

.middle::before,
.middle::after {
    content: "";
    position: absolute;
    top: 20%;
    max-width: 265px;         
    max-height: 620px;
    min-width: 90px;         
    min-height: 220px;
    z-index: 1;
    width: clamp(16vw, 14vw, 265px);
    height: clamp(40vw, 32vw, 620px);
}

.middle::before {
    left: clamp(-10px, -3vw, 0px);   
    transform: scaleX(-1);
}

.middle::after {
    right: clamp(-10px, -3vw, 0px);  
}

/**** end marari page***/

/*somatheeram curve image*/
.middle.middle-somatheeram:before{
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    background: url(images/somatheeram_curve.webp) no-repeat;
    background-size: cover;
    transform: scaleX(1);
    background-position:7px -72px;
    z-index: 1;
     left: clamp(-20px, -3vw, 0px);   
     max-width:175px;
     height: clamp(26vw, 35vw, 620px);
    background-position: 0 -20px;
}
.middle.middle-somatheeram:after{
content: none;
}

/*hr line**/
.hr_line{
    width: 30%;
    margin: 0px auto;
    background-color: #58585866;
    margin-top: 30px;
    min-width: 200px;
    opacity: .09;
}

/**** terms and conditions***/
.main-terms-box{
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    }
.terms-box {
    text-align: center;
}

.terms-title {
    font-style: italic;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.terms-box p {
    margin: 4px 0;
    font-style: italic;
    font-size: 15px;
    color: #000;
    letter-spacing: 2px;
}


/**end terms*/


/***  somatheeram ayurneda curve images ***/


.middmiddle_somatheram_ayurveda {
    position: relative;
    overflow: hidden;
}
.middmiddle_somatheram_ayurveda::before {
    content: "";
    position: absolute;
    top: 39%;
    left: 0;
    background: url(images/vecor_middle.webp) no-repeat;
    background-size: cover;
    z-index: 1;
    transform: scaleX(-1);
    background-position: 42px -72px;
    max-width: 265px;         
    max-height: 620px;
    min-width: 90px;         
    min-height: 220px;
    width: clamp(16vw, 14vw, 265px);
    height: clamp(40vw, 32vw, 620px);
    left: clamp(-10px, -3vw, 0px);   
}

.middmiddle_somatheram_ayurveda::after {
    content: "";
    position: absolute;
    top: 39%;
    right: 0;
    background: url(images/vecor_middle.webp) no-repeat;
    background-size: cover;
    background-position:42px -72px;
    z-index: 1;
    max-width: 265px;         
    max-height: 620px;
    min-width: 90px;         
    min-height: 220px;
    width: clamp(16vw, 14vw, 265px);
    height: clamp(40vw, 32vw, 620px);
    right: clamp(-10px, -3vw, 0px);
}


/***** end somatheeram ayurveda curve images *****/


/** contact **/

.location-box .address_det{
    height: 125px;
}

/**floating icons new***/


/*.fab-rail {*/
/*  position: fixed;*/
/*  right: 2px;*/
/*  top: 20%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 2px;*/
/*  z-index: 9999;*/
/*}*/

/*.fab-float {*/
/*  position: relative;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    background: white;*/
/*  box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
/*  color: #fff;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  cursor: pointer;*/
/*  transition: right 0.3s ease;*/
/*  display: flex !important;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*      text-decoration: none;*/
/*      font-weight: 400;*/
/*          font-family: "Font Awesome 6 Brands";*/
/*          text-transform: uppercase;*/
/*}*/

/*.fab-float i {*/
/*  font-size: 25px;  color: #815153;*/
/*}*/

/*.fab-float .label {*/
/*  position: absolute;*/
/*  right: 70px;*/
/*  color: #4b2a1a;*/
/*  background: #ffffff;*/
/*  border: 1px solid #81515330;*/
/*  padding: 0 14px;     */
/*  white-space: nowrap;*/
/*  opacity: 0;*/
/*  transition: opacity 0.2s ease, right 0.3s ease;*/
/*  height: 50px;         */
/*  display: flex;*/
/*  align-items: center;  */
/*  justify-content: center;*/
/*  font-size: 13px;       */
/*  letter-spacing: 2px;*/

/*}*/

/*.fab-float .label:hover {*/
/*  color: #ffffff;*/
/*  background: #815153;*/

/*    text-decoration: underline;*/
/*    text-underline-offset:5px;*/
/*    text-decoration-color: #ffffffa3;*/
/*    text-decoration-thickness: 1px;*/
/*}*/

/*.fab-float:hover .label {*/
/*  opacity: 1;*/
/*  right: 52px;*/

/*}*/

/*.fab-float.open {*/
/*  right:0; */
/*}*/

/*.fab-float.open .label {*/
/*  opacity: 1;*/
/*}*/




/**download tarif*/
.download-btn-pdf {
  display: inline-flex;       
  align-items: center;        
  gap: 8px;                   
  padding: 10px 20px;
  background-color: #4b2a1a;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.download-btn-pdf:hover {
  background-color: #815153;
}

.download-btn-pdf i {
  font-size: 16px;            
}



/***new tariff sub level**/


/*.fab-tarrif {*/
/*  position: relative;*/
/*}*/


/*.fab-tarrif-sub {*/
/*  position: absolute;*/
/*  right: 96px;*/
/*  top: 0;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 2px;*/
/*  opacity: 0;*/
/*  pointer-events: none;*/
/*  transition: opacity 0.25s ease;*/
/*}*/


/*.fab-tarrif:hover .fab-tarrif-sub {*/
/*  opacity: 1;*/
/*  pointer-events: auto;*/
/*}*/


/*.fab-tarrif-sub .label {*/
/*  position: relative;*/
/*  right: 0;*/
/*  opacity: 1;*/
/*  height: 50px;*/
/*  background: #ffffff;*/
/*  border: 1px solid #81515330;*/
/*  color: #4b2a1a;*/
/*  padding: 0 14px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  white-space: nowrap;*/
/*  font-size: 13px;*/
/*  letter-spacing: 2px;*/
/*  cursor: pointer;*/
/*  transition: background 0.2s ease, color 0.2s ease;*/
/*}*/

/*.fab-tarrif-sub .label:hover {*/
/*  background: #815153;*/
/*  color: #ffffff;*/
/*}*/








/*.label.has-sub-sub{background: #815153 !IMPORTANT;color: white !important;}*/

/**somatheeram swiper slider*/

  .slider-1 .swiper-wrapper {
   align-items: center !important;
  }
    .swiper_content{
     margin: 0 !important;
    }
  .slider-1 {
  width: 100%;
  overflow: hidden;
   min-height: 80px;    
  position: relative;
   z-index: 5;
  }
 .slider-1 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-1 h3 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.somatheeram-hero-section {
  align-items: center;     
  justify-content: center !important;
}

.slider-1 .swiper-pagination {
  position: relative;
  margin-top: 10px;
}
.slider-1 .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}

.slider-1 .swiper-pagination-bullet-active {
  opacity: 1;
}
.slider-1 .swiper-slide {
  width: 100% !important;
}



/**end**/

.mission-item {
    text-align: center;
    margin: 15px;
}

.mission-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding-top: 30px;

}

.about-mission-description {
    font-size: 18px !important;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.5px;
    width: 90% !important;
    margin: 0 auto !important;
    padding-top: 15%;
    /* text-align: center; */
}

.mission-img {
    max-width: 500px;
    height: 618px;
}

.placeholder-img {
    /* width: 448.14px; */
    /* height: 590.17px; */
    background-color: #ccc;
    /* border-radius: 10px; */
    margin-top: 20px;
    display: inline-block;
    /* key line — centers inside text-center */
}

.placeholder-img-author {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-top: 15px;
}

.placeholder-img-description {
    font-size: 18px !important;
    text-align: center !important;
    color: #333;
    line-height: 1.4;
    max-width: 90% !;
    margin: 5px auto 0 auto;
    display: block;
    padding-top: 0 !important;
    text-wrap: nowrap;
}

.placeholder-img-description.placeholder-img-description-nowrap {
    text-wrap:unset;
}

.ayur-destination-story {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.ayur-destination-story h1 {
    font-size: 31px;
    margin-top: 40px;
}

/* .ayur-destination-story p {
    font-size: 18px !important;
    text-align: center;

} */

.section-title {
    font-size: 25px;
    text-transform: uppercase;
}

.section-title-desc {
    font-size: 35px;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 5px;
    text-align: center;
    color: #815153;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 10px;

}

.section-title-para {
    font-size: 18px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    padding-top: 0 !important;
}

.section-title-para-bold-first {
    padding-top: 30px !important;

}

.section-title-para-bold-second {
    width: 65% !important;
    margin: 0 auto !important;
}

.about-icons-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 40px;
}

.about-icons {
    width: 200px;
    text-align: center;
}

.about-icons img {
    padding-top: 10px;
}

.about-icons h6 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.4;
    color: #815153;
}

.about-arc-section {
    position: relative;
    display: inline-block;
}

.about-arc-section img {

    width: 100%;
    height: auto;

    /* display: block; */
}

.about-arc-section p {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 30px;
    width: 60%;
    text-align: center;
    font-weight: 400;
}

.tes-section-title {
    font-size: 35px;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 5px;
    text-align: center;
    color: #815153;
}

.tes-section-desc {
    font-size: 18px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 15px auto;
    line-height: 1.6;
}

.about-healing-journey {

    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: 700 !important;
    margin-left: 60px;
}

.healing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yoga-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/Yoga/yoga-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;

}

.ad-mentoring {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.heading-wrapper {
    position: relative;
    display: inline-block;
    /* keeps content tight */
}

.ad-mentoring h2 {
    color: #815153;
    padding-bottom: 20px;
    position: relative;
    padding-top: 25px !important;
    display: inline-block;
}

.ad-mentoring p {
    font-size: 18px;
    text-align: center;
    width: 100% !important;
    margin: 0 auto;
    padding-top: 0 !important;
}

.ad-mentoring img {
    position: absolute;
    top: 10px;
    right: 870px;

}

.welcome-yoga {
    margin-top: 40px;
}

.welcome-yoga h2 {
    color: #313131;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px;

}

.welcome-yoga p {
    color: #313131;
    font-size: 18px;
    text-align: center;
}

.yoga-card {
    /* Zoom on hover */
    height: 100% !important;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.yoga-card img {
    transition: transform 0.5s ease, filter 0.3s ease;
}

.yoga-card:hover img {
    transform: scale(1.01);
    filter: brightness(0.9);
}

.yoga-resorts {
    padding-top: 20px;
    font-size: 15px;
}

.yoga-resort-description {
    font-size: 20px;
}

.summer-offer {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.offer-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer-icon {
    position: absolute;
    left: -60px;
    /* shift image left of text */
    top: -25px;
    /* raise slightly above h3 */
    width: 80px;
    /* adjust to match badge size */
    height: auto;
}

.offer-text {
    text-align: center;
    /* keeps h3 + h4 centered */
}

.summer-offer h3 {
    color: #815153;
    font-size: 35px;
    margin: 0;
    line-height: 1.1;
}

.summer-offer h4 {
    color: #313131;
    font-size: 25px;
    margin: 5px 0 0;
    line-height: 1.2;
    padding-bottom: 20px;
}

.summer-offer p {
    color: #313131;
    font-size: 18px;
    text-align: center;
    width: 80%;
}




.yoga-section {
    margin-top: 60px;
    text-align: center;
}

.yoga-section h3 {
    font-size: 35px;
    color: #815153;
    text-align: center;
    /* margin-bottom: 30px; */
}

/* New Flex Container */
.yoga-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 70%;
    margin: 0 auto 50px;
}

.yoga-flex img {
    /* width: 160px; */
    height: auto;
    margin-top: -80px;

}

.yoga-flex p {
    font-size: 18px;
    line-height: 1.7;
    color: #313131;

}



.who-we-serve {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    padding: 20px 50px 40px;


}

.who-we-serve h3 {
    color: #313131;
    font-size: 26px;
    text-align: left;
}

.who-we-serve p {
    text-align: left;
    color: #313131;
    font-size: 20px;
}

.yoga-section li {
    text-align: left;
}

.yoga-gallery {
    position: relative;

    /* beige base */
    padding: 2rem 0;
}

.gallery-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
}

/* Brown bar (partially behind last image) */
.gallery-wrapper::after {
    content: "";
    position: absolute;
    bottom: -75px;
    /* must have 'px' */
    right: 0;
    width: 58%;
    height: 75%;
    background-color: #815153;
    z-index: 0;
    /* behind the images */
    border-top-left-radius: 4px;
}

/* Image row */
.gallery {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
    position: relative;
    z-index: 1;
    /* above brown bar */
    /* margin-left: -370px; */
}

.gallery img {
    width: 100%;
    max-width: 280px;
    object-fit: cover;
    border-radius: 2px;
}



.yoga-cta-content {
    color: #313131;
    font-size: 18px;
    text-align: center;
    width: 65%;
}

.yoga-cta-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 150px;
    padding-top: 0;
}
.yoga-cta-section-custom{
    padding-top: 50px;
}

.yoga-why-choose-us-img {
    width: 95%;
    padding-top: 30px;
    margin: 0 auto;
}

.yoga-healing-journey {

    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: 700 !important;
    margin-left: 60px;
    padding-top: 50px;
}

.yoga-healing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yoga-healing-row img {
    padding-top: 50px;
}

.yoga-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.ayurveda-experiences-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/ayurveda-experiences/ayurveda-experiences-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
}

.ayurveda-experiences-hero-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}


.ayur-exp {
    background: #ffffff;
    width: 80%;
    margin: 0 auto;
    padding: 40px 60px;
    /* border-radius: 8px; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.ayur-exp ul {
    list-style-type: disc;
    text-align: left;
    color: #333;
    font-size: 17px;
    line-height: 1.8;
    columns: 3;
    /* creates 3 columns */
    column-gap: 60px;
    /* space between columns */
    padding-left: 30px;
    margin: 0;
}

.ayur-exp li {
    break-inside: avoid;
    /* prevents items from splitting */
    margin-bottom: 20px;
    height: 125px;
}

.ayur-exp strong {
    font-weight: 600;
    color: #1f1f1f;
}

.ae-heading-wrapper h2 {
    position: relative;
    font-size: 35px;
    font-weight: 400;
    color: #815153;
    text-align: center;
    padding-top: 50px;
    /* gives space for the leaf above */
    margin-bottom: 40px;
}


.ae-heading-wrapper p {
    width: 70%;
    margin: 40px auto 0;
    color: #444;
    font-size: 17px;
}

.ae-heading-wrapper h2 img {
    position: absolute;
    bottom: 10%;
    left: 60%;
    /* transform: translate(-150%, -60%); */

    height: auto;
}



.healing-beyond-borders {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.healing-beyond-borders img {
    width: 80%;
    padding-top: 50px;

}

.healing-beyond-borders h6 {
    color: #313131;
    font-size: 16px;
    text-align: left;
    align-self: flex-start;
    padding-left: 10%;
    padding-top: 20px;
}

.healing-beyond-borders h4 {
    color: #313131;
    font-size: 28px;
    text-align: left;
    align-self: flex-start;
    padding-left: 10%;
}

.healing-beyond-borders p {
    color: #313131;
    font-size: 18px;
    text-align: left;
    align-self: flex-start;
    padding-left: 10%;
    width: 91%;
}

/* ---------- AYURVEDA GALLERY STYLING ---------- */
/* ===== AE Gallery Styling ===== */
.ae-gallery-section {
    max-width: 1200px;
    /* Keeps equal margin left and right */
    margin: 0 auto;
    padding: 0 30px;
}


/* image sizing */
.ae-img-left,
.ae-img-right {
    height: 480px;
    object-fit: cover;

}

/* text style */
.ae-card h6 {
    letter-spacing: 2px;
    font-weight: 400;
    color: #313131;
    font-size: 16px;
}


.ae-card h4 {
    font-size: 24px;
    font-weight: 400;
    color: #313131;
}

.ae-card p {
    font-size: 17px;
    line-height: 1.8;
    color: #313131;
}

/* make the right image look portrait/vertical */
.ae-img-right {
    width: 70% !important;
    /* adjust between 60%–75% to get the perfect narrow look */
    margin: 0 auto;
    /* centers the narrower image inside its column */
    height: 480px;
    object-fit: cover;
    display: block;
}

.right-img {
    width: 90%;
    /* reduces width to make it more vertical */
    height: 440px;
    object-fit: cover;
}

.facilities-description {
    font-size: 17px;
}

/* ------------------------------
   Exclusive Ayurveda Offers (Bootstrap)
----------------------------------- */
.exclusive-offers {
    background-color: #fbf6ef;
    color: #3e2f1c;
    font-family: "Marcellus", serif;
        padding-bottom: 0 !important;
}

/* Header */
.exclusive-offers h2 {
    color: #815153;
    font-size: 2rem;
}

.exclusive-offers .offers-subtitle {
    font-size: 18px;
    color: #313131;

    display: block;
    margin: 4px auto 0;
    text-align: center;
    padding-bottom: 4px;
    margin-top: 4px;

}

/* Offer text */
.exclusive-offers h5 {
    color: #4b2d1a;
    font-size: 1.1rem;
}

.exclusive-offers ul li {
    margin-bottom: 6px;
    font-size: 0.95rem;
}

.exclusive-offers p {
    line-height: 1.7;
}

.exclusive-offers .small {
    font-size: 0.9rem;
    color: #6b4f3a !important;
}

/* Image Styling */
.offer-image img {
    /* border-radius: 10px; */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.offer-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.offer-text h5 {
    color: #815153;
    font-size: 18.6px;
    text-align: left;
    width: 100%;
    line-height: 27px;
    letter-spacing: 1px;
}

.offer-text p {
    color: #313131;
    font-size: 16px;
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
}

.offer-text ul {
    text-align: left;
    font-size: 18px;
    padding-left: 7px;
}

.offer-image h6 {
    color: #313131;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 20px;
}

.offer-image h4 {
    color: #313131;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
}

.highlight-offer {
    color: #815153;
    font-weight: 400;
}

.offer3 {
    color: #815153 !important;
}

/* Hero Section */
.exclusive-offers-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/exclusive offers/exclusive-offer-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "Raleway", sans-serif;
}

/* Overlay for darker readability */
.exclusive-offers-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
}

.image-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.image-card {
    width: 300px;
    height: 540px;
    overflow: hidden;
    transition: transform 0.6s ease;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
}

.image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hover animations */
.image-card.down {
    transform: translateY(45px);
}

.image-card.up {
    transform: translateY(-45px);
}

/* SLIDER ADDITION */
.image-slider {
    width: 100%;
    overflow: hidden;
}

.image-slider .image-grid {
    flex-wrap: nowrap;
    /* override wrap */
    /* width: max-content; */
    /* animation: slide 20s linear infinite; */
    
}

.image-slider .image-card {
    flex-shrink: 0;
}


@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


.contact-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/contact/contact-hero-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
    /* ensures overlay doesn’t overflow */
}

.contact-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

/* make sure your content stays above the overlay */
.contact-hero-section>* {
    position: relative;
    z-index: 9;
}

.footer-brand {
    display: flex;
    align-items: center;
    /* vertical alignment */
    gap: 10px;
    /* space between logo & text */
}

.footer-logo {
    /*width: 50px;*/
    /* adjust size as needed */
    height: auto;
    padding-bottom: 20px;
}

.footer-brand h4 {
    margin: 0;
    color: rgba(49, 49, 49, 1);
    font-size: 20px;
    font-weight: 400;
    font-family: "Times New Roman", serif;
    letter-spacing: 2px;
    line-height: 1;
    transform: translate(-6px, 8px);
    /* ← left | ↓ down */
    padding-bottom: 20px;

}

.footer-link a {
    color: #585858;
    text-decoration: none;
}

.contact-footer-icons {
    width: 100%;
    text-align: center;
    padding-bottom: 3%;
}

/* Remove Bootstrap column spacing effect */
.contact-footer-icons .col-md-3 {
    display: inline-block;
    /* make all icons sit next to each other */
    width: auto;
    /* shrink width to image size */
    margin: 0 45px;
    /* control spacing between icons */
    float: none;
    /* prevent bootstrap float issues */
}

.contact-footer-icons img {
    width: 70px;
    /* size of icons */
}



.contact-form {
    max-width: 720px;
    width: 100%;
    background-color: #F3EEE5;
    padding: 60px 50px;
    text-align: center;
    border-radius: 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

}

.contact-form-wrapper {
    background-color: #81515387;
    width: 75%;
    margin: 0 auto;
    padding: 80px 60px;
    display: flex;
    justify-content: center;
}

.contact-form h3 {
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 1px;
    font-size: 32px;
    margin-bottom: 10px;
    color: #815153;
}

.contact-form p {
    font-size: 18px;
    color: #313131;
    margin-bottom: 35px;
    font-family: 'Times New Roman', Times, serif;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e2ddd6;
    background-color: #fbfaf8;
    font-size: 14px;
    outline: none;
    border-radius: 0;
    /* square */
}

.contact-form textarea {
    height: 120px;
    resize: none;
    margin-bottom: 30px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Times New Roman', Times, serif
}

.contact-form button {
    background-color: #815153;
    color: #FFFFFF;
    border: none;
    padding: 12px 35px;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 0;
    /* square */
    transition: background 0.3s ease;
    font-family: 'Times New Roman', Times, serif;
    display: block;
    margin-left: 0;
    margin-right: auto;
}

.contact-form button:hover {
    background-color: #FFFFFF;
    color: #815153;
}

.contact-locations {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 80px 5%;
    background-color: #f8f5ef;
    text-align: center;
}

.location-box img {
    margin: 20px auto 10px;
    display: block;
}

.contact-divider {
    width: 70%;
    height: 7px;
    background-color: #ffffff;
    opacity: 1;
    margin: 25px auto;
}

.contact-reserve-retreat {
    text-align: center;
}

.contact-reserve-retreat p {
    color: #313131;
    font-size: 18px;
}

.contact-reserve-retreat button {
    background-color: #815153;
    color: #FFFFFF;
    border: none;
    padding: 12px 50px;
    font-size: 14px;
    font-family: "Raleway", sans-serif;

}

/* ----- RESORT FOOTER ----- */
.resort-info {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    /* makes all boxes equal height */
    flex-wrap: wrap;
    padding: 40px 5%;
    text-align: center;
}

.resort-item {
    flex: 1;
    min-width: 250px;
    padding: 20px;
    position: relative;
    /* needed for custom divider */
}

/* vertical divider between boxes */
.resort-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 15%;
    /* adjust vertical start */
    right: 0;
    width: 1px;
    /* thin like hr */
    height: 100%;
    background-color: #a5a5a5;
    /* color of line */
    opacity: 0.8;
}

.resort-item h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    color: #815153;
    letter-spacing: 0.5px;
}

.resort-item p {
    font-size: 17px;
    line-height: 1.6;
    color: #333;
}



/* ----- SOCIAL CONNECT ----- */
.social-connect {
    text-align: center;
    padding: 0 0 10px;
}

.connect-title {
    font-size: 19px;
    color: #815153;
    margin-bottom: 10px;
    font-weight: 500;
}

.social-connect-icons a {
    color: #815153;
    font-size: 25px;
    margin: 0 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

.social-connect-icons a:hover {
    color: #9e6d6d;
    transform: scale(1.1);
}

.ayurvedam-sreenilayam-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/ayurvedam-sreenilayam/ayurvedam-sreenilayam-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
    /* ensures overlay doesn’t overflow */
}

.ayurvedam-sreenilayam-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.text-center p {
    font-size: 19px;
    padding-top: 30px;
    width: 70%;
    color: #313131;
    margin: 0 auto;

}

.ayurvedam-sreenilayam-service-img {
    width: 100%;
    /* makes the image fill its column */
    height: 250px;
    /* set fixed height */
    object-fit: cover;
    /* crop nicely instead of stretching */
    border-radius: 10px;
    /* optional: rounded corners */
}

.why-choose-us-content {
    color: #313131;
    font-size: 17px;
    width: 65%;
    text-align: center;
}


/* Smooth zoom animation */
/* Base image styles */
img {
    transition: transform 0.3s ease;
    /* cursor: zoom-in; */
    max-width: 100%;
    height: auto;
}

/* Style for enlarged (zoomed) image */
.img-zoomed {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: auto !important;
    height: auto !important;
    max-width: 90vw;
    max-height: 90vh;
    z-index: 9999;
    cursor: zoom-out;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); */
    transition: none;
    /* stop hover transition flicker */
    pointer-events: auto;
}

#zoom-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
    display: none;
}

#zoom-container img {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    cursor: default;
}


#zoom-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    display: none;
}

/* .img-zoomed:hover {
    transform: translate(-50%, -50%) scale(1);
} */



#zoom-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #ffffff;
    color: #815153;
    font-size: 28px;
    font-weight: bold;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s ease;
}

#zoom-close:hover {
    background: #815153;color:#ffffff;
}

.authentic-ayurveda-centres-heading {
    color: #815153;
    font-size: 23px;
    padding-top: 25px;
    text-align: center;
}

.authentic-ayurveda-centres-para {
    color: #313131;
    font-size: 17px;
    text-align: center;
    font-weight: 400;
}

.wcu-image-overlay-container {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.wcu-image-overlay-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.wcu-overlay-text {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    height: 100%;
    /* color: #ffffff; */
    pointer-events: none;
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    align-items: center;
    text-align: center;
    padding: 20px;


}

.wcu-overlay-text h4 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff;

}



.our-services h6 {
    color: #313131;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 100px;
    text-align: center;
    font-weight: 400;
}

.our-services h2 {
    color: #815153;
    font-size: 35px;
    text-align: center;
    letter-spacing: 0.5px;
}

.our-services .col-md-4 {
    padding-top: 30px;
    margin: 0 auto;
}

.our-services .col-md-4 h4 {
    padding-top: 20px;
    color: #313131;
    font-size: 23px;
    text-align: center;
    letter-spacing: 0.5px;
}

.our-services .col-md-4 p {
    color: #313131;
    font-size: 18px;
    text-align: center;
}

/* Smooth animation for all images */
.our-services-img {
    transition: transform 0.4s ease;
}

/* 1st image → move DOWN on hover */
.our-services .col-md-4:nth-child(1) .our-services-img:hover {
    transform: translateY(20px);
}

/* 2nd image → move UP on hover */
.our-services .col-md-4:nth-child(2) .our-services-img:hover {
    transform: translateY(-20px);
}

/* 3rd image → move DOWN on hover */
.our-services .col-md-4:nth-child(3) .our-services-img:hover {
    transform: translateY(20px);
}

.prakriti-recharge-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.prakriti-recharge-counter img {
    width: 70%;
    margin-top: 90px;

}

.prakriti-recharge-counter h6 {
    color: #313131;
    font-size: 16px;
    text-align: left;
    align-self: flex-start;
    padding-left: 15%;
    padding-top: 25px;
    letter-spacing: 2px;
}

.prakriti-recharge-counter h4 {
    color: #313131;
    font-size: 30px;
    text-align: left;
    align-self: flex-start;
    padding-left: 15%;
    padding-top: 10px;
}

.prakriti-recharge-counter p {
    color: #313131;
    font-size: 18px;
    width: 70%;
    margin: 0 auto;
}

.home-of-authentic-ayurveda h6 {
    color: #313131;
    font-size: 18px;
    text-align: center;
    margin-top: 60px;
    letter-spacing: 2px;
}

.home-of-authentic-ayurveda h2 {
    color: #815153;
    font-size: 30px;
    letter-spacing: 0.7px;
    text-align: center;
}

.about-mali {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about-mali img {
    width: 100%;
    max-width: 944px;
    /* keeps desktop size */
    height: auto;
    /* maintains landscape ratio */
    margin-top: 20px;
    display: block;
}

.about-mali h6 {
    color: #313131;
    font-size: 18px;
    margin-top: 20px !important;
}

.about-mali h4 {
    color: #313131;
    font-size: 28px;
}

.about-mali p {
    color: #313131;
    font-size: 18px;
    text-align: center;
    width: 98%;
}

.areas-of-specialization {
    background-color: #ffffff;
    width: 95%;
    height: auto;
    margin: 0 auto;
    list-style-position: inside;
}

.areas-of-specialization h4 {
    color: #313131 !important;
    font-size: 20px !important;
    padding-left: 13% !important;
    padding-top: 30px !important;
}

.areas-of-specialization li {
    color: #313131;
    font-size: 18px;
    padding-left: 11%;
}

.areas-of-specialization p {
    color: #313131;
    font-size: 18px;
    width: 74%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.about-namitha {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about-namitha h6 {
    color: #313131;
    font-size: 18px;
    margin-top: 20px !important;
}

.about-namitha h4 {
    color: #313131;
    font-size: 28px;
}

.about-namitha p {
    color: #313131;
    font-size: 18px;
    text-align: center;
    width: 98%;
}

.about-namitha img {
    margin-top: 80px;
}

.amenities {
    background-color: #c5afac;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    list-style-position: inside;
    margin-top: 30px;

}

.amenities img {
    float: right;
    width: 500px;
    height: auto;
    margin-right: 80px;
    margin-top: 20px;

}

.amenities h4 {
    color: #313131;
    font-size: 20px;
    padding-left: 10%;
}

.amenities p {
    color: #313131;
    font-size: 20px;
    padding-left: 10%;
    width: 60%;
}

.amenities li {
    list-style-type: none;
    padding-left: 8%;
    color: #585858;
    font-size: 18px;
}

.sreenilayam-features-section {
    margin-top: 100px;
}

/* Ensure each img-box allows space for the card */
.img-box {
    position: relative;
    padding-bottom: 80px;
}

/* Info card sits safely on top */
.left-info-card {
    position: absolute;
    top: 120px;
    right: -5%;
    width: 350px;
    background: white;
    padding: 25px 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 10;
    /* ensures card stays above images */
    height: auto;
}

.right-info-card {
    position: absolute;
    top: 120px;
    right: -15%;
    width: 350px;
    background: white;
    padding: 25px 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 10;
    /* ensures card stays above images */
    height: auto;
}

.left-info-card,
.right-info-card {
    background-image: url("images/ayurvedam-sreenilayam/cards-background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    /* or contain */
    background-position: center;
}

.image-card-row .col-md-6:nth-child(odd) img {
    transform: translateX(-80px);

}


.image-card-row .col-md-6:nth-child(even) img {
    transform: translateX(20px);

}

.left-info-card h4 {
    color: #815153;
    font-weight: 400;
    font-size: 20px;
}

.left-info-card p {
    color: #815153;
    font-weight: 400;
    font-size: 15px;
}

.right-info-card h4 {
    color: #815153;
    font-weight: 400;
    font-size: 20px;
}

.right-info-card p {
    color: #815153;
    font-weight: 400;
    font-size: 15px;
}



.gallery-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 0px 50px;


}

.gallery-imgs {
    width: 311px;
    height: auto;
}


.main-gallery {
    width: 100%;
    height: 100%;
    background-image: url(images/ayurvedam-sreenilayam/gallery-img-5.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.main-gallery h2 {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 400;
}

.main-gallery p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    width: 80%;
    text-align: center;

}

.gallery-section .col-md-4,
.gallery-section .col-md-6 {
    padding: 0 !important;
}


.blog-section {
    margin-top: 50px;
}

.blog-section .col-md-4 {
    padding-top: 20px;
}

.blog-section h6 {
    color: #313131;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
}

.blog-section h2 {
    color: #815153;
    font-size: 30px;
    text-align: center;
}

.blog-content h3 {
    color: #313131;
    font-size: 25px;
    padding-top: 10px;
}

.blog-content p {
    color: #313131;
    font-size: 20px;
}



.sreenilayam-ayurveda-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/sreenilayam-ayurveda/sreenilayam-ayurveda-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.sreenilayam-ayurveda-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.sreenilayam-gallery-section .row {
    justify-content: center;
    /* centers both columns */
}

.gallery-vertical-first {
    height: 592px;
    width: 532px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: -80px;

}

.gallery-vertical-second {
    height: 592px;
    width: 532px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: 30px;


}

.gallery-horizontal-first {
    height: 388px;
    width: 694px;
    /* 90% of original */
    margin-top: -80px;

}

.gallery-horizontal-second {
    height: 388px;
    width: 694px;
    margin-top: 20px;
    /* 90% of original */
}

.gallery-horizontal-third {
    height: 388px;
    width: 694px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: 20px;
}


.sreenilayam-gallery-section .col-md-6 {
    width: 50%;
    padding: 0 !important;

}

.sreenilayam-gallery-section .col-md-6:last-child {
    margin-left: -60px;
    /* reduce center gap from the other side */
}

.sreenilayam-offer-text h5 {
    color: #313131;
    font-size: 22px;

}

.sreenilayam-offer-text p {
    color: #313131;
    font-size: 17px;
    width: 70%;

}

.sreenilayam-offer-text ul li {
    color: #313131;
    font-size: 17px;

}

.sreenilayam-offer-text h6 {
    color: #313131;
    font-size: 19px;

}

.nasyam-img {
    width: 100% !important;
    height: auto;
    display: block;
    padding-top: 80px;
}

.yoga-offer-text h5 {
    color: #313131;
    font-size: 22px;
}

.yoga-offer-text p {
    color: #313131;
    font-size: 17px;

}

.sreenilayam-accommodation {
    text-align: center;
    margin-top: 30px;
}

.sreenilayam-accommodation h3 {
    color: #313131;
    font-size: 32px;
}

.sreenilayam-accommodation p {
    color: #313131;
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
}

.first-accommodation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.first-accommodation img {
    width: 90%;
    margin-top: 50px;

}

.first-accommodation h6 {
    width: 90%;
    text-align: left;
    margin-top: 15px;


}

.accommodations .row .col-md-6 img {
    margin-top: 50px;


}

.accommodations .row .col-md-6:first-child p {
    color: #313131;
    font-size: 18px;
    width: 60%;
    text-align: center;
    margin-top: 10px;
    transform: translateX(85px);
    margin-left: 110px;
}

.accommodations .row .col-md-6:last-child p {
    color: #313131;
    font-size: 18px;
    width: 90%;
    text-align: center;
    margin-top: 10px;
    margin-right: 210px;
}

.accommodations .row .col-md-6:first-child img {
    margin: 30px auto 0px 200px;
    width: 60%
}

.accommodations .row .col-md-6:last-child img {
    margin: 0 auto;
    width: 90%
}



.rooms h3 {
    color: #313131;
    font-size: 25px;
    font-weight: 400;
}

.rooms p {
    color: #313131;
    font-size: 18px;
    width: 95%;
}

.rooms h6 {
    color: #313131;
}

.sreenilayam-inside-section h3 {
    text-align: center;
    color: #313131;
    font-size: 30px;
    margin-top: 30px;
}

.inside-intro {
    text-align: center;
    color: #313131;
    font-size: 18px;
    width: 60%;
    margin: 0 auto;
}

.inside-content {
    margin-top: 40px;
}

.inside-content h6 {
    padding-top: 20px;
    color: #313131;
    font-size: 15px;
    letter-spacing: 1px;
}

.inside-content h4 {
    color: #313131;
    font-size: 25px;
    font-weight: 400;
}

.inside-content p {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    width: 80%;
}

.sreenilayam-cottage-healing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sreenilayam-cottage-healing-row img {
    padding-top: 40px;
    padding-left: 30px;
}

.sreenilayam-cottage-healing-journey {

    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: 700 !important;
    margin-left: 10px;
    padding-top: 50px;
}

.sreenilayam-cottage-cta-button {
    padding: 12px 80px;
    /* background-color: transparent; */
    color: #815153;
    border: 1px solid #815153;
    /* border-radius: 4px; */
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-left: 16%;
    font-family: "Raleway", sans-serif;
    text-wrap: nowrap;
}

.sreenilayam-cottage-cta-button:hover {
    background-color: #815153;
    color: #fff;
}

.ayurvedam-sreenilayam-cottage-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/sreenilayam-cottages/sreenilayam-cottage-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
    /* ensures overlay doesn’t overflow */
}

.ayurvedam-sreenilayam-cottage-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.image-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

.slider-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scroll 20s linear infinite;
}

.slide img {
    width: 230px;
    height: 350px;
    object-fit: cover;
    transition: .3s ease;
}

.slide:nth-child(odd):hover img {
    transform: translateY(-30px);
}

.slide:nth-child(even):hover img {
    transform: translateY(30px);
}

.marari-image-slider {
    margin: 50px;
    overflow: hidden;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Buttons */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .4);
    border: none;
    color: white;
    padding: 8px 12px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.slider-prev {
    left: 20px;
}

.slider-next {
    right: 20px;
}

.marari-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/marari/marari-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.marari-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.marari-intro h6 {
    color: #313131;
    font-size: 16px;
    text-align: center;
    padding-top: 40px;
}

.marari-intro h2 {
    color: #815153;
    font-size: 30px;
    text-align: center;
}

.marari-intro p {
    font-size: 18px;
    color: #313131;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.property-cottages h6 {
    color: #313131;
    font-size: 16px;
    text-align: left;

}

.property-cottages h2 {
    color: #815153;
    font-size: 30px;
    text-align: left;
}

.marari-offer-tab {
    width: 100%;
    padding: 2% 30%;
    padding-bottom: 0;
}

.discover-packages-section {
    margin-top: 40px;
}


.discover-packages-section h4 {

    color: #815153;
    font-size: 32px;
    text-align: center;
}

.discover-packages-leaf {
    margin-left: 46%;
    margin-bottom: 30px;
    margin-top: -10px;
}

.image-overlay-wrap {
    position: relative;
    overflow: hidden;
}

.image-overlay-wrap img {
    width: 100%;
    display: block;
}

.image-overlay-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 25px;
    text-align: right;

    background: rgba(0, 0, 0, 0.45);
    /* dark transparent strip */
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.package-content h4 {
    color: #313131;
    font-size: 25px;
    text-transform: capitalize;
    text-align: left;
    padding-top: 10px;
    font-weight: 400;
}

.package-content p {
    color: #313131;
    font-size: 18px;

}

.exp-top-row {
    display: flex;
    align-items: center;
    gap: 10px;
    /* space between image & text */
    margin-top: 50px;
    /* margin-left: 70px; */
    justify-content: center;

}

.exp-icon {
    width: 79px;
    height: auto;
}

.exp-top-row p {
    color: #815153;
    font-size: 20px;
    width: 70%;
}

.sreenilayam-cottage-gallery-section-first-col{
    padding-right: 3px;
}

.sreenilayam-cottage-gallery-horizontal-first {
    margin-top: 50px;
    /* margin-right: 80px; */
}

.sreenilayam-cottage-gallery-horizontal-second {
    margin-top: 15px;
    /* margin-right: 80px; */

}

.sreenilayam-cottage-gallery-vertical-first {
    margin-top: 10px;
    margin-left: 70px;
    /* width: 80%; */
}

.facilities-section {
    margin-top: 70px;
    text-align: center;
}

.facilities-section h4 {
    color: #815153;
    font-size: 32px;
}

.facilities-section p {
    color: #313131;
    font-size: 18px;
    width: 50%;
    margin: 0 auto 20px auto;
}

.facilities-section .col-md-4 {
    text-align: center;
}

.facilities-section img {
    width: 100%;
    max-width: 350px;
    height: auto;
    display: block;
    margin: 10px auto 15px;
}

.middle-img {
    padding-top: 90px;
}

.facilities-content p {
    text-align: center;
    width: 80%;
    color: #313131;
}

.marari-resort-section {
    margin-top: 30px;
}

.marari-resort-section h6 {
    text-transform: uppercase;
    padding-top: 20px;
    color: #313131;
    font-size: 15px;
    letter-spacing: 1px;
}

.marari-resort-section h3 {
    color: #313131;
    font-size: 25px;

}

.marari-resort-section p {
    color: #313131;
    font-size: 18px;
}

.experiencing-marari-section {
    margin-top: 60px;
    text-align: center;
}

.experiencing-marari-section h3 {
    text-transform: uppercase;
    color: #815153;
    font-size: 30px;
    letter-spacing: 0.98px;

}

.experiencing-marari-section .col-md-4 {
    margin-top: 20px;
}

.exp-marari-first-img {
    padding-top: 60px;
}

.exp-marari-last-img {
    padding-top: 10%;
}

.experiencing-marari-content h4 {
    color: #313131;
    text-align: center;
    font-size: 25px;
    padding-top: 10px;
    font-weight: 400;
}

.experiencing-marari-content p {
    color: #313131;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    font-weight: 400;
    width: 70%;
    margin: 0 auto;
}

.marari-healing-journey {
    color: #815153;
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: 700 !important;

    padding-top: 50px;
}

.marari-property-cottages {
    margin-top: 50px;



}

.marari-property-cottages h4 {
    font-size: 30px;
    color: #815153;
    /* margin-left: 10px; */
}

.marari-property-cottages h6 {
    font-size: 15px;
    color: #313131;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* margin-left: 10px; */
}

.property-wrapper {
    height: 500px;
    /* Same height for both images */
    overflow: hidden;
    /* Keeps layout clean */
}

.first-property,
.second-property {
    width: 100%;
    height: 100%;
    padding-right: 25px;
    /* object-fit: contain; */

    /* Shows full image without cropping */

}

.marari-property-cottages .row {
    margin-left: 0;
    margin-right: 0;
    /* justify-content: center !important; */
}

.marari-property-cottages [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.marari-property-cottages {
        padding-left: 50px;
    padding-right: 50px;
    /* adjust as needed */
}

.image-gap {
    margin-left: 0px;
    /* space between the two images */
}

.marari-property-cottages img {
    display: block;
    margin: 0 auto;
}

.marari-ayurveda-intro {
    text-align: center;
}

.marari-ayurveda-intro h2 {
    color: #815153;
    font-size: 30px;
    text-align: center;
    padding-top: 30px;
}

.marari-ayurveda-intro p {
    color: #313131;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

.marari-ayurveda-intro a {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 10px;
    /* increase as needed */
}

.marari-ayurveda-package {
    margin-top: 50px;
}

.marari-ayurveda-package h4 {
    color: #313131;
    font-size: 25px;
    font-weight: 400;
    padding-top: 10px;
}

.marari-ayurveda-package p {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
}

.marari-ayurveda-package .col-md-4:nth-child(n+4) {
    margin-top: 40px;
    /* adjust the value as you like */
}

.doctor-section {
    margin: 40px auto 0;
    text-align: center;
}

.doctor-section h2 {
    color: #815153;
    font-weight: 400;
    font-size: 30px;

}

.doctor-section p {
    color: #313131;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.doctors-content {
    margin-top: 90px;
}

.doctors-content h6 {
    color: #313131;
    font-size: 15px;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.doctors-content h4 {
    color: #313131;
    font-size: 20px;
    text-align: left;
    letter-spacing: 1px;
}

.doctors-content p {
    color: #313131;
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    width: 100%;
}

.doctors-content li {
    color: #313131;
    font-size: 18px;
    text-align: left;
    letter-spacing: 1px;
    margin-left: 0px;
}

.ayurveda-section {
    margin: 50px auto 0;
}

/* Top icon + headings layout */
.ayurveda-top {
    display: flex;
    align-items: center;
    gap: 20px;
    /* spacing between icon and text */

}


/* text block */
.title-text h6 {
    margin: 0;
    font-size: 15px;
    letter-spacing: 2px;
    color: #313131;

}

.title-text h3 {
    padding-top: 0;
    font-size: 30px;
    color: #815153;
    padding-top: 20px;
}

/* Right image */
.ayurvedic-cure {
    width: 100%;
    height: 480px;
}

.ayurveda-left-content {
    width: 85%;
    font-size: 18px;
    margin-left: 20px;

}

.ayurveda-medicine {
    margin-top: 70px;
}

.ayurveda-medicine h4 {
    color: #815153;
    font-size: 32px;
    text-align: center;
    font-weight: 400;
}

.ayurveda-medicine p {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    width: 96%;
    margin: 0 auto;
    text-align: justify;
}

.why-ayurveda-treatment {
    margin-top: 50px;
    text-align: center;
    color: #313131;
    font-size: 32px;
    font-weight: 400;
}

.ayurveda-why-section h2 {
    font-size: 28px;
    color: #313131;
    margin-bottom: 40px;
}

.why-card-wrapper {
    display: flex;
    justify-content: center;
    gap: 25px;
    /* space between cards */
    flex-wrap: wrap;
    margin-top: 50px;
    /* makes it responsive */
}

.why-card {
    width: 260px;
    /* fixed card width similar to your image */
    background: rgba(129, 81, 83, 0.5);
    /* soft dusty pink shade like screenshot */
    padding: 50px 20px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    height: 250px;
    /* keeps same height for all cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* pushes text up and icon down */
}

.why-card p {
    font-size: 17px;
    color: #313131;
    font-weight: 400;
    width: 100%;
    /* FIX: full width */
    margin: 0 auto;
    /* FIX: center text block */
    line-height: 1.5;
    /* makes spacing consistent */
    text-align: center;
    /* FIX */
}

.why-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.marari-ayurveda-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/marari-ayurveda/marari-ayurveda-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.marari-ayurveda-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 0;
}

.marari-cottages-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/marari-cottages/marari-cottage-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.marari-cottages-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.marari-cottages-intro {
    margin-top: 20px;

}

.marari-cottages-intro h2 {
    color: rgba(49, 49, 49, 1);
    text-align: center;
    font-size: 32px;
    font-weight: 400;
}

.marari-cottages-intro p {
    color: rgba(49, 49, 49, 1);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
}

.villa-section {
    margin-top: 50px;
}

.villa-section h6 {
    padding-top: 15px;
    text-transform: uppercase;
    color: rgba(49, 49, 49, 1);
    font-size: 15px;
    letter-spacing: 1px;
}

.villa-section h4 {
    color: rgba(49, 49, 49, 1);
    font-size: 25px;

}

.villa-section p {
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
}

.villa-slider {
    width: 100%;
    position: relative;
    /* important */
}

/* Images */
.villa-slider img {
    width: 100%;
    display: none;
}

.villa-slider img.active {
    display: block;
}

.villa-slider .slider-nav {
    position: absolute;
    right: 0px;
    bottom: -38px;
    display: flex;
    gap: 10px;

}

/* Arrows BELOW image */
.villa-slider .nav {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #000;
}


.relax-section {
    margin-top: 40px;
}

.relax-section h4 {
    color: rgba(49, 49, 49, 1);
    text-align: center;
    font-size: 32px;

}

.relax-section h3 {
    color: rgba(49, 49, 49, 1);
    text-align: center;
    font-size: 32px;

}

.relax-section p {
    color: rgba(49, 49, 49, 1);
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
    width: 95%;
    margin: 0 auto;

}

.relax-section .col-md-4 {
    padding-top: 30px;
}

.marari-cottage-offer-tab {
    width: 100%;
    padding: 0 30%;
}

.marari-cottage-offer-tab img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.somatheeram-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/somatheeram/somatheeram-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.somatheeram-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.somatheeram-intro {
    margin-top: 30px;
}

.somatheeram-intro h3 {
    text-transform: uppercase;
    color: rgba(129, 81, 83, 1);
    font-size: 30px;
    text-align: center;
}

.somatheeram-intro p {
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.suites-section {
    margin-top: 50px;
}

.suites-section h6 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: rgba(49, 49, 49, 1);
}

.suites-section h4 {
    font-size: 25px;
    color: rgba(49, 49, 49, 1);
    font-weight: 400;
}

.suites-section p {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    /* width: 85%; */
    padding-right: 15px;

}

.cottage-slider {
    width: 100%;
    overflow: hidden;
    /* margin-top: 70px; */
}

.cottage-track {
    display: flex;
    gap: 20px;
    width: max-content;
    /*animation: scroll-cottage 35s linear infinite;*/
}

/* Pause on hover (optional but nice) */
/* .cottage-slider:hover .cottage-track {
    animation-play-state: paused;
} */

.cottage-slide {
    position: relative;
    width: 380px;
    height: auto;
    overflow: hidden;
    flex-shrink: 0;
}

.cottage-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.cottage-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    display: flex;
    align-items: end;
    justify-content:end;
}

.cottage-overlay p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
}

/* KEYFRAMES */
@keyframes scroll-cottage {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.somatheeram-ayurveda-packages {
    margin-top: 50px;
}

.somatheeram-ayurveda-packages h6 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: rgba(49, 49, 49, 1);
}

.somatheeram-ayurveda-packages h4 {
    font-size: 25px;
    color: rgba(49, 49, 49, 1);
    font-weight: 400;
    letter-spacing: 0.98px;
}

.somatheeram-ayurveda-packages p {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    /* width: 80%; */
}

.somatheeram-ayurveda-packages a {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    text-underline-offset: 10px;
}


/* IMAGES SECTION */
.somatheeram-ayurveda-images-section {
    padding-top: 50px;
    padding-right: 10%;
    padding-left: 10%;
}

.somatheeram-package-middle-image {
    padding-top: 20%;
}

/* COLUMN POSITION */
.somatheeram-ayurveda-images-section .col-md-4 {
    position: relative;
    overflow: hidden;
}


.package-img-wrapper {
    position: relative;
    margin-right: 25px;
}

.package-img-wrapper img {
    width: 100%;
    display: block;
}

/* BOTTOM OVERLAY */
.somatheeram-packages-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 14px 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
}

/* TEXT BACKGROUND ONLY */
.somatheeram-packages-overlay p {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 12px;
}

.somatheeram-treatment-section {
    margin-top: 30px;
    position: relative;
}

.somatheeram-treatment-section h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.98px;
    color: rgba(129, 81, 83, 1);
}

.somatheeram-treatment-section .somatheeram-leaf-img {
    position: absolute;
    left: 46%;
    top: 30px;
}

.somatheeram-treatment-images-section {
    margin-top: 50px;

}

.somatheeram-treatment-images-section img {
    width: 100%;
    display: block;

}

.treatment-wrapper {
    position: relative;
}

.treatment-overlay p {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
    margin:0;
    padding-right: 15px;
}

.treatment-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 14px 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 0;
}

.somatheeram-treatment-images-section .col-md-6 {
    padding: 10px;
}

.somatheeram-yoga-meditation-section {
    position: relative;
    height: 400px;
    margin-top: 100px;
    background: url("images/somatheeram/yoga-meditation.webp") center/cover no-repeat;
    overflow: hidden;
}

/* overlay */
.somatheeram-yoga-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* icon + title block */
.somatheeram-yoga-header {
    margin-top: 40px;
    text-align: center;
}

.somatheeram-yoga-header img {
    width: 55px;
    margin-bottom: 10px;
}

.somatheeram-yoga-header h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

/* content card */
.somatheeram-yoga-content {
    margin-top: 40px;
    max-width: 500px;
    padding: 30px 25px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px);
    border-radius: 15px;
    text-align: center;

}

.somatheeram-yoga-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.somatheeram-yoga-gallery {
    position: relative;
    background-color: #f4efe9;
    /* beige base */
    margin-top: 50px;
}

.somatheeram-gallery-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/* Brown bar (partially behind last image) */
.somatheeram-gallery-wrapper::after {
    content: "";
    position: absolute;
    bottom: -90px;
    /* must have 'px' */
    right: 0;
    width: 70%;
    height: 65%;
    background-color: #ba9f9d;
    z-index: 0;
    /* behind the images */
    border-top-left-radius: 4px;
}

/* Image row */
.somatheeram-gallery {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
    position: relative;
    z-index: 1;
    /* above brown bar */
    margin-left: -70px;
}

.somatheeram-gallery img {
    width: 100%;
    max-width: 280px;
    object-fit: cover;
    border-radius: 2px;
}



.somatheeram-yoga-section {
    margin-top: 10%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.somatheeram-yoga-section h3 {
    font-size: 35px;
    color: #815153;
    text-align: center;
    /* margin-bottom: 30px; */
}

/* New Flex Container */
.somatheeram-yoga-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 70%;
    margin: 0 auto 50px;
}

.somatheeram-yoga-flex img {
    /* width: 160px; */
    height: auto;
    margin-top: -80px;

}

.somatheeram-yoga-flex p {
    font-size: 18px;
    line-height: 1.7;
    color: #313131;
    margin: 10px auto;
    padding-right: 12%;


}



.somatheeram-yoga-healing-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.somatheeram-yoga-healing-row p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}


.somatheeram-yoga-healing-row h6 {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

.somatheeram-yoga-healing-row h6:last-child {
    padding-bottom: 30px;
}

.somatheeram-yoga-healing-row h2 {
    margin-top: 20px;
}

.somatheeram-ayurveda-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/somatheeram-ayurveda/somatheeram-ayurveda-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.somatheeram-ayurveda-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.somatheeram-ayurveda-section {
    margin-top: 50px;
}

.why-ayurveda-treatment {
    margin-top: 50px;
    text-align: center;
    color: #313131;
    font-size: 32px;
    font-weight: 400;
}

.ayurveda-why-section h2 {
    font-size: 28px;
    color: #313131;
    margin-bottom: 40px;
}

.somatheeram-why-card-wrapper {
    display: flex;
    justify-content: center;
    gap: 25px;
    /* space between cards */
    flex-wrap: wrap;
    margin-top: 50px;
    /* makes it responsive */
}

.somatheeram-why-card {
    width: 260px;
    /* fixed card width similar to your image */
    background: rgba(129, 81, 83, 1);
    /* soft dusty pink shade like screenshot */
    padding: 50px 20px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    height: 250px;
    /* keeps same height for all cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* pushes text up and icon down */
}

.somatheeram-why-card p {
    font-size: 17px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    width: 100%;
    /* FIX: full width */
    margin: 0 auto;
    /* FIX: center text block */
    line-height: 1.5;
    /* makes spacing consistent */
    text-align: center;
    /* FIX */
}

.somatheeram-why-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.somatheeram-why-ayurveda-treatment {
    margin-top: 50px;
    text-align: center;
    color: #313131;
    font-size: 32px;
    font-weight: 400;
}

.somatheeram-ayurveda-why-section h2 {
    font-size: 28px;
    color: #313131;
    margin-bottom: 20px;
}

.somatheeram-packages {
    margin-top: 50px;
}

.somatheeram-packages h6 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: rgba(49, 49, 49, 1);
}

.somatheeram-packages h4 {
    font-size: 25px;
    color: rgba(49, 49, 49, 1);
    font-weight: 400;
    letter-spacing: 0.98px;
}

.somatheeram-packages p {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    width: 80%;
}

.somatheeram-packages a {
    font-size: 18px;
    color: rgba(49, 49, 49, 1);
    text-underline-offset: 10px;
}

.ayurveda-images-section {
    margin-top: 50px;
}

.somatheeram-ayurveda-gallery {
    margin-top: 10%;
    object-fit: cover;
    max-width: 100%;
}

.somatheeram-ayurveda-gallery .row {
    justify-content: center;
    /* centers both columns */
}

.gallery-vertical-first {
    height: 592px;
    width: 532px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: -80px;

}

.gallery-vertical-second {
    height: 592px;
    width: 532px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: 30px;


}

.gallery-horizontal-first {
    height: 388px;
    width: 694px;
    /* 90% of original */
    margin-top: -80px;

}

.gallery-horizontal-second {
    height: 388px;
    width: 694px;
    margin-top: 20px;
    /* 90% of original */
}

.gallery-horizontal-third {
    height: 388px;
    width: 694px;
    /* transform: scale(0.9); */
    /* 90% of original */
    margin-top: 20px;
}


.somatheeram-ayurveda-gallery .col-md-6 {
    width: 50%;
    padding: 0 !important;

}

.somatheeram-ayurveda-gallery .col-md-6:last-child {
    margin-left: -60px;
    /* reduce center gap from the other side */
}

.healing-power-ayurveda {
    margin-top: 40px;
}

.healing-power-ayurveda h4 {
    color: rgba(129, 81, 83, 1);
    font-size: 32px;
    text-align: center;
    font-weight: 400;
}

.healing-power-ayurveda p {
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.pill-container {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: center;
    gap: 16px 24px;
    padding-top: 40px;
    /* row gap | column gap */
}

.pill {
    padding: 5px 40px;
    border: 1px solid #815153;
    border-radius: 999px;
    /* makes it oval */
    font-size: 14px;
    letter-spacing: 1px;
    color: #3a2a28;
    background-color: #e3dfd7;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

/* Hover effect */
.pill:hover {
    background-color: #9c6a63;
    color: #fff;
}

.somatheeram-doctor-section {
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.somatheeram-doctor-section h2 {
    color: #815153;
    font-weight: 400;
    font-size: 30px;
    text-align: center;

}

.somatheeram-doctor-section p {
    color: #313131;
    font-weight: 400;
    font-size: 18px;
    text-align: justify;
    margin: 0 auto;
}

.somatheeram-doctor-section .doctor-intro {
    text-align: center;
    width: 60%;
    margin: 0 auto 10px;
}

.somatheeram-treatment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.somatheeram-treatment h4 {
    color: rgba(129, 81, 83, 1);
    font-size: 32px;

}

.somatheeram-treatment p {
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.package-text h4 {
    padding-top: 20px;
    color: rgba(49, 49, 49, 1);
}

.package-text p {
    color: rgba(49, 49, 49, 1);
    margin-bottom: 0;
}

/* Add space above 2nd row */
.ayurveda-images-section .col-md-4:nth-child(n+4) {
    margin-top: 40px;
}

.somatheeram-accommodations h6 {
    color: rgba(49, 49, 49, 1);
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.somatheeram-accommodations h4 {
    color: rgba(49, 49, 49, 1);
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.98px;
}

.somatheeram-accommodations p {
    margin-bottom: 0px;
    width: 85%;
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
}

.somatheeram-villa-section .col-md-4:nth-child(n+4) {
    margin-top: 40px;
}

.somatheeram-villa-section {
    margin-top: 50px;
}

.somatheeram-villa-section h6 {
    padding-top: 15px;
    text-transform: uppercase;
    color: rgba(49, 49, 49, 1);
    font-size: 15px;
    letter-spacing: 1px;
}

.somatheeram-villa-section h4 {
    color: rgba(49, 49, 49, 1);
    font-size: 25px;

}

.somatheeram-villa-section p {
    color: rgba(49, 49, 49, 1);
    font-size: 18px;
}

.card-gallery {
    width: 100%;
}


.thumbs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.thumbs img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
}

.thumbs img.active {
    border-color: #815153;
}

.somatheeram-cta-content {
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    /* padding-bottom: 40px !important; */
}

/* Button styling */
.somatheeram-cta-button {
    padding: 12px 80px;
    /* background-color: transparent; */
    color: #815153;
    border: 1px solid #815153;
    /* border-radius: 4px; */
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-right: 0px;
    font-family: "Raleway", sans-serif;
}

.somatheeram-cta-button:hover {
    background-color: #815153;
    color: #fff;
}

.somatheeram-cottages-hero-section {
    position: relative;
    height: 100vh;
    background: url('images/somatheeram-cottages/somatheeram-cottage-banner.webp') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
}

.somatheeram-cottages-hero-section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.ayurveda-title {
    margin-top: -30px;
}

.sreenilayam-ayurveda-leaf {
    width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
    transform: translateX(-80px);
    /* moves leaf slightly LEFT */

}

.sreenilayam-ayurveda-heading {
    margin-top: -20px;
    /* move heading UP */

}

.yoga-meditation-section {
    position: relative;
    background: url("images/Yoga/yoga-meditation.webp") center center / cover no-repeat;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    overflow: hidden;
}

/* content card */
.yoga-content {
    margin-top: 40px;
    max-width: 500px;
    padding: 30px 25px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px);
    border-radius: 15px;
    text-align: center;

}

.yoga-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.yoga-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* icon + title block */
.yoga-header {
    margin-top: 40px;
    text-align: center;
}

.yoga-header img {
    /* width: 55px; */
    margin-bottom: 10px;
    margin-top: 20px;
}

.yoga-header h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.ayur-destination-story span {
    color: rgba(49, 49, 49, 1);
}

.intro-divider {
    /* padding-top: 25px;
    padding-left: 43%; */
    display: block;
    margin: 25px auto 0;
    max-width: 80%;
    height: auto;
}

.essence-heading {
    padding-bottom: 20px;
    padding-top: 40px;
}

.essence-para {
    width: 50%;
    text-align: center;
    font-size: 16px;
    color: #212529d1;
}

.contact-hero-content {
    text-align: center;
    color: #fff;
    z-index: 5;
    margin: auto;
    /* position: relative; */
    /* top: -190px; */
    /*  move content up */
}

.contact-hero-content h1 {
    font-size: 38px;
    /* font-weight: 500; */
    margin-bottom: 15px;
    font-family: "Raleway", sans-serif;

}

.contactus-button {
    padding: 15px 80px;
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    border: 2px solid #ffffff;
    outline: none;
    background: linear-gradient(135deg, #98755400 0%, #98755400 80%, #9999993d 80%, #9999993d 100%);
    margin-bottom: 30px;
    font-weight: bolder;
    font-size: 25px;
}



/* Responsiveness */
.hamburger {
    display: none;
}

/* Disable mobile menu completely on desktop */
.mobile-menu {
    display: none;
}

.mobile-logo {
    display: none;
}


@media (max-width: 1024px) {
    .top-row .btn {
        display: none;
    }

    /* Hide desktop menu */
    .nav-links {
        display: none;
    }

    /* Hamburger */
    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        cursor: pointer;
        position: fixed;
        right: 20px;
        top: 22px;
        z-index: 10001;
    }

    .hamburger span {
        width: 28px;
        height: 2px;
        background: #ffffff;
    }

    .navbar {
        width: 100%;
        position: fixed;
        /* change from absolute to fixed */
        top: 0;
        left: 0;
        /* ensure it sticks to the left */
        z-index: 1000;
        /* higher so it stays on top */
        padding: 13px 40px;
        background: rgba(0, 0, 0, 0.5);
        padding-bottom: 6px;
        padding-top: 16px;
        /* optional: semi-transparent background */
    }

    /* Fullscreen menu */
    .mobile-menu {
        position: fixed;
        inset: 0;
        background: #fbf7f2;
        display: flex;
        flex-direction: column;
        padding: 40px 60px;
        transform: translateX(100%);
        transition: transform 0.4s ease;
        z-index: 99999;
    }

    .mobile-menu.active {
        transform: translateX(0);
    }

    /* Header */
    .mobile-menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }

    .mobile-logo {
        font-size: 22px;
        letter-spacing: 3px;
    }

    .close-menu {
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* Menu links */
    .mobile-nav-links {
        list-style: none;
        padding: 0;
    }

    .mobile-nav-links li {
        font-size: 26px;
        margin-bottom: 22px;
        font-family: "Raleway", sans-serif;
    }

    .mobile-nav-links a {
        text-decoration: none;
        color: #000;
    }

    .mobile-menu-content {
        display: flex;
        gap: 60px;
    }

    /* LEFT */
    .mobile-nav-links {
        flex: 1;
        list-style: none;
        padding: 0;
    }

    .mobile-nav-links li {
        font-size: 16px;
        margin-bottom: 18px;
        cursor: pointer;
    }

    /* RIGHT */
    .mobile-menu-right {
        flex: 1;


    }

    .discover-title {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .region-box {
        display: block;
        border: 1px solid #000;
        padding: 16px;
        margin-bottom: 16px;
        text-align: center;
        text-decoration: none;
        color: #000;
        font-size: 15px;
    }

    .hamburger.active {
        display: none;
    }

    .mobile-reserve-btn {
        display: block;
        margin-bottom: 40px;
        padding: 14px 28px;
        border: 2px solid #fff;
        text-decoration: none;
        background: #815153;
        color: #fff;
        font-size: 20px;
        letter-spacing: 1px;
        width: fit-content;
        text-wrap: nowrap;
        margin-left: -20px;

    }





    .logo-text {
        white-space: wrap;
        font-family: "Raleway", sans-serif;
        font-weight: 600;
        font-size: 20px;
        color: #fff;
        letter-spacing: 1px;
    }

    .hero-content h1 {
        font-size: 20px;
        /* font-weight: 500; */
        margin-bottom: 15px;
        font-family: "Raleway", sans-serif;
    }

    .divider span {
        display: block;
        width: 300px;
        height: 30px;
        /* increase to see clearly */
        background: url("images/Destinations/divider.webp") no-repeat center;
        background-size: contain;
        /* ensures full image is visible */
        background-repeat: no-repeat;
    }

    .mission-wrapper {
        gap: 40px;
        flex-direction: column;
        align-items: center;
    }

    .mission-img {
        max-width: 100%;
        height: auto;
    }


    .about-mission-description {
        padding-top: 0;
        width: 100% !important;
    }

    .about-icons {
        width: 30%;
    }

    .section-title-desc {
        font-size: 25px;
        width: 90%;
        padding-bottom: 20px;
    }

    .about-arc-section p {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 15px;
        width: 60%;
        text-align: center;
        font-weight: 400;
    }

    .tes-section-title {
        font-size: 25px;
        font-family: 'Times New Roman', Times, serif;
        margin-top: 80px;
        text-align: center;
        color: #815153;
        margin-bottom: 0 !important;
    }

    .cta-heading {
        padding-top: 0px;
        color: #815153;
        font-family: 'Times New Roman', Times, serif;
        font-size: 15px;
    }


    .cta-section {
        padding: 30px 20px;
    }


    .cta-content {
        text-align: center;
        font-size: 18px;

    }

    .somatheeram-cta-content {
        text-align: center;
        font-size: 18px;
    }

    .healing-row {
        display: flex;
        flex-direction: row;
        /* text + image side by side */
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .about-healing-journey {
        font-size: 25px;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }

    .about-footer {
        max-width: 60px;
        /* flower size */
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .cta-button {
        padding: 10px 70px;
        margin-top: 20px;
    }

    .healing-journey {

        font-size: 25px !important;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }

    .marari-healing-journey {
        font-size: 25px !important;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: nowrap;
    }

    .healing-power-ayurveda h4 {
        font-size: 28px;
    }

    .healing-power-ayurveda p {
        font-size: 16px;
        width: 80%;
    }

    .pill-container {
        grid-template-columns: repeat(2, auto);
        gap: 12px 16px;
        padding-top: 30px;
    }

    .pill {
        padding: 5px 30px;
        font-size: 13px;
    }

    .somatheeram-ayurveda-gallery {
        margin-top: 60px;
    }

    .somatheeram-ayurveda-gallery .row {
        gap: 30px;
    }

    .somatheeram-ayurveda-gallery .col-md-6 {
        width: 100%;
        margin-left: 0 !important;
    }

    .gallery-vertical-first,
    .gallery-vertical-second,
    .gallery-horizontal-first,
    .gallery-horizontal-second,
    .gallery-horizontal-third {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .yoga-cta-section {
        padding: 40px 40px;
    }

    .yoga-healing-row {


        text-align: center;
    }


    .yoga-healing-row img {
        max-width: 60px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        transform: translate(-10px, -25px);

    }

    .marari-healing-journey {
        font-size: 25px !important;
        margin: 0;
        padding-right: 80px;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }

    .thumbs {
        gap: 6px;
        /* reduce spacing */
        flex-wrap: wrap;
        /* allow wrap if needed */
    }

    .thumbs img {
        width: 44px;
        /* smaller thumbs */
        height: 44px;
    }

    .facilities-section p {
        width: 90%;
        font-size: 25px;

    }

    .exp-top-row {
        margin: 30px 0 20px 0;
        padding: 0 20px;
    }

    .exp-top-row p {
        font-size: 18px;
        width: 90%;
    }

    .exp-icon {
        width: 65px;
    }

    .sreenilayam-cottage-gallery-vertical-first {
        margin-left: 0;
        width: 100%;
    }

    .sreenilayam-cottage-gallery-horizontal-first,
    .sreenilayam-cottage-gallery-horizontal-second {
        margin-right: 0;
        width: 100%;
    }

    .marari-offer-tab {
        padding: 40px 10%;
    }

    .marari-offer-tab .row {
        justify-content: center;
        row-gap: 30px;
    }

    .marari-offer-tab .col-md-3 {
        text-align: center;
    }

    .marari-offer-tab img {
        max-width: 90px;
        height: auto;
    }

    .marari-property-cottages {
        padding-right: 20px;
    }

    .property-wrapper {
        height: 380px;
    }

    .marari-intro p {
        font-size: 22px;
        width: 90%;
    }

    .marari-cottage-offer-tab {
        padding: 0 10%;
    }

    .marari-cottage-offer-tab .row {
        justify-content: center;
    }

    .marari-cottage-offer-tab .col-md-3 {
        display: flex;
        justify-content: center;
    }

    .sreenilayam-gallery-section .col-md-6 {
        width: 50%;
        padding: 10px !important;
    }

    .sreenilayam-gallery-section .col-md-6:last-child {
        margin-left: 0;
    }

    .sreenilayam-gallery-section img {
        margin-bottom: 15px;
    }

    .sreenilayam-gallery-section .col-md-6:last-child {
        margin-top: 80px;
        /* adjust value as needed */
    }

    .sreenilayam-cottage-cta-button {
        padding: 10px 60px;
        text-wrap: nowrap;

    }

    .sreenilayam-cottage-healing-journey {
        text-align: center;
        font-size: 25px;

    }

    .sreenilayam-cottage-healing-row img {
        padding: 0;
        margin: 0;
        max-width: 80px;
        flex-shrink: 0;
        transform: translateY(20px);
    }

    .ayur-exp {
        width: 90%;
        padding: 30px 40px;
    }

    .ayur-exp ul {
        columns: 2;
        column-gap: 40px;
        font-size: 16px;
    }

    .ae-heading-wrapper h2 {
        font-size: 30px;
        padding-top: 40px;
    }

    .ae-heading-wrapper p {
        width: 85%;
        font-size: 16px;
    }

    .ae-heading-wrapper h2 img {
        left: 55%;
        bottom: 5%;
        max-width: 60px;
    }

    .offer-tab {
        padding: 5% 5%;
        /* reduce padding */
    }

    .offer-tab .row .col-md-3 {
        flex: 50 0 50%;
        /* 2 per row */
        max-width: 50%;
        margin-bottom: 20px;
    }

    .offer-tab .row {
        margin-left: -20px;
        /* reduce negative margin */
        margin-right: -20px;
    }

    .essence-para {
        width: 90%;
    }

    .image-card-row .col-md-6 img {
        transform: translateX(0);
        /* reset horizontal image shift */
        width: 100%;
        /* make images full width of the column */
    }

    .left-info-card,
    .right-info-card {
        position: relative;
        /* stack cards below images */
        top: -70px;
        right: 0;
        width: auto;
        /* let the card occupy full column width */
        margin: 15px auto 0;
        /* center the card */
        padding: 20px;
    }

    .img-box {
        padding-bottom: 20px;
        /* less spacing between stacked content */
    }

    .amenities img {
        float: none;
        width: 70%;
        max-width: 400px;
        margin: 0 auto 25px;
        display: block;
    }

    .amenities h4 {
        padding-left: 5%;
        font-size: 19px;
    }

    .amenities p {
        padding-left: 5%;
        width: 90%;
        font-size: 18px;
    }

    .amenities li {
        padding-left: 5%;
        font-size: 17px;
    }

    .gallery-section {
        padding: 0 30px;
    }

    .gallery-imgs {
        width: 100%;
        height: auto;
    }

    .gallery-section .col-md-6 {
        width: 50%;
    }

    .main-gallery {
        background-size: cover;
        padding: 30px 20px;
    }

    .main-gallery h2 {
        font-size: 30px;
    }

    .main-gallery p {
        font-size: 18px;
        width: 90%;
    }

    .contact-form-wrapper {
        width: 90%;
        padding: 60px 40px;
    }

    .contact-form {
        padding: 50px 40px;
    }

    .contact-form h3 {
        font-size: 30px;
    }

    .contact-form p {
        font-size: 17px;
    }

    .form-row {
        gap: 16px;
    }

    .contact-locations {
        grid-template-columns: repeat(2, 1fr);
        /* 2 per row */
        gap: 35px;
        padding: 70px 5%;
    }

    .location-box p {
        font-size: 17px;
        line-height: 1.6;
    }

    .contact-divider {
        width: 75%;
    }

    .resort-info {
        justify-content: space-between;
        padding: 40px 4%;
    }

    .resort-item {
        padding: 20px 15px;
    }

    .resort-item h4 {
        font-size: 17px;
    }

    .resort-item p {
        font-size: 16.5px;
    }

    /* Reduce divider height slightly */
    .resort-item:not(:last-child)::after {
        top: 10%;
        height: 80%;
    }

    .contact-footer-icons .col-md-3 {
        margin: 0 30px;
        /* balanced spacing */
    }

    .contact-footer-icons img {
        width: 60px;
    }

    .home-hero-content {
        padding: 0 40px;
    }

    .home-hero-content h2 {
        margin-right: 0 !important;
        /* neutralize desktop offset */
        font-size: 32px;
        line-height: 1.3;
    }

    .home-hero-content p {
        font-size: 18px;
        max-width: 720px;
    }

    .what-is-ayurveda {
        padding: 0 6%;
    }

    /* Fix heading leaf position */
    .ayurveda-heading img {
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        width: 50px;
    }

    .ayurvedic-cures-wrapper {
        gap: 30px;
    }

    .about-ayurveda-description {
        width: 100%;
        font-size: 16.5px;
    }

    .arc-content {
        top: 30%;
        /* adjust arc content position */
        width: 90%;
        /* make it slightly wider */
        gap: 15px;
        /* spacing between cards */
        flex-direction: row;
        /* stack vertically if needed */
        align-items: center;

    }

    .ayurveda-retreats-background {
        margin-top: -120px;
        /* less negative to prevent overlap */
    }

    .ayurveda-retreats-card-col {
        padding: 0 20px;
        /* reduce side padding */
    }

    .arc-content p {
        font-size: 18px;
        /* smaller text for medium screens */
        line-height: 1.3;
        text-align: center;
    }

    .arc-flower {
        width: 40px;
        /* smaller flower */
    }

    .treatment-sample h6 {
        padding-left: 20px;
    }

    .treatment-sample h3 {
        padding-left: 20px;
    }

    .treatment-sample p {
        padding-left: 20px;
        padding-bottom: 0;
    }


    .gallery {
        gap: 8px;
    }

    .gallery img {
        max-width: 220px;
    }

    .gallery-wrapper::after {
        width: 81%;
        height: 75%;
        bottom: -70px;
    }

    .left-img {
        display: none;
    }

    .right-img {
        display: none;

    }

    .somatheeram-intro h3 {
        font-size: 25px;
    }

    .somatheeram-intro p {
        font-size: 18px;
        width: 90%;
    }

    .somatheeram-gallery {
        flex-wrap: wrap;
        /* allow images to wrap */
        justify-content: center;
        margin-left: 0;
        /* remove negative margin */
        gap: 10px;
    }

    .somatheeram-gallery img {
        max-width: 45%;
        /* 2 images per row */
    }

    .somatheeram-gallery-wrapper::after {
        width: 90%;
        /* adjust brown bar */
        bottom: -60px;
        height: 50%;
    }

    .somatheeram-yoga-healing-row p,
    .somatheeram-yoga-healing-row h6 {
        width: 80%;
        /* increase width for tablets */
        font-size: 16px;
        /* slightly smaller text */
    }

    .somatheeram-yoga-healing-row h2 {
        font-size: 28px;
        /* scale down heading */
    }

    .somatheeram-yoga-healing-row h6:last-child {
        padding-bottom: 0px;
    }

    .ayurveda-footer {
        font-size: 18px;
    }

    .footer-description {
        font-size: 15px;
    }

    .footer-items h4 {
        font-size: 22px;
    }

    .footer-items p,
    .footer-items a,
    .footer-items li {
        font-size: 15px;
        margin-bottom: 0;
    }

    .footer::after {
        width: 45%;
        opacity: 0.25;
    }

    .contact-hero-content {
        top: 250px;
    }

    .contact-hero-content h1 {
        font-size: 35px;
    }

    .contactus-button {
        padding: 12px 40px;
        font-size: 35px;
    }

    .mobile-logo-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        /* space between logo and text */
        margin-left: -30px; margin-right: 10px;
    }

    .mobile-logo-icon {
        /*width: 40px;*/
        /* adjust size as needed */
        height: auto;
    }

    .mobile-logo-text {
        font-size: 18px;
        font-weight: bold;
    }

    .therapy-card {
        flex: 0 0 300px;
    }

    .therapy-card:nth-child(2) {
        transform: translateY(-20px);
        /* optional smaller lift */
    }

    .home-cta-heading img {
        display: none;
    }

}

@media(min-width : 1026px) and (max-width:1399px) {
    .mission-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .mission-img {
        max-width: 100%;
        height: auto;
    }

    .about-mission-description {
        padding-top: 0;
        width: 100% !important;
    }

    .about-icons {
        width: 30%;
    }

    .cta-heading {
        padding-top: 0px;
        color: #815153;
        font-family: 'Times New Roman', Times, serif;
        font-size: 15px;

    }


    .cta-section {
        padding: 30px 20px;
    }


    .cta-content {
        text-align: center;
        font-size: 18px;

    }

    .healing-row {
        display: flex;
        flex-direction: row;
        /* text + image side by side */
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .about-healing-journey {
        font-size: 25px;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }

    .healing-journey {

        font-size: 25px !important;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }



    .about-footer {
        max-width: 60px;
        /* flower size */
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .cta-button {
        padding: 10px 70px;
        margin-top: 20px;
    }

    .gallery-vertical-first {
        width: 460px;
        height: 520px;
        margin-top: -80px;
    }

    .gallery-vertical-second {
        width: 460px;
        height: 520px;
        margin-top: 30px;
    }

    .gallery-horizontal-first,
    .gallery-horizontal-second,
    .gallery-horizontal-third {
        width: 600px;
        height: 340px;
    }

    .somatheeram-ayurveda-gallery .col-md-6:last-child {
        margin-left: 0;
    }

    .somatheeram-ayurveda-gallery .col-md-6:first-child {
        padding-right: 20px;
    }

    .somatheeram-ayurveda-gallery .col-md-6:last-child {
        padding-left: 20px;
    }

    .somatheeram-ayurveda-gallery .col-md-6 {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .yoga-cta-section {
        padding: 80px 40px;
    }

    .yoga-healing-row {


        text-align: center;
    }


    .yoga-healing-row img {
        max-width: 70px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        transform: translate(-10px, 2px);

    }

    .marari-healing-journey {
        font-size: 30px !important;
        margin: 0;
        padding-right: 80px;
        flex: 1;
        text-wrap: nowrap;
        min-width: 0;
    }

    .facilities-section p {
        width: 90%;
        font-size: 25px;

    }

    .exp-top-row {
        margin: 30px 0 20px 0;
        padding: 0 20px;
    }

    .exp-top-row p {
        font-size: 18px;
        width: 90%;
    }

    .exp-icon {
        width: 65px;
    }

    .sreenilayam-cottage-gallery-vertical-first {
        margin-left: 0;
        width: 100%;
    }

    .sreenilayam-cottage-gallery-horizontal-first,
    .sreenilayam-cottage-gallery-horizontal-second {
        margin-right: 0;
        width: 100%;
    }

    .marari-property-cottages {
        padding-right: 10px;
    }

    .property-wrapper {
        height: 380px;
    }

    .marari-cottage-offer-tab {
        padding: 0 20%;
    }

    .sreenilayam-gallery-section .col-md-6 {
        width: 50%;
        padding: 10px !important;
    }

    .sreenilayam-gallery-section .col-md-6:last-child {
        margin-left: 0;
        /* remove overlap */
    }

    .sreenilayam-gallery-section img {
        margin-bottom: 15px;
    }

    .sreenilayam-cottage-cta-button {
        padding: 10px 60px;
        text-wrap: nowrap;
    }

    .sreenilayam-cottage-healing-journey {
        text-align: center;
        font-size: 25px;
    }

    .sreenilayam-cottage-healing-row img {
        padding: 0;
        margin: 0;
        max-width: 70px;
        flex-shrink: 0;
        transform: translateY(20px);
    }

    .ayur-exp {
        width: 85%;
    }

    .ayur-exp ul {
        column-gap: 50px;
    }

    .ae-heading-wrapper p {
        width: 75%;
    }

    .offer-tab {
        padding: 5% 5%;
        /* reduce padding */
    }

    .offer-tab .row .col-md-3 {
        flex: 40% 0 40%;
        /* 2 per row */
        max-width: 50%;
        margin-bottom: 20px;
    }

    .offer-tab .row {
        margin-left: -20px;
        /* reduce negative margin */
        margin-right: -10px;
    }

    .gallery-section {
        padding: 0 40px;
    }

    .gallery-imgs {
        width: 100%;
        height: auto;
    }

    .main-gallery {
        background-size: contain;
    }

    .main-gallery h2 {
        font-size: 32px;
    }

    .main-gallery p {
        font-size: 18px;
        width: 85%;
    }

    .what-is-ayurveda {
        padding: 0 6%;
    }

    /* Fix heading leaf position */
    .ayurveda-heading img {
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        width: 70px;
    }

    .ayurvedic-cures-wrapper {
        gap: 30px;
    }

    .about-ayurveda-description {
        width: 100%;
        font-size: 16.5px;
    }

    .arc-content {
        top: 30%;
        /* adjust arc content position */
        width: 90%;
        /* make it slightly wider */
        gap: 15px;
        /* spacing between cards */
        flex-direction: row;
        /* stack vertically if needed */
        align-items: center;
    }

    .ayurveda-retreats-background {
        margin-top: -120px;
        /* less negative to prevent overlap */
    }

    .ayurveda-retreats-card-col {
        padding: 0 20px;
        /* reduce side padding */
    }

    .arc-content p {
        font-size: 18px;
        /* smaller text for medium screens */
        line-height: 1.3;
        text-align: center;
    }

    .arc-flower {
        width: 40px;
        /* smaller flower */
    }

    .treatment-sample h6 {
        padding-left: 20px;
    }

    .treatment-sample h3 {
        padding-left: 20px;
    }

    .treatment-sample p {
        padding-left: 20px;
        padding-bottom: 0;
    }

    .gallery {
        gap: 8px;
    }

    .gallery img {
        max-width: 220px;
    }

    /* .gallery-wrapper::after {
        width: 82%;
        height: 75%;
        bottom: -70px;
    } */

    .somatheeram-yoga-healing-row h6:last-child {
        padding-bottom: 0px;
    }

    .footer-contents {
        padding: 60px 50px 30px;
    }

    .sign-up-button {
        padding: 12px 45px;
    }

    .footer::after {
        width: 38%;
        opacity: 0.35;
    }

    .contact-hero-content {
        top: -250px;
    }

    .contact-hero-content h1 {
        font-size: 25px;
    }

    .contactus-button {
        padding: 12px 40px;
        font-size: 25px;
    }

}

@media (max-width: 768px) {
    .section-title-desc {
        font-size: 25px;
        width: 90%;
    }

    .mission-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .mission-img {
        max-width: 100%;
        height: auto;
    }

    .about-mission-description {
        padding-top: 0;
        width: 100% !important;
    }

    .about-icons {
        width: 30%;
    }

    .about-arc-section p {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 10px;
        width: 60%;
        text-align: center;
        font-weight: 400;
    }

    .tes-section-title {
        font-size: 25px;
        font-family: 'Times New Roman', Times, serif;
        margin-top: 85px;
        text-align: center;
        color: #815153;
        margin-bottom: 0 !important;
    }

    .cta-heading {
        padding-top: 0px;
        color: #815153;
        font-family: 'Times New Roman', Times, serif;
        font-size: 25px;

    }


    .cta-section {
        padding: 30px 20px;
    }


    .cta-content {
        text-align: center;
        font-size: 18px;

    }

    .healing-row {
        display: flex;
        flex-direction: row;
        /* text + image side by side */
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .about-healing-journey {
        font-size: 18px;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: wrap;
        min-width: 0;
    }

    .healing-journey {

        font-size: 18px !important;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: wrap;
        min-width: 0;
    }

    .about-footer {
        max-width: 60px;
        /* flower size */
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .cta-button {
        padding: 10px 80px;
        margin-top: 20px;
        text-wrap: nowrap;
        margin-left: 30px;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        /* Full screen */
        overflow-y: auto;
        /* ENABLE SCROLL */
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 99999999999;
    }

    .mobile-menu-content {
        flex-direction: column;
        gap: 40px;
    }

    .healing-power-ayurveda h4 {
        font-size: 28px;
    }

    .healing-power-ayurveda p {
        font-size: 16px;
        width: 80%;
    }

    .pill-container {
        grid-template-columns: repeat(2, auto);
        gap: 12px 16px;
        padding-top: 30px;
    }

    .pill {
        padding: 5px 30px;
        font-size: 13px;
    }

    .somatheeram-ayurveda-gallery {
        margin-top: 40px;
    }

    .somatheeram-ayurveda-gallery img {
        border-radius: 6px;
    }

    .yoga-cta-section {
        padding: 30px 20px;
    }

    .yoga-healing-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* move whole row left */
        gap: 10px;
        text-align: center;
    }


    .yoga-healing-row img {
        max-width: 60px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        transform: translate(-10px, -20px);

    }

    .marari-healing-journey {
        font-size: 15px !important;
        margin: 0;
        padding: 0px;
        flex: 1;
        text-wrap: wrap;
        min-width: 0;
        transform: translateX(-15px);
    }

    .thumbs {
        gap: 6px;
        /* reduce spacing */
        flex-wrap: wrap;
        /* allow wrap if needed */
    }

    .thumbs img {
        width: 44px;
        /* smaller thumbs */
        height: 44px;
    }

    .facilities-section p {
        width: 90%;
        font-size: 20px;

    }

    .exp-top-row {
        margin: 20px 0 15px 0;
        justify-content: center;
        text-align: left;
        padding: 0 15px;
    }

    .exp-top-row p {
        font-size: 16px;
        width: 100%;
    }

    .exp-icon {
        width: 55px;
    }

    .sreenilayam-cottage-gallery-vertical-first {
        margin: 0 auto 20px auto;
        width: 100%;
    }

    .sreenilayam-cottage-gallery-horizontal-first,
    .sreenilayam-cottage-gallery-horizontal-second {
        margin: 0 auto 20px auto;
        width: 100%;
    }

    .marari-offer-tab {
        padding: 30px 20px;
    }

    .marari-offer-tab .row {
        justify-content: center;
        row-gap: 25px;
    }

    .marari-offer-tab .col-md-3 {
        width: 50%;
        text-align: center;

    }

    .marari-offer-tab img {
        max-width: 70px;
        width: 100%;
        height: auto;
    }

    .discover-packages-section .image-overlay-wrap {
        margin-bottom: 20px;
    }

    .marari-property-cottages {
        padding-right: 0;
        padding-left: 0;
    }

    .marari-property-cottages h4,
    .marari-property-cottages h6 {
        /* margin-left: 15px; */
    }

    .property-wrapper {
        height: auto;
    }

    .first-property,
    .second-property {
        height: auto;
        object-fit: contain;
    }

    /* spacing when images stack */
    .marari-property-cottages .property-wrapper {
        margin-bottom: 20px;
    }

    /* remove gap after last image */
    .marari-property-cottages .col-md-4 .property-wrapper {
        margin-bottom: 0;
    }

    .marari-intro p {
        font-size: 20px;
        width: 90%;
    }

    .middle-img {
        padding-top: 0px;
    }

    .marari-resort-section .row .col-md-6:first-child img {
        margin-top: 50px;
    }

    .doctor-section p {

        width: 90%;
        font-size: 20px;

    }

    .marari-cottage-offer-tab {
        padding: 0 5%;
    }

    .marari-cottage-offer-tab .col-md-3 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }

    .sreenilayam-gallery-section .row {
        flex-direction: column;
    }

    .sreenilayam-gallery-section .col-md-6 {
        width: 100%;
        padding: 10px !important;
    }

    .sreenilayam-gallery-section .col-md-6:last-child {
        margin-left: 0;
        /* remove desktop overlap */
    }

    .sreenilayam-gallery-section img {
        width: 100%;
        margin-bottom: 15px;
    }

    .exclusive-offers .row:last-child {
        margin-bottom: 0 !important;
    }


    .exclusive-offers .offers-subtitle {
        text-align: center;
    }

    .shirodhara-heading {
        margin-top: 25px;
    }

    .abhyangam-icon {
        transform: translateY(-30px);
    }

    .shirodhara-icon {
        transform: translateY(-20px);
    }

    .yoga-icon {
        margin-top: 10px;
    }

    /* Abhyangam HR */
    .exclusive-offers>.container>.row:nth-of-type(1) .sreenilayam-offer-text hr {
        transform: translateY(-30px);
    }

    /* Shirodhara HR */
    .exclusive-offers>.container>.row:nth-of-type(2) .sreenilayam-offer-text hr {
        transform: translateY(-20px);
    }

    .yoga-exlusive-img {
        margin-top: 20px;
    }

    .nasyam-img {
        padding-top: 0px;
    }

    /* Accommodation 2 text fix */
    .accommodations .row .col-md-6:first-child p {
        width: 95% !important;
        margin: 15px auto 15px !important;
        transform: none !important;
        text-align: center;
    }


    /* Center BOTH accommodation images equally – FIXED */
    .accommodations .row .col-md-6:first-child img,
    .accommodations .row .col-md-6:last-child img {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        height: 320px !important;
        /* equal height at 768px */
        object-fit: cover;
    }

    .accommodations .row .col-md-6:last-child img {
        margin-top: 25px;
    }

    /* Keep text aligned properly */
    .accommodations .row .col-md-6 p {
        width: 95% !important;
        margin: 15px auto 0 !important;
        transform: none !important;
        text-align: center;
    }

    .rooms p {
        color: #313131;
        font-size: 18px;
        width: 100%;
    }

    .rooms h3 {
        padding-top: 30px;

    }

    .inside-intro {
        width: 100%;
    }

    .sreenilayam-cottage-healing-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: translateX(-10px);

    }

    .sreenilayam-cottage-healing-row img {
        padding: 0;
        margin: 0;
        max-width: 50px;
        flex-shrink: 0;
        transform: translateX(0px);
    }

    .sreenilayam-cottage-healing-journey {
        font-size: 15px;
        padding: 0;
        margin: 0;
        line-height: 1.3;
    }

    .sreenilayam-cottage-cta-button {
        padding: 10px 60px;
        text-wrap: nowrap;
        transform: translateX(-20px);
    }

    .ayur-exp {
        width: 100%;
        padding: 25px 20px;
    }

    .ayur-exp ul {
        columns: 1;
        column-gap: 0;
        padding-left: 20px;
        font-size: 15px;
    }

    .ayur-exp li {
        margin-bottom: 15px;
        height: auto;
    }

    .ae-heading-wrapper h2 {
        font-size: 25px;
        padding-top: 35px;
        margin-bottom: 25px;
    }

    .ae-heading-wrapper h2 img {
        position: absolute;
        bottom: 20%;
        left: 77%;
        /* transform: translate(-150%, -60%); */

        height: auto;
    }

    .ae-heading-wrapper p {
        width: 100%;
        font-size: 15px;
        margin-top: 30px;
        padding: 0 10px;
    }

    .essence-heading {
        text-align: center;
    }

    .essence-para {
        width: 100%;
        font-size: 18px;
    }

    .offer-tab {
        padding: 5% 3%;
        /* further reduce padding */
    }

    .offer-tab .row .col-md-3 {
        flex: 0 0 100% !important;
        /* 1 per row */
        max-width: 100% !important;
        margin-bottom: 20px;
    }


    .offer-tab .card img {
        max-width: 80%;
        /* make images smaller on mobile */
        margin: 0 auto;
        display: block;
    }

    .offer-tab .card p {
        text-align: center;
        font-size: 14px;
    }



    .image-card-row {
        display: flex;
        flex-direction: column;
        gap: 10px;
        /* space between stacked items */
    }

    .image-card-row .col-md-6 {
        width: 100%;
        padding: 0;
    }

    .image-card-row .col-md-6 img {
        transform: translateX(0);
        /* reset shifts */
        width: 100%;
        height: auto;
        /* maintain aspect ratio */
    }

    .left-info-card,
    .right-info-card {
        position: relative;
        /* stack cards under images */
        top: -90px;
        right: 0;
        width: 90%;
        /* slight margin on mobile */
        margin: 10px auto 0;
        padding: 15px;
    }

    .img-box {
        padding-bottom: 20px;
        /* reduce spacing */
    }

    .left-info-card h4,
    .right-info-card h4 {
        font-size: 18px;
        /* slightly smaller headings */
    }

    .left-info-card p,
    .right-info-card p {
        font-size: 14px;
        /* slightly smaller text */
    }

    .amenities {
        padding: 20px 15px;
        text-align: center;
    }

    .amenities img {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 20px;
        display: block;
    }

    .amenities h4 {
        padding-left: 0;
        font-size: 18px;
    }

    .amenities p {
        padding-left: 0;
        width: 100%;
        font-size: 16px;
        margin: 0 auto 20px;
    }

    .amenities ul {
        padding-left: 0;
    }

    .amenities li {
        padding-left: 0;
        font-size: 16px;
        text-align: left;
        margin-left: 10%;
    }

    .text-center p {
        font-size: 20px;
        width: 80%;
    }

    .gallery-section {
        padding: 0 15px;
        flex-direction: column;
    }

    .gallery-section .row {
        margin: 0;
    }

    .gallery-section .col-md-4 {
        width: 100%;
        /* margin-bottom: 20px; */
    }

    /* 2 images per row on mobile */
    .gallery-section .col-md-6 {
        width: 50%;
    }

    .gallery-imgs {
        width: 100%;
        height: auto;
    }

    .main-gallery {
        min-height: 280px;
        background-size: cover;
        padding: 20px;
        text-align: center;
    }

    .main-gallery h2 {
        font-size: 26px;
    }

    .main-gallery p {
        font-size: 16px;
        width: 100%;
    }

    .contact-form-wrapper {
        width: 100%;
        padding: 40px 20px;
    }

    .contact-form {
        padding: 35px 20px;
    }

    .contact-form h3 {
        font-size: 26px;
    }

    .contact-form p {
        font-size: 16px;
    }

    /* Stack inputs vertically */
    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .contact-form textarea {
        height: 110px;
    }

    .contact-form button {
        margin: 0 auto;
        /* center button only in mobile */
    }

    .contact-locations {
        grid-template-columns: 1fr;
        /* 1 per row */
        gap: 30px;
        padding: 50px 20px;
    }

    .location-box img {
        margin: 15px auto 8px;
        max-width: 40px;
    }

    .location-box p {
        font-size: 16px;
        line-height: 1.6;
    }

    .contact-divider {
        width: 85%;
        height: 5px;
        margin: 20px auto;
    }

    .contact-reserve-retreat p {
        width: 90%;
        margin: 0 auto;
        font-size: 18px;
        padding-bottom: 20px;

    }

    .resort-info {
        flex-direction: column;
        padding: 30px 20px;
    }

    .resort-item {
        padding: 25px 10px;
    }

    /* Remove vertical divider on mobile */
    .resort-item::after {
        display: none;
    }

    /* Add horizontal divider instead */
    .resort-item:not(:last-child) {
        border-bottom: 1px solid #a5a5a5;
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .resort-item h4 {
        font-size: 16px;
    }

    .resort-item p {
        font-size: 16px;
    }

    .contact-footer-icons {
        padding-bottom: 40px;
    }

    .contact-footer-icons .row {
        flex-wrap: nowrap;
    }

    .contact-footer-icons .col-md-3 {
        margin: 10px 10px;
        /* reduce spacing */
    }

    .contact-footer-icons img {
        width: 50px;
        /* scale icons down */
    }

    .home-hero-content {
        padding: 0 20px;
        text-align: center;
    }

    .home-hero-content h2 {
        margin-right: 0 !important;
        /* remove forced offset */
        font-size: 26px;
        line-height: 1.3;
    }

    .home-hero-content p {
        font-size: 15px;
        line-height: 1.6;
    }

    .book-now-button {
        margin-top: 15px;
    }

    .what-is-ayurveda {
        padding: 0 20px;
    }

    /* Heading */
    .ayurveda-heading {
        text-align: center;
    }

    .ayurveda-heading img {
        position: static;
        /* remove absolute positioning */
        display: block;
        margin: 15px auto 0;
        width: 60px;
    }

    /* Intro paragraph */
    .what-is-ayurveda>p {
        font-size: 16px !important;
        padding-top: 20px !important;
    }

    /* Stack image & text */
    .ayurvedic-cures-wrapper {
        flex-direction: column;
        gap: 30px;
        padding-top: 30px;
    }

    .ayurvedic-cure {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .about-ayurveda-description {
        width: 100%;
        font-size: 16px;
    }

    .about-ayurveda-text {
        text-align: center;
    }

    .about-ayurveda-text img {
        padding-top: 30px !important;
    }

    .hero-about {
        width: 90%;
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 1.6;
        text-align: center;
        hyphens: auto;
        overflow-wrap: break-word;

    }

    .discover-more {
        padding-bottom: 0;
    }

    .home-arc-section {
        display: block;
        width: 100%;
        margin-top: 30px;
    }

    .arc-content {
        top: 40%;
        width: 90%;
        flex-direction: row;
        gap: 12px;
        text-align: center;
        padding-right: 40px;


    }

    .arc-flower {
        width: 40px;
        transform: translate(30px, -30px);
    }


    .arc-content p {
        font-size: 14px;
        margin-top: -25px;


    }

    /* Push cards BELOW the arc */
    .ayurveda-retreats-background {
        margin-top: 0;
        padding-top: 0px;
    }

    .ayurveda-retreats-card-col {
        padding: 10px 16px;
    }

    .ayurveda-retreats-card {
        margin-bottom: 20px;
    }

    .ayurvedic-cures-description {
        width: 100%;
        margin: 0 auto;
        font-size: 20px;
        text-align: center;
    }

    .treatment-sample h6 {
        padding-left: 20px;
    }

    .treatment-sample h3 {
        padding-left: 20px;
    }

    .treatment-sample p {
        padding-left: 20px;
        padding-bottom: 0;
    }

    .property-cottages-heading {
        font-size: 28px;
    }

    .deluxe-container {
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }



    .trusted-text {
        font-size: 15px !important;
        width: 90% !important;
    }

    .offer-icon {
        position: absolute;
        left: 0px;
        /* shift image left of text */
        top: -65px;
        /* raise slightly above h3 */
        width: 80px;
        /* adjust to match badge size */
        height: auto;
    }

    .left-img {
        display: none;
    }

    .right-img {
        display: none;
    }

    .yoga-flex {
        width: 80%;
    }

    .who-we-serve p {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .who-we-serve li {
        font-size: 18px;
    }

    .gallery {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .gallery img {
        max-width: 45%;
    }

    .gallery-wrapper::after {
        width: 100%;
        height: 30%;
        bottom: -40px;
    }

    .yoga-cta-content {
        width: 100%;
    }

    .yoga-healing-journey {
        font-size: 18px;
        margin: 0;
        padding: 0;
        flex: 1;
        text-wrap: wrap;
        min-width: 0;
    }

    .somatheeram-intro h3 {
        font-size: 20px;
    }

    .somatheeram-intro p {
        font-size: 18px;
        width: 90%;
    }

    .suites-section p {
        width: 100%;
    }

    .somatheeram-ayurveda-packages p {
        width: 100%;
    }

    .somatheeram-package-middle-image {
        padding-top: 0;
    }

    .somatheeram-ayurveda-images-section .col-md-4 {
        margin-bottom: 40px;
        /* add spacing between stacked images */
    }

    .somatheeram-gallery {
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        gap: 8px;
    }

    .somatheeram-gallery img {
        max-width: 48%;
        /* single image per row */
    }

    .somatheeram-gallery-wrapper::after {
        width: 100%;
        /* full width for small screens */
        bottom: -40px;
        height: 40%;
    }

    .somatheeram-left-img {
        display: none;
    }

    .somatheeram-yoga-section h3 {
        font-size: 20px;
        padding-top: 20px;
    }

    .somatheeram-yoga-flex p {
        font-size: 18px;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .somatheeram-yoga-healing-row p,
    .somatheeram-yoga-healing-row h6 {
        width: 95%;
        /* almost full width */
        font-size: 15px;
        /* smaller font for mobile */
    }

    .somatheeram-yoga-healing-row h2 {
        font-size: 24px;
        /* smaller heading */
    }

    .somatheeram-yoga-healing-row h6:last-child {
        padding-bottom: 0px;
    }

    .home-healing-journey {
        margin-top: 40%;
        font-size: 20px;
        text-align: center;
    }

    /* Section spacing */
    .home-cta-section {
        padding: 40px 15px;
    }

    .home-cta-section h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    .home-cta-section p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    /* Stack cards */
    .why-choose-us-row>.col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 35px;
        text-align: center;
    }

    /* Uniform image size */
    .why-choose-us-row img {
        width: 100%;
        /* height: 420px; */
        object-fit: cover;
        /* border-radius: 12px; */
        display: block;
    }

    /* Headings under images */
    .authentic-ayurveda-centres-heading {
        font-size: 20px;
        padding-top: 18px;
        margin-bottom: 10px;
    }

    /* Paragraphs under images */
    .authentic-ayurveda-centres-para {
        font-size: 15px;
        line-height: 1.6;
        padding: 0 10px;
    }

    /* Overlay container */
    .why-choose-us-row .wcu-image-overlay-container {
        position: relative;
        height: 420px;
        border-radius: 12px;
        overflow: hidden;
    }

    /* Overlay image */
    .why-choose-us-row .wcu-image-overlay-container img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    /* Overlay text */
    .why-choose-us-row .wcu-overlay-text {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        /* background: rgba(0, 0, 0, 0.45); */
        text-align: center;
    }

    .why-choose-us-row .wcu-overlay-text h4 {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 10px;
    }

    .why-choose-us-row .wcu-overlay-text p {
        font-size: 15px !important;
        line-height: 1.6;
        color: #ffffff;
    }

    .why-choose-us-row .wcu-overlay-text {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 80px 20px 20px;
        /* background: rgba(0, 0, 0, 0.45); */
        text-align: center;

    }

    .why-choose-us-row .wcu-overlay-text h4 {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 10px;
    }

    .why-choose-us-row .wcu-overlay-text p {
        font-size: 15px !important;
        line-height: 1.6;
        color: #ffffff;
    }

    /* CTA row */
    .footer-cta {
        text-align: center;
    }

    .footer-cta .col-md-3,
    .footer-cta .col-md-6 {
        margin-bottom: 15px;
    }

    .ayurveda-footer {
        white-space: normal;
        font-size: 17px;
    }

    .sign-up-button {
        width: 100%;
        max-width: 280px;
    }

    /* Main footer */
    .footer-main>div {
        margin-bottom: 35px;
    }

    .footer-brand {
        justify-content: center;
    }

    .about-ayurluxur p {
        text-align: center;
    }

    .contact-us-button {
        display: block;
        margin: 20px auto 0;

    }


    /* Social */
    .social-icons {
        text-align: center;
    }

    .social-icons a {
        margin: 0 6px;
    }

    /* Hide flower */
    /* .footer::after {
        display: none;
    } */
    .navbar {
        width: 100%;
        position: fixed;
        /* change from absolute to fixed */
        top: 0;
        left: 0;
        /* ensure it sticks to the left */
        z-index: 1000;
        /* higher so it stays on top */
        padding: 18px 60px;
        background: rgba(0, 0, 0, 0.5);
        /* optional: semi-transparent background */
    }

    .contact-hero-content {
        top: 400px !important;
    }

    .contact-hero-content h1 {
        font-size: 25px;
    }

    .contactus-button {
        padding: 12px 40px;
        font-size: 25px;
    }

    .about-hero-section {
        background-image: url('images/about/hero-img-phn.webp');
        height: 70vh;
    }

    .about-hero-section::after {
        background: transparent;
    }

    .ayurveda-experiences-hero-section {
        background-image: url('images/ayurveda-experiences/hero-img-phn.webp');
        height: 70vh;

    }

    .ayurveda-experiences-hero-section::after {
        background: transparent;
    }

    .ayurvedam-sreenilayam-hero-section {
        background-image: url('images/ayurvedam-sreenilayam/hero-img-phn.webp');
        height: 70vh;
        background-position: right center;

    }

    .ayurvedam-sreenilayam-hero-section::after {
        background: transparent;

    }

    .contact-hero-section {
        background-image: url('images/contact/hero-img-phn.webp');
        height: 70vh;
        background-position: left center;

    }

    .contact-hero-section::after {
        background: transparent;

    }

    .destination-hero-section {
        background-image: url('images/Destinations/hero-img-phn.webp');
        height: 70vh;
    }

    .destination-hero-section::after {
        background: transparent;

    }

    .exclusive-offers-hero-section {
        background-image: url('images/exclusive offers/hero-img-phn.webp');
        height: 70vh;
    }

    .exclusive-offers-hero-section::after {
        background: transparent;

    }

    .marari-cottages-hero-section {
        background-image: url('images/marari-cottages/hero-img-phn.webp');
        height: 70vh;
    }

    .marari-cottages-hero-section::after {
        background: transparent;

    }

    .marari-ayurveda-hero-section {
        background-image: url('images/marari-ayurveda/hero-img-phn.webp');
        height: 70vh;
    }

    .marari-ayurveda-hero-section::after {
        background: transparent;
    }

    .marari-hero-section {
        background-image: url('images/marari/hero-img-phn.webp');
        height: 70vh;
    }

    .marari-hero-section::after {
        background: transparent;
    }

    .somatheeram-cottages-hero-section {
        background-image: url('images/somatheeram-cottages/hero-img-phn.webp');
        height: 70vh;
    }

    .somatheeram-cottages-hero-section::after {
        background: transparent;
    }

    .somatheeram-ayurveda-hero-section {
        background-image: url('images/somatheeram-ayurveda/hero-img-phn.webp');
        height: 70vh;
    }

    .somatheeram-ayurveda-hero-section::after {
        background: transparent;
    }

    .somatheeram-hero-section {
        background-image: url('images/somatheeram/hero-img-phn.webp');
        height: 70vh;
    }

    .somatheeram-hero-section::after {
        background: transparent;
    }

    .ayurvedam-sreenilayam-cottage-hero-section {
        background-image: url('images/sreenilayam-cottages/hero-img-phn.webp');
        height: 70vh;
    }

    .ayurvedam-sreenilayam-cottage-hero-section::after {
        background: transparent;
    }

    .sreenilayam-ayurveda-hero-section {
        background-image: url('images/sreenilayam-ayurveda/hero-img-phn.webp');
        height: 70vh;
    }

    .sreenilayam-ayurveda-hero-section::after {
        background: transparent;
    }

    .yoga-hero-section {
        background-image: url('images/Yoga/hero-img-phn.webp');
        height: 70vh;
    }

    .yoga-hero-section::after {
        background: transparent;
    }

    .home-hero-section {
        /*height: 70vh;*/
    }


    .slide-1 {
        background-image: url('images/home/hero-img-phn.webp');
    }

    .slide-2 {
        background-image: url('images/home/banner-slider2-phn.webp') !important;
        background-size: cover !important;
        background-position: left center !important;

    }

    .ayurvedic-cures-icon {
        display: block;
        margin: 0 auto;
    }

    .exclusive-service {
        padding-top: 0;
    }

    .footer-destinations h4 {
        margin-top: 20px;
    }

    .desktop-logo {
        display: none;
    }

    .mobile-logo {
        display: block;
    }

    .booking-hero-section .logo-text {
        color: #ffffff !important;
    }

    .booking-tabs-section {
        margin-top: -200px;
    }

    .therapy-container {
        gap: 20px;
    }

    .therapy-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .therapy-card:nth-child(2) {
        transform: translateY(0);
        /* reset for clean stacking */
    }

    .home-cta-heading img {
        display: none;
    }



}






@media (max-width: 480px) {
    .hamburger {
        top: 28px;
right: 15px;
    }

    .hamburger span {
        width: 24px;
    }

    .navbar {
        width: 100%;
        position: fixed;
        /* change from absolute to fixed */
        top: 0;
        left: 0;
        /* ensure it sticks to the left */
        z-index: 1000;
        /* higher so it stays on top */
        padding: 13px 26px;
        background: rgba(0, 0, 0, 0.5);
        /* optional: semi-transparent background */
        padding-bottom: 6px;
        padding-top: 16px;
                padding-top: 10px;
        height: 70px;
    }

    .logo-text {
        font-size: 18px;
        text-wrap: nowrap;
        margin-top: -9px;
    }

    .logo-icon {
        margin-left: -25px;
       margin-top: 0;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        /* Full screen */
        overflow-y: auto;
        /* ENABLE SCROLL */
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 9999999999;
    }

    .mobile-menu-content {
        flex-direction: column;
        gap: 40px;
    }

    .somatheeram-ayurveda-gallery {
        margin-top: 40px;
    }

    .somatheeram-ayurveda-gallery img {
        border-radius: 6px;
    }

    .yoga-cta-section {
        padding: 30px 20px;
    }

    /* .yoga-healing-row img {
        max-width: 60px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        transform: translate(20px, -20px);
    } */

    .thumbs {
        gap: 6px;
        /* reduce spacing */
        flex-wrap: wrap;
        /* allow wrap if needed */
    }

    .thumbs img {
        width: 44px;
        /* smaller thumbs */
        height: 44px;
    }

    /* Remove border radius on container with background image */
    .service-imag {
        border-radius: 0 !important;
        /* override if needed */
        overflow: visible;
        /* ensure nothing gets clipped */
        position: relative;
        height: auto;
    }

    /* Image with no border-radius and natural height */
    .service-image img {
        width: 100%;
        height: auto;
        border-radius: 0 !important;
        object-fit: cover;
        display: block;
    }

    /* Overlay content visible fully, flows naturally */
    .overlay-content {
        position: static;
        /* normal flow so container height grows */
        /* background: rgba(0, 0, 0, 0.45);  */
        padding: 16px 14px;
        color: #fff;
        text-align: left;
        overflow: visible;
    }

    .service-steps {
        max-width: 100%;
        width: 100%;
    }

    .step {
        /*padding: 20px 20px 20px 20px;*/
            padding:10px;
    }
    
    .step .text {
    font-size: 15px;
    }


    .why-choose-us-row .wcu-overlay-text {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 80px 20px 20px;
        /* background: rgba(0, 0, 0, 0.45); */
        text-align: center;

    }

    .why-choose-us-row .wcu-overlay-text h4 {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 10px;
    }

    .why-choose-us-row .wcu-overlay-text p {
        font-size: 15px !important;
        line-height: 1.6;
        color: #ffffff;
    }

    .footer-contents {
        padding: 40px 20px 25px;
    }

    .footer-items h4 {
        font-size: 17px;
    }

    .footer-items h5 {
        font-size: 16px;
    }

    .footer-description {
        font-size: 14px;
    }

    .arc-content {
        top: 31%;
        width: 100%;
        flex-direction: row;
        gap: 12px;
        text-align: center;
        padding-right: 0;

    }

    .arc-flower {
        width: 40px;
        transform: translate(30px, -30px);
        display: none;
    }


    .arc-content p {
        font-size: 16px;
        margin-top: 0;
    }
    
    .home-arc-section>img{
        height:150px;
    }

    .contact-hero-content {
        top: 400px;
    }

    .contact-hero-content h1 {
        font-size: 18px;
    }

    .contactus-button {
        padding: 12px 40px;
        font-size: 18px;
    }

    .ayurvedic-cures-icon {
        display: block;
        margin: 0 auto;
    }

    .property-cottages-description {
        width: 100%;

    }

}

/* FIX: extra space below second horizontal image (768px–991px only) */
@media (min-width: 768px) and (max-width: 991px) {

    .sreenilayam-cottage-gallery-section .row {
        align-items: stretch;
    }

    .sreenilayam-cottage-gallery-section .col-md-6 {
        display: flex;
        flex-direction: column;
    }

    .sreenilayam-cottage-gallery-horizontal-second {
        margin-bottom: 0;
    }
}

/* FIX marari-property-cottages layout (768px–1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

    .marari-property-cottages .row {
        flex-direction: column;
        gap: 20px;
    }

    .marari-property-cottages .col-md-8,
    .marari-property-cottages .col-md-4 {
        width: 100%;
        max-width: 100%;
    }

    .marari-property-cottages .property-wrapper {
        height: auto;
        /* IMPORTANT */
    }

    .marari-property-cottages img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .villa-slider {
        position: relative;
    }

    .villa-slider .slider-nav {
        right: -10px;
        /* pull arrows inward */
        bottom: -20px;
        /* closer to image/text */
        gap: 8px;
    }

    .villa-slider .nav {
        font-size: 16px;
        /* optional: slightly smaller arrows */
    }
}

@media (min-width: 769px) and (max-width: 1199px) {

    /* Reset desktop forcing */
    .accommodations .row .col-md-6:first-child img,
    .accommodations .row .col-md-6:last-child img {
        margin: 30px auto 0 !important;
        width: 100% !important;
        height: 420px;
        /* SAME HEIGHT */
        object-fit: cover;
        /* no distortion */
        display: block;
    }

    .accommodations .row .col-md-6:first-child p,
    .accommodations .row .col-md-6:last-child p {
        width: 90% !important;
        margin: 15px auto 0 !important;
        transform: none !important;
        text-align: center;
    }
}

@media(max-width:1025px) {
    .offer-tab {
        padding: 5% 5%;
        /* reduce padding */
    }

    .offer-tab .row .col-md-3 {
        flex: 40% 0 40%;
        /* 2 per row */
        max-width: 50%;
        margin-bottom: 20px;
    }

    .offer-tab .row {
        margin-left: -20px;
        /* reduce negative margin */
        margin-right: -10px;
    }
}

/* ===== FIX FOR 769px – 815px ONLY ===== */
@media (min-width: 769px) and (max-width: 815px) {

    .resort-info {
        justify-content: center;
    }

    .resort-item {
        flex: 0 0 48%;
        max-width: 48%;
        position: relative;
    }

    /* Third item full width */
    .resort-item:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
        padding-top: 40px;
    }

    /* ===== VERTICAL LINE BETWEEN ITEM 1 & 2 ===== */
    .resort-item:nth-child(1)::after {
        content: "";
        position: absolute;
        top: 15%;
        right: 0;
        width: 1px;
        height: 70%;
        background-color: #a5a5a5;
        opacity: 0.8;
    }

    /* Disable divider on item 2 & 3 */
    .resort-item:nth-child(2)::after,
    .resort-item:nth-child(3)::after {
        display: none;
    }

    /* ===== HORIZONTAL LINE ABOVE ITEM 3 ===== */
    .resort-item:nth-child(3)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background-color: #a5a5a5;
        opacity: 0.8;
    }

}

@media(min-width:769px) and (max-width:1159px) {
    .what-is-ayurveda {
        padding: 0 20px;
    }

    /* Heading */
    .ayurveda-heading {
        text-align: center;
    }

    .ayurveda-heading img {
        position: static;
        /* remove absolute positioning */
        display: block;
        margin: 15px auto 0;
        width: 60px;
    }

    /* Intro paragraph */
    .what-is-ayurveda>p {
        font-size: 16px !important;
        padding-top: 20px !important;
    }

    /* Stack image & text */
    .ayurvedic-cures-wrapper {
        flex-direction: column;
        gap: 30px;
        padding-top: 30px;
    }

    .ayurvedic-cure {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .about-ayurveda-description {
        width: 100%;
        font-size: 16px;
    }

    .about-ayurveda-text {
        text-align: center;
    }

    .about-ayurveda-text img {
        padding-top: 30px !important;
    }
}

@media(min-width:769px) and (max-width:1170px) {
    .gallery {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .gallery img {
        max-width: 45%;
    }

    .gallery-wrapper::after {
        width: 100%;
        height: 30%;
        bottom: -40px;
    }
}

@media (max-width: 1429px) {

    .service-image {
        position: relative;
        height: auto;
    }

    .service-image img {
        width: 100%;
        height: auto;
        min-height: 520px;
        /* KEY FIX */
        object-fit: cover;
    }

    .overlay-content {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: flex-start;
        /* allow content to flow down */
        padding: 24px 20px;
        margin: 5px;
    }

    .service-steps {
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width:1500px) {
    .why-choose-us-row>.col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 35px;
    }

    /* Overlay card height control */
    .why-choose-us-row .wcu-image-overlay-container {
        position: relative;
        min-height: 420px;
    }

    .why-choose-us-row .wcu-image-overlay-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Overlay text stays inside image */
    .why-choose-us-row .wcu-overlay-text {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 80px 20px 20px;
        /* background: rgba(0, 0, 0, 0.45); */
        text-align: center;

    }

    .why-choose-us-row .wcu-overlay-text h4 {
        font-size: 30px;
        color: #ffffff;
        margin-bottom: 10px;
    }

    .why-choose-us-row .wcu-overlay-text p {
        font-size: 25px;
        line-height: 1.6;
        color: #ffffff;
    }

    /* Text spacing for other cards */
    .why-choose-us-row .authentic-ayurveda-centres-para {
        padding: 0 12px;
        font-size: 15px;
        line-height: 1.6;
    }

    /* Make all images uniform */
    .why-choose-us-row img {
        width: 100%;
        object-fit: cover;
        display: block;
    }
}

/* ===== COMMON ===== */
.has-submenu {
    position: relative;
}

.arrow {
    font-size: 20px;
    margin-left: 6px;
    opacity: 0.7;
}

/* ===== DESKTOP MENU ===== */
.nav-links .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 240px;
    padding: 8px 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
}

.nav-links .has-submenu:hover>.submenu {
    display: block;
}

.nav-links .submenu li {
    position: relative;
}

.nav-links .submenu li a {
    padding: 0px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

/* SECOND LEVEL */
.nav-links .submenu .submenu {
    top: 0;
    left: 100%;
}

/* ===== MOBILE MENU ===== */
.mobile-nav-links .submenu {
    display: none;
    padding-left: 15px;

}

.mobile-nav-links .has-submenu>a {
    display: flex;
    justify-content: space-between;

}

/* tap to open */
.mobile-nav-links .has-submenu.open>.submenu {
    display: block;
}

.submenu li {
    list-style-type: none;
}

@media (min-width: 768px) and (max-width: 1300px) {

    /* CTA row */
    .footer-cta {
        text-align: center;
    }

    .footer-cta .col-md-3,
    .footer-cta .col-md-6 {
        margin-bottom: 15px;
    }

    .ayurveda-footer {
        white-space: normal;
        font-size: 17px;
    }

    .sign-up-button {
        display: inline-block;
        white-space: nowrap;
        padding: 12px 40px;
        width: auto;
        max-width: none;
    }

    /* Main footer */
    .footer-main>div {
        margin-bottom: 35px;
    }

    .footer-brand {
        justify-content: center;
    }

    .about-ayurluxur p {
        text-align: center;
    }

    .contact-us-button {
        display: block;
        margin: 20px auto 0;
    }

    /* Social */
    .social-icons {
        text-align: center;
    }

    .social-icons a {
        margin: 0 6px;
    }

    /* Hide flower */
    /* .footer::after {
        display: none;
    } */
}

/* Hero Slider */
.hero-slider {
    position: absolute;
    /* behind the text */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    /* behind text content */
}

.hero-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.hero-slider .slide.active {
    opacity: 1;
}

.hero-slider .slide .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    /* dark overlay */
    z-index: 0;
    /* behind text */
}

.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.slide.active {
    opacity: 1;
    z-index: 2;
}


.slide-1 {
    background-image: url('images/home/home-hero.webp');
}

.slide-2 {
    background-image: url('images/home/banner-slider2.webp');
}

.slide-3 {
    background-image: url('images/home/banner-slider3.webp');
}

.slide-4 {
    background-image: url('images/home/banner-slider4.webp');
}

.slide-5 {
    background-image: url('images/home/banner-slider5.webp');
}

.slide-video {
    position: relative;
}

.slide-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/* Initial state */
.fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
    pointer-events: auto;
}

/* When active */
.fade-up.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.discover-link {
    font-size: 15px;
    color: #000;
    font-family: 'Times New Roman', Times, serif;
    position: relative;
    z-index: 10;
    display: inline-block;
    pointer-events: auto;
}

@media (min-width: 1025px) and (max-width: 1105px) {

    .navbar {
        padding: 18px 30px;
    }

    .navbar-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
    }

    .navbar-menu a {
        font-size: 11px;
        margin: 0 4px;
        white-space: nowrap;
    }

    .navbar-menu a:not(:last-child)::after {
        content: "|";
        margin-left: 6px;
        color: #7D7C7C;
    }

}

/* reserve your retreat*/
.booking-hero-section {

    position: relative;
    height: 30vh;
    background-color: #fbf6ef;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: visible;
    font-family: "Raleway", sans-serif;
    /* ensures overlay doesn’t overflow */

}

.booking-hero-section .nav-links a {
    color: #313131;
}

.booking-hero-section .logo-text {
    color: #313131;
}

.booking-hero-section .nav-links li:not(:last-child)::after {
    content: "|";
    margin-left: 15px;
    /* color: #8a8585; */
}

.booking-section {
    background: #f6f1ea;
    padding: 40px 0;
    font-family: "Georgia", serif;
}

.booking-container {
    max-width: 1100px;
    margin: auto;
    background: #fff;
    border: 1px solid #c9c1b7;
}

.booking-header {
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #c9c1b7;

}

.booking-header h3 {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.booking-tabs-section {
    background: #fbf6ef;
    padding: 80px 15px;
    border-bottom: 1px solid #eee;
    font-family: "Raleway", sans-serif;
}

.booking-tabs-section .container {
    border: 1px solid #ddd;
    padding: 50px 30px 30px;
    position: relative;
    background: #fbf6ef;
}

/* Move h1 above the border */
.booking-tabs-section h1 {
    position: relative;
    top: -35px;
    margin-bottom: -10px;
 color: #815153;
    display: inline-block;
    padding: 0 15px;
    font-size: 32px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
}
.booking-tabs-section h2 {
    position: relative;
    top: -35px;
    margin-bottom: -10px;
 font-family: 'Times New Roman', Times, serif;
    display: inline-block;
    padding: 10px 15px;
    font-size: 25px;
    text-align: center;
    width: 100%;
    font-weight: 400;
}


/* Place Tabs */
.place-tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
}

.place-tab {
    background: #815153;
    border: 1px solid #815153;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 35px;
    cursor: pointer;
    color: #fff;
    position: relative;
    font-family: 'Times New Roman', Times, serif;
}

.place-tab.active {
    color: #815153;
    background-color: #FFFFFF;

    font-weight: 600;
}

/* .place-tab.active::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #7a4a2e;
} */

/* Booking Form */
.booking-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    background: #fbf6ef;
    padding: 25px;
    border-radius: 8px;
}

.booking-field {
    display: flex;
    flex-direction: column;
}

.booking-field label {
    font-size: 13px;
    color: #000;
    margin-bottom: 6px;
}

.booking-field input,
.booking-field select {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    background-color: #FFFFFF;
    color: #000000;
}

.booking-btn button {
    padding: 12px;
    background: #815153;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;

}

.booking-btn button:hover {
    background: #FFFFFF;
    color: #815153;
}

.booking-field textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    resize: vertical;
}

.booking-field input::placeholder,
.booking-field textarea::placeholder {
    color: #000;
}

/* Hover date */
.flatpickr-day:hover {
    background: #815153 !important;
    color: #fff;
}

/* Selected date */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #815153;
    border-color: #815153;
    color: #fff;
}

/* Today date */
.flatpickr-day.today {
    border-color: #815153;
}

/* Today + selected */
.flatpickr-day.today.selected {
    background: #815153;
    color: #fff;
}

/* Bottom links: Today & Clear */
.flatpickr-footer .flatpickr-clear,
.flatpickr-footer .flatpickr-today {
    color: #815153;
    font-weight: 600;
}

@media (max-width: 767px) {

    .place-tabs {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .place-tab {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 12px;
    }

    .booking-form {
        grid-template-columns: 1fr;
        padding: 20px 15px;
    }

    .booking-btn button {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .booking-form {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .place-tab {
        font-size: 16px;
        padding: 12px 25px;
    }
}

@media (min-width: 1200px) {
    .booking-form {
        max-width: 1200px;
        margin: auto;
    }
}

.floating_btn_booking {
    position: fixed;
        bottom: 156px;
    right: -13px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.contact_icon_booking {
    background-color: #815153;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 3px #999;

    box-shadow: 0 0 0 0 #815153;
    animation: pulsing-booking 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

/* Image size control */
.contact_icon_booking img {
    width: 28px;
    height: auto;
}

@keyframes pulsing-booking {
    to {
        box-shadow: 0 0 0 10px rgba(255, 159, 28, 0);
    }
}


/*whatsapp floating icon*/
#backToTop{
    width:50px !important;
    height:50px !important;
        bottom: 24px !important;
    right: 11px !important;
}

.floating_btn_helpline {
    position: fixed;
    bottom: 82px;
    right: -15px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}



@keyframes pulsing {
    to {
        box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
    }
}

.contact_icon_helpline {
    background-color: #42db87;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.contact_icon_helpline img{cursor: pointer;}

.text_icon {
    margin-top: 4px;
    font-size: 15px;
    font-weight: bold;
    color: rgb(13, 160, 25);
}

.whatsapp_popup {
    position: absolute;
    bottom: 27px;
    right: 116px;
    background: #fff;
    padding: 12px 10px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    /* display: none; */
    width:100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);

    transition: opacity .25s ease;
}

.whatsapp_popup.show11{
   opacity: 1;
    visibility: visible;
    /* transform: translateY(0); */
    animation: shakeOpenRTL 0.45s ease
}

.whatsapp_popup.hide11 {
    animation: shakeCloseLTR 0.65s ease;
}

@keyframes shakeOpenRTL {
0%   { transform: translateX(0); }
    20%  { transform: translateX(6px); }
    40%  { transform: translateX(-6px); }
    60%  { transform: translateX(4px); }
    80%  { transform: translateX(-4px); }
    100% { transform: translateX(0); }
}

@keyframes shakeCloseLTR {
    0%   { transform: translateX(0); opacity: 1; }
    20%  { transform: translateX(-4px); }
    40%  { transform: translateX(4px); }
    60%  { transform: translateX(-6px); }
    80%  { transform: translateX(6px); }
    100% { transform: translateX(0); opacity: 0; }
}


.whatsapp_popup a {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

.whatsapp_popup a:last-child {
    margin-bottom: 0;
}

.whatsapp_popup a:hover {
    text-decoration: underline;
}

.flag-icon {
    width: 22px;
    height: auto;
    margin-right: 8px;
    vertical-align: middle;
}

@media (max-width:992px) {
    .floating_btn_helpline {
               right: -15px;
        bottom: 67px;
    }

    .floating_btn_booking {
              bottom: 150px;
        right: -15px;
    }

}

.featured-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.featured-link h4 {
    margin-top: 10px;
    color: #815153;
}

.ayurvedic-cures-icon {
    padding-top: 0px !important;
}

.mobile-nav-links li.active>a {
    color: #815153;
    font-weight: 600;
}

.footer-destinations a {
    display: block;
    color: #585858;
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
    line-height: 20px;
    padding-bottom: 8px;
}

@media(min-width:1200px) and (max-width:2670px) {
    .step {
        padding: 25px 30px 11px 120px;

    }
}
@media(min-width:768px) and (max-width:1024px) {
.service-image .number img{min-height: auto !important;}
.number{top:63%;}
.service-steps .step:last-of-type .number{top:78%;}
}


@media only screen and (max-width: 768px) {
.custom-select {
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: 999999999;
        width: 56px;
}

.custom-select select{
width: 100%;
    padding: 2px 2px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-color: #815153;
    color: white;
    font-size: 12px;
    appearance: none;
    cursor: pointer;
    transition: border 0.3s, box-shadow 0.3s;
}
.custom-select::after{right:3px;}

.mob_img_cures1{padding:0;}
.sreenilayam-cottage-gallery-monile{padding-right:10px;}
.sreenilayeam_ayurveda_nopad{padding-right:0;padding-left:0;}
.sreenilayayurveda_m0{margin-bottom:10px !important;}
.meditation_padding_aero{padding:0;}
.nasyam_mobile_nomargin{margin-bottom:20px !important;}
.sreenilyam_gallery_sect_marg_no{margin-top:0 !important;}

.row div.sreenilyam_gallery_sect_marg_no {padding-top: 5px !important;}

/*.sreenilayam-gallery-section .col-md-6{padding-top: 0 !important;}*/
/*.sreenilayam-gallery-section img{ margin-bottom: 0 !important;}*/

.no_margin_gallery2_insree{margin-bottom: 0 !important;}

.sreenilayam_accomimg_nomar{padding: 0 5px;}
.accomacadtion_title_h3sreenilayam{padding-top: 30px !IMPORTANT;
    padding-left: 17px !IMPORTANT;}
.room_sec_nopadding_sreenila{padding:20px;}
.sreenilayam-inside-section_h3{text-align:left !IMPORTANT;margin-top: 0 !IMPORTANT;}
.inside-intro-p{    text-align: left !IMPORTANT;}
.sreenilayam_acc_inside_con .inside-content{    padding: 0 !IMPORTANT;}
.yoga_head_erap{padding: 10px;}
.yoga_who_we{padding: 20px 10px !IMPORTANT;}
.offer-icon{top:-88px !important;}
.ayurveda_experience_main_rows{padding: 10px;}
.padding_no_classical-dance{padding: 0;}

.healing-beyond-borders.specdiv_ayurecpp p{padding-left: 7% !IMPORTANT;}
.healing-beyond-borders.specdiv_ayurecpp h4{    padding-left: 7% !important;}
.healing-beyond-borders.specdiv_ayurecpp h6{    padding-left: 7% !IMPORTANT;}
.ayurexprspec_img {width: 86% !important;}
.booking-tabs-section h1{top: -9px !IMPORTANT;}
.somatheeram-ayurveda-gallery_imggallery img{padding-top: 10px;}
.somatheeram-ayurveda-gallery_row{gap: unset !IMPORTANT;}
.somatheeram-yoga-content_p{margin-top:0 !IMPORTANT;}
.somatheeram-yoga-flex_p{width:100% !IMPORTANT;}
.doctor-intro_p{width:100% !IMPORTANT;}
.somatheeram-packages_mobilesec{
     flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.sreenilayam-ayurveda-heading_nom{margin-top: -10px !IMPORTANT;}
.sreenilayam-offer-text_p p{width:100% !IMPORTANT;}
.yoga-contentpp{margin-top:0 !IMPORTANT;}

.offer-tab .row{margin-left:0;margin-right:0;}



.about-arc-section p{font-size: 14px;
        width: 100%;}
.about-arc-section img{height:150px !IMPORTANT;}

.fab-tarrif-sub-subtab{
        right: 162px !IMPORTANT;
}

.soma-paxkages-wrp{margin-right: 0 !IMPORTANT;}
.marari_property_wrap{ padding-right: 0 !IMPORTANT;}



.somacontentmobileresp{padding: 15px 25px !IMPORTANT;}
.madam_web{width:100% !IMPORTANT;}


}

img.mfp-img{
    padding: 0px !important;
}
.mfp-bg{opacity:1 !important}
.footer-brand{cursor:pointer;}