/*-----------------------------
 GLOBAL CSS START  
 -----------------------------*/
 .theme-bg{background: #e9f3ea;}
.header-logo img{max-width: 140px;}
.footer-logo img{max-width: 200px;}
/*-----------------------------
GLOBAL CARDS CSS
 -----------------------------*/
.left-right-section p, .full-wid-content p{font-size: 18px}
header.vs-header .menu .menu-item a{
	font-size: 15px;
    font-weight: 500;
font-family: "Raleway", sans-serif;
}
.features-area-cstm .feature-card {
    background: #fff;
  
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
    height: 100%;
}

.features-area-cstm .feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.features-area-cstm .feature-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.features-area-cstm .feature-image img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.features-area-cstm .feature-card:hover .feature-image img {
    transform: scale(1.08);
}

.features-area-cstm .feature-content {
    padding: 25px;
}

.features-area-cstm .feature-content h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #111;
}

.features-area-cstm .feature-desc {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}


/*-----------------------------
HOME PAGE TWO CSS START
 -----------------------------*/
 .main-menu a:hover {
    color: #d9af64;
}
 .header-logo a {
	color:#4e6c45;
}
 .hero-layout3 .slick-arrow {
    background-color: #d9af64;
}
 .hero-layout3 .slick-arrow:hover {
	color:#4e6c45;
	background-color: #fff;
}
 .media-slider:before,
 .media-slider .slick-current .media-shape
{
	background-color:#4e6c45;
}
 .media-slider .slick-current .media-shape {
	--shape-bg:#4e6c45;
}
 .service-inner1:after, 
 .service-inner1:before 
{
	background-image: linear-gradient(var(--gradient-direction, to right), rgb(254, 254, 254) 0%, #DFF5E8 100%);
}
 .circle-btn .btn-icon {
	color:#4e6c45;
	border:1px solid #4e6c4552;
}
 .circle-btn .btn-icon:hover {
	color:#fff;
	background-color:#4e6c45;
}
 .service-style1 .vs-icon {
	background-color: #4e6c45;
}
 .vs-icon:before {
	border: 1px dashed #3e6e4c;
}
 .service-style1:hover .vs-icon {
	background-color:#284851;
}
 .vs-btn.style4:after, 
 .vs-btn.style3:after {
    background-color: #476d49;
}
 .package-style1 .package-list li:before {
    background-color: #DFF5E8;
    color: #476d49;
}
 .sec-subtitle2, 
 .sec-subtitle {
	color: #284851;
}
 .vs-icon.style2 {
    background-color: #DFF5E8;
}
footer .widget p{
	color:#fff;
}
footer .widget ul li a{
	color:#fff;
}
 .feature-style2:hover .vs-icon {
    background-color: #4e6c45;
}
 .footer-wrapper.footer-layout1 {
	 overflow:hidden;
	    position: relative;
    z-index: 1;
	 background-repeat:no-repeat;
	 background-size:cover;
   background-image:url(https://lwmedspamassagellc.digitalguider.dev/wp-content/uploads/2026/06/texture-bg.jpg);
}
.footer-wrapper.footer-layout1:before{
	         position: absolute;
    content: "";
    background-color: #4e6c45;
    width: 100%;
    height: 100%;
    z-index: -1;
	opacity:0.95;
}
 .footer-media .media-icon {
    background-color: #345235;
}
 .footer-widget.widget_nav_menu a:before {
	 color: #fff;
}
 .footer-widget .widget_title::before {
	background-color: #e7e5e5;
}
 .footer-widget .vs-btn {
	background-color: #284851;
}
footer.footer-wrapper .text-inherit:hover{color: #ffffff;}
 .icon-btn.style3, 
 .icon-btn.style2 {
    background-color: #4e6c45;
}
 .package-style1 .package-price {
    color: #476d49;
}
 .package-style1:after, 
 .package-style1::before {
	background-color:#476d49;
}
 .testi-style5 {
	background-color: #ebf3e9;
}
 .testi-style5:after {
	color:#4e6c45;
}
 .testi-style5 .testi-rating {
    color: #4e6c45;
}
 .link-btn.style2 {
    color: #476d49;
}
 .feature-style2 {
    outline: 1px dashed rgb(78 108 69);
}
 .arrow-shape .arrow {
	background-color: #4e6c45;
}
 .text-theme {
    color: #4e6c45 !important;
}
 .curb-shape1 {
	background-color: #dff5e86b;
}
 .accordion-style1 .accordion-item.active, 
 .accordion-style1 .accordion-item:hover {
    border-color: #4e6c45;
}
 .accordion-style1 .accordion-button:hover {
    color: #284851;
}
 .footer-layout1 .copyright-wrap {
    background-color: #ffffff;
}
 .copyright-text {
    color: #000;
}
 .copyright-text a {
    color: #000;
}
 .footer-layout1 .copyright-wrap {
	padding:10px 0;
}
 .footer-layout1 .copyright-wrap .col-md-auto.text-center {
	margin:0 auto;
}
 .vs-btn.style4:hover::before, 
 .vs-btn.style3:hover::before {
    border-color: #4e6c45;
}
 .vs-btn.style7 {
    background-color: #4e6c45;
}
 .vs-btn.style7:hover:before, 
 .vs-btn.style7:hover:after {
	background-color: #19343b;
}
 .link-btn:before {
	background-color: #4e6c45;
}
 .scroll-btn i {
	background-color: #4e6c45;
}
 .parallax:before {
    content: '';
    position: absolute;
    background: #476d4957;
    width: 100%;
    height: 100%;
}

.vs-btn:after, .vs-btn:before {
	background-color: #19343b;
}

.form-style7 {
	background-color: #ebf3e9;
}

.breadcumb-wrapper {
	background-color: var(--theme-color);
}

.breadcumb-title {
	color:var(--white-color);
}

.breadcumb-menu li, .breadcumb-menu a {
	color:#DFF5E8;
}

.breadcumb-menu li:last-child {
    color: var(--white-color);
}
/*-------------- my css -------------*/
 .bg-gradient-2 {
    background-image: linear-gradient(to bottom, transparent 0%, rgb(238 252 242 / 80%) 20%, rgba(0, 0, 0, 0) 100%);
}
/*-----------------------------
HOME PAGE TWO CSS END
 -----------------------------*/

/*-----------------------------
HOME PAGE THREE CSS START
 -----------------------------*/
.page-id-454 .main-menu a:hover {
    color: #284851;
}
.page-id-454 .header-logo a {
	color:#284851;
}
.page-id-454 .hero-layout3 .slick-arrow {
    background-color: #284851;
}
.page-id-454 .hero-layout3 .slick-arrow:hover {
	color:#284851;
	background-color: #fff;
}
.page-id-454 .media-slider:before,
.page-id-454 .media-slider .slick-current .media-shape
{
	background-color:#284851;
}
.page-id-454 .media-slider .slick-current .media-shape {
	--shape-bg:#284851;
}
.page-id-454 .service-inner1:after, 
.page-id-454 .service-inner1:before 
{
	background-image: linear-gradient(var(--gradient-direction, to right), rgb(254, 254, 254) 0%, #EAF4F2 100%);
}
.page-id-454 .circle-btn .btn-icon {
	color:#284851;
	border:1px solid #4e6c4552;
}
.page-id-454 .circle-btn .btn-icon:hover {
	color:#fff;
	background-color:#284851;
}
.page-id-454 .service-style1 .vs-icon {
	background-color: #284851;
}
.page-id-454 .vs-icon:before {
	border: 1px dashed #3e6e4c;
}
.page-id-454 .service-style1:hover .vs-icon {
	background-color:#284851;
}
.page-id-454 .vs-btn.style4:after, 
.page-id-454 .vs-btn.style3:after {
    background-color: #284851;
}
.page-id-454 .package-style1 .package-list li:before {
    background-color: #EAF4F2;
    color: #284851;
}
.page-id-454 .sec-subtitle2, 
.page-id-454 .sec-subtitle {
	color: #284851;
}
.page-id-454 .vs-icon.style2 {
    background-color: #EAF4F2;
}
.page-id-454 .feature-style2:hover .vs-icon {
    background-color: #284851;
}
.page-id-454 .footer-layout1, .footer-layout4 {
    background-color: #284851;
}
.page-id-454 .footer-media .media-icon {
    background-color: #183239;
}
.page-id-454 .footer-widget.widget_nav_menu a:before {
	color: #bebebe;
}
.page-id-454 .footer-widget .widget_title::before {
	background-color: #e7e5e5;
}
.page-id-454 .footer-widget .vs-btn {
	background-color: #284851;
}
.page-id-454 .icon-btn.style3, 
.page-id-454 .icon-btn.style2 {
    background-color: #284851;
}
.page-id-454 .package-style1 .package-price {
    color: #284851;
}
.page-id-454 .package-style1:after, 
.page-id-454 .package-style1::before {
	background-color:#284851;
}
.page-id-454 .testi-style5 {
	background-color: #EAF4F2;
}
.page-id-454 .testi-style5:after {
	color:#284851;
}
.page-id-454 .testi-style5 .testi-rating {
    color: #284851;
}
.page-id-454 .link-btn.style2 {
    color: #284851;
}
.page-id-454 .feature-style2 {
    outline: 1px dashed rgb(78 108 69);
}
.page-id-454 .arrow-shape .arrow {
	background-color: #284851;
}
.page-id-454 .text-theme {
    color: #284851 !important;
}
.page-id-454 .curb-shape1 {
	background-color: #eaf4f270;
}
.page-id-454 .accordion-style1 .accordion-item.active, 
.page-id-454 .accordion-style1 .accordion-item:hover {
    border-color: #284851;
}
.page-id-454 .accordion-style1 .accordion-button:hover {
    color: #284851;
}
.page-id-454 .footer-layout1 .copyright-wrap {
    background-color: #ffffff;
}
.page-id-454 .copyright-text {
    color: #000;
}
.page-id-454 .copyright-text a {
    color: #000;
}
.page-id-454 .footer-layout1 .copyright-wrap {
	padding:10px 0;
}
.page-id-454 .footer-layout1 .copyright-wrap .col-md-auto.text-center {
	margin:0 auto;
}
.page-id-454 .vs-btn.style4:hover::before, 
.page-id-454 .vs-btn.style3:hover::before {
    border-color: #284851;
}
.page-id-454 .vs-btn.style7 {
    background-color: #284851;
}
.page-id-454 .vs-btn.style7:hover:before, 
.page-id-454 .vs-btn.style7:hover:after {
	background-color: #19343b;
}
.page-id-454 .link-btn:before {
	background-color: #284851;
}
.page-id-454 .scroll-btn i {
	background-color: #284851;
}
.page-id-454 .parallax:before {
    content: '';
    position: absolute;
    background: #28485169;
    width: 100%;
    height: 100%;
}
.page-id-454 .bg-gradient-2 {
    background-image: linear-gradient(to bottom, transparent 0%, rgb(234 244 242 / 80%) 20%, rgba(0, 0, 0, 0) 100%);
}

.section-sec {
	 overflow:hidden;
	 position: relative;
     z-index: 1;
	 background-repeat:no-repeat;
	 background-size:cover;
     background-image:url(https://lwmedspamassagellc.digitalguider.dev/wp-content/uploads/2026/06/texture-bg.jpg);
}
.section-sec:before{
	position: absolute;
    content: "";
    background-color: #4e6c45;
    width: 100%;
    height: 100%;
    z-index: -1;
	left: 0px;
    top: 0px;
	opacity:0.95;
}

.media-slider.section-sec{
	overflow:visible !important;
}

.cta{
	padding:190px 0px !important;
}
.custome-bg{
	background-color: #e9f3ea;
}


/*-----------------------------------------------
 *  FEEBACK IMPLEMENTION CSS START FROM  
 * --------------------------------------------*/

/* SERVICE CARDS GRID SECTION */
/* =========================================
   CUSTOM SPA SERVICES
========================================= */

.custom-spa-services {
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.custom-spa-services .custom-spa-services__container {
    position: relative;
    width: 100%;
}

.custom-spa-services .custom-spa-services__title-area {
    position: relative;
}

.custom-spa-services .custom-spa-services__subtitle {
    display: inline-block;
}

.custom-spa-services .custom-spa-services__title {
    position: relative;
}


/* Cards Row */

.custom-spa-services .custom-spa-services__row {
    position: relative;
}


/* Individual Column */

.custom-spa-services .custom-spa-services__column {
    position: relative;
}


/* Card */

.custom-spa-services .custom-spa-services__card {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Card Image */

.custom-spa-services .custom-spa-services__image {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
}


/* Card Title */

.custom-spa-services .custom-spa-services__card-title {
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    width: 90%;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    pointer-events: none;
}


/* Button */

.custom-spa-services .custom-spa-services__button {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    background: #3e6e4c;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}


/* Button Hover */

.custom-spa-services .custom-spa-services__button:hover {
    background: #c39d53;
    color: #fff;
}


/* =========================================
   TABLET / MOBILE
========================================= */

@media (max-width: 991px) {

    .custom-spa-services .custom-spa-services__column {
        margin-bottom: 30px;
    }

    .custom-spa-services .custom-spa-services__image {
        height: 380px;
    }

    .custom-spa-services .custom-spa-services__card-title {
        font-size: 1.8rem;
    }

}

/* MASSAGE PAGE CSS START FROM HERE */
.massage-menu-section{
    background:#fafaf6;
}

/* ===========================
   OFFER
=========================== */

.massage-menu-section .massage-offer{
    background: #476d49;
}

.massage-menu-section .massage-offer img{
    height: 100%;
    object-fit:cover;
}

.massage-menu-section .offer-content{
    padding: 20px;
    color:#fff;
}

.massage-menu-section .offer-content h2{
    color:#d9b166;
    font-size: 35px;
    font-style:italic;
    line-height:.9;
    margin-bottom:15px;
}

.massage-menu-section .offer-content h3{
    font-size: 25px;
    margin-bottom:25px;
    color: #fff;
}

.massage-menu-section .offer-content p{
    font-size: 16px;
    line-height:1.7;
    margin-top:20px;
    color: #fff;
}

.massage-menu-section .offer-btn{
    background:#d9b166;
    color:#fff;
    border-radius:0;
    padding:12px 40px;
    font-weight:500;
}

.massage-menu-section .offer-btn:hover{
    background:#c9a050;
    color:#fff;
}

/* ===========================
   MENU
=========================== */

.massage-menu-section .menu-wrapper{
/*     background: #476d49; */
    padding:50px 0;
}

.massage-menu-section .menu-title{
/*     color:#fff; */
    text-align:center;
/*     font-size:60px; */
    font-style:italic;
    margin-bottom:60px;
}

.massage-menu-section .menu-card{
    background:#fff;
    border-radius:8px;
    padding:50px;
    text-align:center;
    height:100%;
}

.massage-menu-section .menu-card h3{
    color:#244c5a;
    font-size:30px;
    font-style:italic;
    margin-bottom:20px;
}

.massage-menu-section .menu-card p{
    color:#666;
    margin-bottom:10px;
    line-height:1.7;
}

.massage-menu-section .price-standard{
    color:#244c5a;
}

.massage-menu-section .price-standard h4{
    text-decoration:underline;
    margin-bottom:15px;
    font-size: 20px;
}

.massage-menu-section .price-standard div{
    font-size:28px;
    margin-bottom:10px;
}

.massage-menu-section .price-member{
    background: #476d49;
    color:#fff;
    padding:20px;
}

.massage-menu-section .price-member h4{
    margin-bottom:15px;
    font-size: 20px;
    color: #fff;
}

.massage-menu-section .price-member div{
    font-size:28px;
    margin-bottom:10px;
}

.massage-menu-section .book-btn{
    margin-top:35px;
    border:1px solid #214b58;
    color:#214b58;
    border-radius:0;
    padding:12px 45px;
}

.massage-menu-section .book-btn:hover{
    background:#214b58;
    color:#fff;
}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:991px){

.massage-menu-section .offer-content{
    padding:35px;
}

.massage-menu-section .offer-content h2{
    font-size:38px;
}

.massage-menu-section .menu-title{
    font-size:42px;
}

.massage-menu-section .menu-card{
    padding:35px;
}

.massage-menu-section .price-standard div,
.massage-menu-section .price-member div{
    font-size:20px;
}

}

@media(max-width:767px){

.massage-menu-section .offer-content{
    text-align:center;
}

.massage-menu-section .menu-card{
    padding:25px;
}

.massage-menu-section .price-standard{
    margin-bottom:20px;
}

}
/*Header css start*/
.vs-header {
	position:absolute;
	width:100%;
}
.custom-nav-header .container {
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.main-menu a {
  color: var(--white-color);
}
.main-menu li ul li a {
	color: var(--title-color);
}
.main-menu ul.sub-menu, .main-menu ul.mega-menu {
	margin-top:12px;
}
.menu-style1 > ul > li > a {
    padding: 0 0;
}
.main-menu > ul > li {
    margin: 0 8px;
}
.right-information {
	display:flex;
	align-items:center;
	gap:12px;
}
.right-information a {
	color:#fff;
	font-family: "Poppins", Sans-serif;
}
.right-information .phone-text {
	font-size:15px;
	font-weight:500;
}
.vs-btn.style3.book-nw-btn:after {
    background-color: #d9af64;
}
.vs-btn.style3.book-nw-btn:hover::before {
    border-color: #d9af64;
}
.vs-btn.style3.book-nw-btn:hover {
    color: var(--white-color);
}
.call-icon {
    width: 18px;
    height: 18px;
    fill: #C69E63;
    display: inline-block;
    margin-right: 5px;
}
.main-menu.menu-style1 {
	display:flex;
	align-items:center;
	gap:20px;
}
.will-sticky .sticky-active {
	background-color: #3e6e4ce0;
}
.vs-menu-toggle {
	background-color: #d9af64;
}
/*Header css end*/
/*Hero banner css start*/
.hero-img {
	height:100vh;
	position: relative;
    overflow: hidden;
}
.hero-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
    );
    pointer-events: none;
    z-index: 1;
}
.hero-img img {
	height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    text-align: center;
    width: 100%;
    max-width: 900px;
    color: #fff;
    padding: 0 15px;
}

.hero-content h1 {
    font-size: 50px;
    line-height: 1.1;
    margin: 30px 0;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    line-height: 80px;
    letter-spacing: 1px;
    font-family: line-height: 80px;
    letter-spacing: 1px;
}

.hero-content span{
    display: block;
    font-size: 18px;
    letter-spacing: 4px;
    color: #d9af64;
    margin-bottom: 15px;
	font-weight:700;
}
.divider-icon {
	margin-bottom:50px;
}
/*Hero banner css end*/
/*Breadcrumb css start*/
.breadcumb-content {
	padding: 200px 0 100px 0;
    text-align: center;
}
/*Breadcrumb css end*/




/* ========================================================
 * OFFER AND DURATION CARDS CSS START FROM HERE  
 * =========================================================*/


.duration_and_offer .lymphatic-card {
    background: #f4f1e8;
    border: 1px solid #3f594b;
    border-radius: 12px;
    padding: 14px 16px;
    max-width: 550px;
    color: #29382f;
}

.duration_and_offer .lymphatic-title {
    margin: 0 0 2px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.duration_and_offer .discount-text {
    color: #c7355b;
    font-size: 34px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 4px;
}

.duration_and_offer .lymphatic-card p {
    font-size: 14px;
    line-height: 1.3;
    color: #333;
}

.duration_and_offer .session-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #35694f;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.duration_and_offer .session-circle span {
    font-size: 22px;
    line-height: 20px;
}

.duration_and_offer .session-circle small {
    font-size: 8px;
    margin-top: 2px;
}

.duration_and_offer .pricing-card {
    max-width: 700px;
    margin: auto;
    padding: 28px 42px;
    background: #f5f3e9;
    border: 1px solid #c8c5b8;
    position: relative;
}

/* Decorative double-border effect */
.duration_and_offer .pricing-card::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid #d2cfc2;
    pointer-events: none;
}

.duration_and_offer .pricing-row {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 8px 0;
    position: relative;
    z-index: 1;
}

.duration_and_offer .leaf-icon {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border: 1px solid #bdbbad;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #737867;
    transform: rotate(-35deg);
}

.duration_and_offer .pricing-time {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    color: #29382f;
    white-space: nowrap;
}

.duration_and_offer .pricing-dash {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    color: #29382f;
}

.duration_and_offer .pricing-price {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 45px;
    color: #476d49;
/*     margin-left: auto; */
    white-space: nowrap;
}

.duration_and_offer .pricing-divider {
    height: 1px;
    background: #cfccbd;
    margin: 4px 0;
    position: relative;
    z-index: 1;
}

/* Mobile */
@media (max-width: 576px) {
   .duration_and_offer .pricing-card {
        padding: 25px 20px;
    }

   .duration_and_offer .pricing-row {
        gap: 10px;
    }

   .duration_and_offer .leaf-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 23px;
    }

   .duration_and_offer .pricing-time {
        font-size: 25px;
    }

   .duration_and_offer .pricing-dash {
        font-size: 24px;
    }

   .duration_and_offer .pricing-price {
        font-size: 27px;
    }
}