/*
Theme Name: Lush Spa
Theme URI: http://example.com/lush-spa
Author: Lush
Author URI: http://example.com
Description: A custom WordPress theme for Lush Spa
Version: 1.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lush-spa
Tags: custom-background, sticky-post, translation-ready, featured-images, custom-logo
Tested up to: 6.7
Copyright (c) 2025.
*/

:root {
  --teal: #fff;
  --teal_hover: #fff;
  --font_f: "Poppins";
  --font_fa: "IvyPresto Display";
}

* {}

/* Header */
.nav-container {
  /* background-color: #00000042 !important; */
  /* border-radius: 14px; */
  padding: 11px 0px;
}

a.nav-link:hover {
  color: #fff;
  cursor: pointer;
}

.desktop-btn {
  display: flex;
}

button.headbtn {
  border: 1px solid var(--teal);
  padding: 10px 26px;
  background: transparent;
  font-family: var(--font_f);
  font-weight: 500;
  font-style: SemiBold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-right: 20px;
  border: 1px solid #FAC807;
}

a.nav-link {
  font-family: var(--font_f);
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--teal);
}

button.navbar-toggler {
  transform: translateY(0px)
}

.hamburger-icon {
  color: #fff;
}

.navbar {
  position: static !important;
  padding: 0 !important;
  /* border-radius: 15px; */
  /* width: 95%; */
  width: 100%;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.my-nav {
  position: absolute;
  /* top: 10px; */
  max-width: 100%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  /* background: #00000042; */
  padding: 0;
  z-index: 9999;
  /* border: 1px solid #00000042; */
  /* backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(28px); */
}

.navbar-nav {
  list-style: none;
  flex-direction: column;
  text-align: center;
}

.navbar-nav .nav-link {
  margin: 0px 0;
  color: #fff;
  font-size: 16px;
}

a.nav-link img {
  width: 40px;
}

.navbar-nav .nav-item {
  margin: 10px 0;
}


/* Slider */
.spa-section {
  background-color: #000;
  padding: 70px 0px;
  /* margin-top: -45px;
    z-index: 99999;
    position: relative; */
}

.spaSwiper {
  width: 90%;
  max-width: 600px;
  margin: auto;
}

.spa-card {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #fff;
  padding: 20px;
  transition: transform 0.3s ease-in-out;
}

.spa-card::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: rgba(0, 0, 0, 0.45); */
  z-index: 1;
}

.spa-content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.spa-content h3 {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin: 0;
}

.spa-content .arrow {
  font-size: 22px;
}

.spa-card:hover {
  transform: scale(1.03);
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.spa-content {
  padding-bottom: 216px;
}

#we-offer {
  background: #000;
  padding: 85px 0px 50px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.social1 {
    display: flex;
    gap: 15px;
}
.whatwe h2 {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-style: Bold;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: capitalize;
  color: #fff;
}

#we-offer p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
  color: #fff;
}
  #we-offer {
    margin-top: -1px;
  } 
.offer-card {
  padding: 15px;
  background: #fff;
}

/* 🟩 Equal height for all offer cards */
.offer-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  /* ensures equal height inside swiper */
  padding: 20px;
}

/* Ensure all slides are same height */
.swiper-slide {
  display: flex;
  height: auto !important;
  text-align: left;
}

.offer-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  margin-bottom: 15px;
}

.offer-card h3 {
  margin-bottom: 10px;
  color: #000;
  font-family: Brygada 1918;
  font-weight: 400;
  font-style: Regular;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
}

.offer-card p {
  flex-grow: 1;
  /* pushes button to bottom */
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 20px;
}

.offer-card button {
  font-family: var(--font_f);
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
  box-shadow: 6px 6px 4px 0px #C4AAA126;
  padding: 12px 26px;
  margin-top: 18px;
  border: 1px solid transparent;
  background: #FBBD00;
  text-align: left;
}

.offer-card button:hover {
  background-color: #e0b87c;
}

.offer-card p {
  color: #000 !important;
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: left;
}

/* Why should You choose */
#choose .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.why-choose {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.why-you {
  width: 25%;
  padding: 70px 25px;
  transition: all 0.3s ease;
}

.why-you1 {
  background: #FFFEFD;
}

.why-you2 {
  background: #FFDC70;
}

.why-you3 {
  background: #FFF0CE;
}

.why-you4 {
  background: #E6D7A8;
}

.why-you h4 {
  margin-bottom: 18px;
  padding: 0 17px;
  font-family: "Brygada 1918";
  font-weight: 500;
  font-style: Medium;
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

.whatwe p span {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.why-you p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000;
}

/* Experience the Best  */
#exp-best {
  background: #000;
  padding: 50px 0;
}

.bestspa {
  display: flex;
  align-items: stretch;
  /* makes both columns equal height */
  justify-content: space-between;
  flex-wrap: wrap;
}

.bestspatxt {
  flex: 0 0 58%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* vertically center text */
  color: #fff;
}

.bestspas {
  flex: 0 0 38%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bestspas img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* ensures full image fill without distortion */
  border-radius: unset;
}

/* --- Text Styling --- */
.bestspatxt h2 {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-size: 40px;
  line-height: 57px;
  color: #fff;
  margin-bottom: 20px;
}

.bestspatxt p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 25px;
}

.bestspatxt button {
  background: #FBBD00;
  box-shadow: 6px 6px 4px 0px #C4AAA126;
  padding: 12px 26px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  align-self: flex-start;
}

.bestspatxt button:hover {
  background: #e0aa00;
  transform: translateY(-2px);
}
.con-offer {
  margin-top: -170px;
}
.bestspatxt button a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.exspa {
  display: flex;
}

/* Our Approach */
.approach {
    text-align: center;
}
#lushex {
    text-align: center;
    padding: 60px 0px;
    background: #000;
    margin-top: -1px;
}
.lushsea h2 {
    font-family: "Brygada 1918";
    font-weight: 400;
    font-style: Regular;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
}
.lushsea p {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}
.approach {
    margin-top: 30px !important;
}
.lushsea h3 {
    font-family: "Brygada 1918";
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color: #FBBD00;
    padding-top: 10px;
}
.approachi p {
    font-family: "Brygada 1918";
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    margin-top: 14px;
}


/* ========= Responsive Design ========= */



/* Blog */
.blog-info {
  text-align: center;
}
#blog a button {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000;
  padding: 12px 26px;
  background: #FBBD00;
  border: unset;
  box-shadow: 6px 6px 4px 0px #C4AAA126;
  margin-top: 40px;
  text-align: center;
}
.blogbtn {
  text-align: center;
}
#blog {
  padding: 70px 0px 250px 0px;
}
.blog-info h5 {
  font-family: 'Brygada 1918';
  font-weight: 700;
  font-style: Bold;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 55px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000;
}
.blog-info p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #161616;
  margin: 10px 0px 23px 0px;
}
.post-date {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18.67px;
  letter-spacing: 1.17px;
  color: #727272;
  text-decoration: none;
  margin-bottom: 10px;
}
.allinfo h3 {
  color: #121212;
  font-family: "Poppins";
  font-weight: 600;
  font-style: Regular;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: left;
  height: 80px;
}
p.post-desc {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 30.33px;
  letter-spacing: 0.35px;
  color: #4A4848;
}
.allinfo h5 {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 55px;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  color: #000;
}
.allinfo a {
  text-decoration: none;
}
.featured-img-title-wrap {
  border: 1px solid #000000;
}
.blog-content {
  padding: 35px 20px 5px 20px;
}
.post-thumbnail .img-fluid {
  width: 100.1%;
}
.blog-content hr {
  border: 1.17px solid #959595;
}
.eapps-widget-toolbar-panel {
  display: none !important;
}
.eapps-instagram-feed-header.es-header {
  display: none !important;
}
.eapps-widget-toolbar {
  display: none !important;
}
.elvg img {
  height: 244px;
}
.eapps-instagram-feed-header-inner {
  display: none !important;
}
.calwht {
    background: #FBBD00;
    padding: 19px 12px;
    display: block;
    border-radius: 20px 0 0 20px;
    position: fixed;
    right: 0;
    top: 57%;
    transform: translateY(-50%);
    z-index: 2;
}
.call {
  border-bottom: 3px solid #000;
  padding-bottom: 12px;
}
.wat {
  padding-top: 12px;
}
.social {
  display: block;
  border-radius: 20px 0 0 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 15px;
}
.insta,
.fac {
  margin-bottom: 8px;
}
.wellnessplanprice {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.price-pack {
  width: calc(25% - 10px);
  box-sizing: border-box;
}
#bestpacp {
  padding: 60px 0px;
  background: #000;
  margin-top:-1px;
}
.bespackages h2 {
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 50px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  color: #fff;
}
.bespackages p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}
.price-packhead h3 {
  background: #AA7C6D;
  color: #fff;
  padding: 12px 0px;
  font-family: "Brygada 1918";
  font-weight: 500;
  font-style: Medium;
  font-size: 26px;
  leading-trim: NONE;
  line-height: 29px;
  letter-spacing: 0%;
  height: 14vh;
}

.price-pack {
  background: #fff;
  text-align: center;
  padding: 0px 0px 40px 0px;
}

.therpies {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}

.price-pack a button {
  font-family: var(--font_f);
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
  box-shadow: 6px 6px 4px 0px #C4AAA126;
  padding: 12px 26px;
  margin-top: 18px;
  border: 1px solid transparent;
  background: #FBBD00;
}

.price-pack h4 {
  font-family: "Poppins";
  font-weight: 600;
  font-style: SemiBold;
  font-size: 26px;
  leading-trim: NONE;
  line-height: 29px;
  letter-spacing: 0%;
  color: #202020;
}

.price-pack h4 span {
  font-family: "Poppins";
  font-weight: 500;
  font-style: Medium;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 29px;
  letter-spacing: 0%;
  color: #000;
}

.therpies .session p {
  font-family: "Poppins";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 29px;
  letter-spacing: 0%;
  color: #000;
}

.price-package p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin-top: 40px;
}

#special-offer {
  padding: 60px 0px;
  background: #000;
  color: #fff;
}

.swoffer h2 {
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 50px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  vertical-align: middle;
  text-transform: capitalize;
}

.swoffer p span {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 22px;
  leading-trim: NONE;
  line-height: 30px;
  letter-spacing: 0%;
}

.swoffer p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 31px;
  letter-spacing: 0%;
}

#join-claim {
  padding: 60px 0px;
  background: #000;
  color: #fff;
}

.claim-offer h2 {
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 50px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
  vertical-align: middle;
  text-transform: capitalize;
}

.claim-offer ol li {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 48px;
  letter-spacing: 0%;
}

.claim-offer ol {
  padding-left: 20px;
}

.join-offer img {
  width: 100%;
}


#benefits-of-spa {
    padding: 0px 0px 118px 0px;
    background: #101010;
}
#benefits-of-spa h2 {
  margin-bottom: 40px;
  font-family: "Brygada 1918";
font-weight: 400;
font-style: Regular;
font-size: 50px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
}

.spa-benefitso {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.spa-benefits {
  width: calc(25% - 20px);
  background: #FBBD00;
  padding: 25px 20px;
  border-radius: 8px;
  text-align: center;
}
.spa-benefits svg {
  margin-bottom: 15px;
}
.spa-benefits h3 {
font-family: "Poppins";
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
color: #000;
}
.spa-benefits p {
font-family: "Poppins";
font-weight: 500;
font-style: Medium;
font-size: 17px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
color: #000;
}
h1.post-title {
    font-family: "Brygada 1918";
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize;
}
.post-content p {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}
.post-content ul li {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}
.post-content h2 {
    font-family: "Brygada 1918";
    font-weight: 700;
    font-style: Bold;
    font-size: 35px;
    leading-trim: NONE;
    line-height: 110%;
}
.blog-list {
    padding: 70px 0px;
}
.post-content h3 {
    font-family: "Poppins";
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: left;
    color: #000;
}
.post-content br{
  display: none;
}

/* Service Page */
/* SECTION STYLING */
#service-gallery {
    padding: 60px 0;
    background: #000;
    margin-top: -1px;
}
#service-gallery h2 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    font-family: Brygada 1918;
    margin-bottom: 40px;
}

/* FLIP CARD MAIN */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 512px;
    perspective: 1000px;
    position: relative;
    cursor: pointer;
    border-radius: 10px;
}

/* INNER WRAPPER */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.7s ease;
    transform-style: preserve-3d;
}

/* FLIP EFFECT */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* FRONT + BACK SHARED */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
}

/* FRONT IMAGE SIDE */
.flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BACK CONTENT SIDE */
.flip-card-back {
    background: #fecd00;
    padding: 25px;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
    overflow-y: auto;
}

/* TITLE + TEXT */
.flip-card-back h3 {
    font-family: "Brygada 1918";
font-weight: 500;
font-style: Medium;
font-size: 30px;
leading-trim: NONE;
line-height: 35px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #000;

}
.flip-card-back h4 {
   font-family:"Poppins";
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;
color: #000;
}
.flip-card-back p {
font-family: "Poppins";
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
color: #000;
margin-bottom: unset;
}

/* BUTTON */
.flip-card-back .bannerbtn {
    margin-top: 15px;
}
.flip-card-back button {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: left;
    color: #000;
    padding: 12px 26px;
    background: #fff;
    border: unset;
    box-shadow: 6px 6px 4px 0px #C4AAA126;
    margin-top: 12px;
    text-align: left;
    margin-bottom: 12px;
    text-decoration: none;
}


/* FIRST CARD FLIPPED BY DEFAULT */
.flip-card.active-flip .flip-card-inner {
    transform: rotateY(180deg);
}
#best-spa .card-img-top {
  height: 180px;
  object-fit: cover;
}
#best-spa .card {
    border-radius: 0px;
    border: 1px solid #FBBD00;
}
#best-spa {
    background: #000;
    padding: 50px 0px 60px 0px;
    margin-top: -1px;
}
#best-spa .card-body{
  border: 1px solid #FBBD00;
}
.footerinfomg img {
    width: 120px;
}

/* Special Welcome Offer — 15% OFF */

#welcome-offer {
  background: #101010;
  padding:60px 0px;
  margin-top: -1pxsssssss;
}

.special-offer-box {
  border: 1px solid #fff;
  padding: 35px;
  color: #ddd;
  background: transparent;
}

.special-offer-box h2 {
 font-family: "Brygada 1918";
font-weight: 400;
font-style: Regular;
font-size: 40px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #FBBD00;
}

.special-offer-box p {
 font-family: "Poppins";
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 31px;
letter-spacing: 0%;
color: #fff;
}
.special-offer-box .highlight {
 font-family: "Poppins";
font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 34px;
letter-spacing: 0%;
  color: #fff;
}

.special-offer-box .small-text {
  font-size: 13px;
  color: #bbb;
}

.special-offer-box ol {
  padding-left: 18px;
}

.special-offer-box ol li,.special-offer-box ol li a {
  font-family: "Poppins";
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 37px;
letter-spacing: 0%;
color: #fff;
text-decoration: none;
}
.pricing-card h4 {
    font-family: "Brygada 1918";
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 38.07px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}
.pricing-card span.pricer {
    font-family: "Brygada 1918";
    font-weight: 700;
    font-style: Bold;
    font-size: 35px;
    leading-trim: NONE;
    line-height: 44.38px;
    letter-spacing: 0%;
    color: #fff;
}
.pricing-card .per {
    font-family: "Poppins";
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 44.38px;
    letter-spacing: 0%;
    color: #fff;
}
.pricing-card a.btn-book {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: left;
    color: #000;
    padding: 12px 26px;
    background: #FBBD00;
    border: unset;
    box-shadow: 6px 6px 4px 0px #C4AAA126;
    margin-top: 12px;
    text-align: left;
    margin-bottom: 12px;
    text-decoration: none;
}
.swiper-slide-active .pricing-card a.btn-book svg path {
    fill: #fff;
}
.swiper-slide-active .pricing-card p.per {
    color: #000 !important;
}
.swiper-slide-active .pricing-card h4 {
    font-family:"Brygada 1918";
    font-weight: 600;
    font-style: SemiBold;
    font-size: 27px;
    leading-trim: NONE;
    line-height: 32.4px;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}
.swiper-slide-active .pricing-card span.pricer{
    font-size: 40px;
    color: #000;
}
 #spa-pricing {
  background: #101010 ;
  padding: 80px 0;
}
.pricing-slider {
  padding: 40px 20px;
}
.pricing-card {
  border-radius: 18px;
  padding: 35px 25px;
  text-align: center;
  transition: all 0.4s ease;
  height: 100%;
  margin-left: 30px;
}
.pricing-card.dark {
  background: #000;
  color: #fff;
}
.swiper-slide-active .pricing-card  {
 background: linear-gradient(180deg, #F3E4C2 0%, #F4AF00 100%);
  color: #000;
  transform: scale(1.08);
}
.pricing-card .badge {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.pricing-card h3,
.pricing-card h4 {
  margin-bottom: 15px;
}
.pricer {
  font-size: 32px;
  font-weight: 700;
}
.pricing-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}
.pricing-card ul li {
 font-family: "Poppins";
font-weight: 500;
font-style: Medium;
font-size: 17px;
leading-trim: NONE;
line-height: 44.38px;
letter-spacing: 0%;
color: #fff;
}
.btn-book.dark {
  background: #000;
  color: #fff;
}
.swiper-slide-active p.per {
    font-family: "Poppins";
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 44.38px;
    letter-spacing: 0%;
    color: #000;
}
.swiper-slide-active .pricing-card ul li {
    font-family: "Poppins";
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 44.38px;
    letter-spacing: 0%;
    color: #000;
}
.swiper-slide-active .pricing-card a.btn-book {
    background: #000;
    color: #fff;
    box-shadow: 6px 6px 4px 0px #C4AAA126;
}
.swiper-slide-active .pricing-card  {
 background: linear-gradient(180deg, #F3E4C2 0%, #F4AF00 100%);
  color: #000;
  transform: scale(1.08);
}
.pricing-card .badge {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.swiper-slide-active span.badge {
    font-family: "Poppins";
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 44.38px;
    letter-spacing: 0%;
    color: #000;
}
#spa-pricing h2 {
    font-family: "Brygada 1918";
    font-weight: 400;
    font-style: Regular;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
}
section#spa-pricing p {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}
#spa-pricing {
    background: #101010;
    padding: 70px 0;
    margin-top: -1px;
}
#terms-condition {
    padding: 120px 0px 45px 0px;
}
#terms-condition {
    background: #000;
    color: #fff;
}
#terms-condition h1 {
    font-family: "Brygada 1918";
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
    vertical-align: middle;
    text-transform: capitalize;
}
#terms-condition p {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: left;
}
#terms-condition h2{
  font-family: "Brygada 1918";
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: left;
vertical-align: middle;
text-transform: capitalize;

}
.client-review a {
    text-decoration: none;
}
.bestspas video {
    height: 563px ;
    width: 100%;
    object-fit: cover;
}
h1.post-title {
    margin-top: 70px;
}
.single-post .nav-container {
    padding: 0;
    background: #000;
}
.gali,.gall-fiv{
    display: flex;
}

#banner p {
    font-family: "Poppins";
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    margin-top: 25px;
}
.privterms {
    display: flex;
    justify-content: center;
    gap: 20px;
    /* color: #fff; */
    margin-bottom: 23px;
}
.privterms a{
    text-decoration: none;
    color: #fff;
}
.contact-n{
    display: flex;
    gap: 15px; /* optional – thoda space ke liye */
}

.contact-ne{
    width: 50%;
}
.client-photo img {
    height: 352px !important;
    object-fit: cover !important;
}

/* Responsive lush */
@media screen and (max-width: 375px) {
#banner {
    padding-top: 88% !important;
  }
  .social{
        top: 40%;
    }
    .homebanner h1 span {
        font-size: 35px !important;
    }
        .homebanner h1 {
        font-size: 21px !important;
    }
}
@media (max-width: 1024px) {
  .why-you {
    width: 50%;
    padding: 100px 20px;
  }
.gfour img {
    margin-top: 40px;
}
  .elvg img {
    height: 203px;
  }

  .gali .gimg1 img {
    height: 70vh;
  }

  .why-you h4 {
    font-size: 1.2rem;
    padding: 0 20px;
  }

  .gseven img {
    height: 536px;
  }

  .why-you p {
    font-size: 0.95rem;
    padding: 0 20px;
  }

  .join-offer img {
    height: 83vh !important;
  }
}
@media (max-width: 991px) {
  .why-you {
    width: 50%;
    padding: 90px 20px;
  }
  .rating {
    justify-content: center;
  }
  .client-review {
    text-align: center !important;
  }
  .client-review {
    margin-bottom: 40px;
  }
  .calwht {
    padding: 15px 10px;
  }
  .social {
    top: 47%;
  }
  .gfour img {
        margin-top: 0px;
    }
  .gmail-txt p br {
    display: none;
  }
  .your-well {
    padding: 177px 0px 24px 0px !important;
  }
  #clients-feedback {
    padding-top: unset !important;
  }
  .bestspas video {
    height: 300px !important;
    padding: 0px 50px;
  }
  #we-offer {
    margin-top: -1px;
  } 
  .your-well h2 {
    margin-top: 44px;
  }
  #wellness {
    margin-top: -187px !important;
  }
  .joinandclaim {
    flex-direction: column !important;
  }
  #banner {
    padding-bottom: 13.5% !important;
    height: 100vh !important;
  }

  .call-away h2 {
    font-size: 30px !important;
    margin-bottom: 13px;
  }

  .contact-banner h1,
  .contact-banner h1 span,
  .about-banner h1,
  .about-banner h1 span {
    font-size: 35px !important;
  }

  .lcontact h3 {
    font-size: 28px !important;
  }

  .gtxt h1 {
    font-size: 35px !important;
  }

  .contactf {
    padding: 30px 30px !important;
  }

  .lcontact h3 {
    margin-bottom: 20px;
  }

  .why-you h4 {
    font-size: 1.1rem;
    padding: 0;
  }

  #contact-form {
    padding-bottom: 30px !important;
  }

  .gtxt p {
    font-size: 17px !important;
  }

  .gali .gimg1 img {
    height: 60vh !important;
  }

  .elvg img {
    height: unset;
  }

  .gthird img {
    height: 396px !important;
  }

  .eig-gallery img {
    height: 65.7vh;
  }

  #galery {
    padding: 130px 0px 30px 0px !important;
  }

  .why-you p {
    font-size: 0.9rem;
    padding: 0;
  }

  .whtweo {
    display: block !important;
  }

  .whatwebtn a button {
    margin-top: 0px !important;
    margin-bottom: 40px;
    margin-left: 0px !important;
  }

  .claim-offer,
  .join-offer {
    width: 100% !important;
  }

  .gtxt1 {
    width: 100%;
  }

  .join-offer img {
    height: unset !important;
  }

  /* .exspa {
    display: block !important;
} */
}
@media (max-width: 480px) {
    .gall-fiv {
    display: block !important;
}
.client-name {
    font-size: 17px !important;
}
.feedback-navigation{
    margin-bottom: 20px;
}
.client-photo {
    padding-top: 30px;
}
.gtxt h1 {
    margin-top: 30px;
}
.gthird img {
    height: 218px !important;
    padding-right: 0px !important;
}
.graret img,.gone img,.grwo img,.gthird img,.gninne img{
    margin-bottom: 20px !important;
}
.exspa {
    display: block;
}
.gtxt2 {
    width: 100% !important;
}
.second-gal {
    display: block !important;
}
.gali {
    display: block !important;
}
.second-gal, .eig-gallery {
    margin-right: unset !important;
}
.eig-gallery img {
    width: 200% !important;
    margin-bottom: 20px !important;
}
/*.gimg1 img {*/
/*    margin-bottom: 20px !important;*/
/*}*/
.gthird img {
    padding-right: 0px !important;
    margin-top: 0px !important;
}
  .why-you {
    padding: 70px 15px;
    width: 100%;
  }
  #blog {
    padding: 70px 0px 170px 0px;
  }
  #faq {
    padding: 0px 0px 22px 0px !important;
 }
  .nav-container{
      padding: unset;
  }
  .calwht {
    padding: 12px 9px;
  }
  .wat a svg, .call a svg {
    height: 17px;
    width: 16px;
    margin-bottom: 3px;
  }
  #banner p {
    margin: 0px 41px;
    display: none;
  }
  .bestspas video {
        height: 240px !important;
        padding: 0px 0px;
    }
      #wellness {
        margin-top: -280px !important;
    }
        .your-well h2 {
        padding-top: 90px;
    }
.offer-info h3 {
        font-size: 20px !important;
        line-height: 45px !important;
    }
  .offer-slider {
    max-width: 100% !important;
  }
.why-offer h4 {
    font-size: 28px !important;
    margin-bottom: 30px;
}
.why-offer h5{
  font-size: 26px !important;
  line-height: 36px !important;
}
  .contact-banner h1,
  .contact-banner h1 span,
  .about-banner h1,
  .about-banner h1 span {
    font-size: 30px !important;
    line-height: 45px !important;
  }

  #banner {
    padding-bottom: 18.3% !important;
    height: 60vh !important;
    padding-top: 73% ;
  }

  .call-away h2 {
    font-size: 27px !important;
    margin-bottom: 13px;
  }

  .lcontact h3 {
    font-size: 25px !important;
  }

  .contact-banner {
    margin: 0px 30px;
  }

  .gtxt2 {
    margin-top: unset !important;
  }

  .gali .gimg1 img {
    height: unset !important;
  }

  .gseven img {
    height: 55vh !important;
    }
  .eig-gallery img,.elvg img,.tty img,.gone img,.grwo img,.gthird img {
    height: 50vh;
  }

  #galery {
    padding: 80px 0px 0px 0px !important;
  }

  .sfooter {
    display: block !important;
    text-align: left !important;
  }

  .copyright {
    text-align: left;
  }

  #footer hr {
    width: 100% !important;
    margin: unset !important;
  }

  .luso1 p {
    border-right: unset !important;
  }

  .copy-footer {
    padding-bottom: 1px;
  }

  .bestspatxt {
    padding: 15px;
  }

  .why-you h4 {
    font-size: 1rem;
  }

  .why-you p {
    font-size: 0.85rem;
  }

  .exspa1 {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .spa-benefits {
    width: calc(50% - 20px);
  }
}
@media (max-width: 576px) {
  .spa-benefits {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .bestspa {
    flex-direction: column-reverse;
    align-items: center;
  }

  .offer-slider {
    width: 105% !important;
  }

  .our-journey {
    display: block !important;
  }

  .journeyo,
  .jouenimg {
    width: 100% !important;
    padding: 0px 40px !important;
  }

  .jouen1 img {
    padding-left: unset !important;
    margin-top: 30px;
  }

  .copy-footer {
    display: block !important;
    text-align: center;
  }

  .bestspas,
  .bestspatxt {
    flex: 0 0 100%;
    max-width: 100%;
    /* padding: 30px 20px; */
  }

  .bestspas {
    height: auto;
  }

  .bestspatxt {
    width: 100% !important;
    text-align: left !important;
    background: #000;
  }

  .bestspas {
    width: 100% !important;
    color: #000;
  }

  .bestspatxt h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .bestspatxt p {
    font-size: 16px;
    line-height: 28px;
  }

  #we-offer h4,
  #we-offer h5 {
    color: #fff;
  }

  .bestspatxt button {
    margin: unset;
  }

  .bestspas img {
    width: 80%;
    height: auto;
    border-radius: 8px;
  }
}
@media (max-width: 576px) {
  #exp-best {
    padding: 40px 15px;
  }
  #service-gallery h2 {
    font-size: 35px !important;
  }
  .special-offer-box h2 br {
    display: none;
    }
  #service-gallery,#best-spa{
      padding-top: 0px !important;
  }
   .flip-card {
        height: 450px;
    }
.bestspatxt h2, .whatwe h2, #clients-feedback h2, .blog-info h5, .faq-head h2,.journeyo h2,.our-tem h2,.your-well h2,.life-spa h2,.Franchise h2,.lushsea h2,#spa-pricing h2,.special-offer-box h2,#benefits-of-spa h2{
    font-size: 28px !important;
    line-height: 38px !important;
  }
  .life-spa h2{
      margin-top: 50px;
  }
  #visionary {
    padding: 70px 0px 0px 0px !important;
    }
  .Franchise {
    padding-top: 40px  !important;
    }
  #journey {
    padding: 50px 0px !important;
    }
    .journeyo p span{
        font-size: 20px !important;
    }
  .bestspatxt p {
    font-size: 15px;
    line-height: 26px;
  }
  .bestspatxt button {
    padding: 10px 22px;
  }
  .bestspas img {
    width: 100%;
  }
}
@media screen and (max-width:1440px) {
  .homebanner {
    padding: 0px 50px;
  }
}
@media (min-width: 1400px) {
.gtxt2 {
    margin-top: -3px !important;
}
.elvg img {
    height: 290px;
}
}
@media (min-width: 1340px) {
  .feedback-box {
     max-width: 75% !important;
  }
}
@media (min-width: 1358px) {
    #wellness {
        margin-top: -259px !important;
    }
    .your-well {
        padding: 305px 0px 24px 0px !important;
    }
}
@media (min-width: 2000px) {
  .journeyo {
    padding-top: 120px;
    }
    .gseven img {
    height: unset !important;
}
}
@media (min-width: 1025px) and (max-width: 1318px) {
  .why-you h4 {
    padding: unset;
  }

  .woffer-card h3 {
    height: 9vh;
  }

  .woffer-card p {
    height: 43vh !important;
  }
}
@media screen and (max-width:1024px) {
  .headbtn {
    color: var(--teal);
    transform: translateX(-90px) !important;
  }
  .woffer-card p{
    height: 55vh !important;
 }
.bestspas video{
    height: 660px;
}
  a.navbar-brand {
    transform: translateX(90px) !important;
  }
}
@media (max-width:991px) {
  .navbar-collapse {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #000000dd;
    flex-direction: column;
    display: none;
    padding: 20px 0;
    text-align: center;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: unset !important;
  }
  .my-nav {
    background: #000;
    position: fixed;
    top: 0;
  }
  .woffer-card p {
        height: 40vh !important;
    }
.quote.open svg, .quote.close svg {
    height: 25px;
}
.feedback-navigation .swiper-button-prev, .feedback-navigation .swiper-button-next {
    width: 0px;
}
  .allinfo {
    width: 50% !important;
    margin-top: 30px !important;
  }

  .navbar-nav .nav-link {
    margin: 0px 0;
    color: #fff;
    font-size: 26px;
  }

  .mobile-btn {
    display: none;
    margin-top: 20px;
    justify-content: center;
  }

  .homebanner h1 {
    font-size: 36px !important;
  }

  .bnbtn {
    margin: 26px 0px;
  }

  a.navbar-brand img {
    width: 58%;
    transform: translateX(-70px);
  }

  .homebanner p {
    font-size: 21px;
    margin-top: 20px;
  }

  .headbtn {
    transform: translateX(-30px);
  }

  a.navbar-brand {
    transform: translateX(30px);
  }

  button.navbar-toggler {
    position: relative;
    order: 3;
  }

  button.headbtn {
    margin-right: 0px;
  }

  .navbar-collapse.show .mobile-btn {
    display: inline-flex;
    margin: unset;
    transform: translateX(0px) !important;
  }

  .navbar-collapse.show {
    display: flex;
  }

  navbar-collapse {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #000000dd;
    flex-direction: column;
    display: none;
    padding: 20px 0;
    text-align: center;
  }

  .navbar-nav {
    flex-direction: column;
  }

  .homebanner h1 span {
    font-size: 38px !important;
  }

  .price-pack {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1900px) {
    .woffer-card p {
        height: 23vh !important;
    }
}
@media (min-width: 2132px) {
    .woffer-card p {
        height: 23vh !important;
    }
}
@media (min-width: 1550px) and (max-width:1800px) {
    .why-you h4 {
        height: 14vh !important;
    }
    .gseven img {
    height: unset !important;
    }
}
@media (min-width: 1881px) and (max-width:2131px) {
       .why-you h4 {
        height: 11vh !important;
    }
    .gseven img {
    height: unset !important;
    }
}

@media screen and (max-width:480px) {
  .homebanner {
    padding: 0px 10px;
  }
  .social {
    margin-left: 5px;
    }
    .social {
        top: 59%;
    }
    .calwht {
     top: 44%;
    }
  .gfour img {
        height: 280px;
    }
  .pricing-card.dark {
    margin-left: unset;
    }
  .woffer-card p {
        height: 30vh !important;
    }
  .homebanner p {
    font-size: 15px;
  }
  .homebanner h1 {
    font-size: 20px !important;
    margin: 0px 2px;
  }
  .homebanner h1 span {
    font-size: 34px !important;
  }
  .headbtn {
    transform: unset;
  }
  a.navbar-brand {
    transform: translateX(20px);
  }
  .tan-head h2 {
    font-size: 30px !important;
  }
  .allinfo {
    width: 100% !important;
  }
  .feedback-navigation .swiper-button-prev ,.feedback-navigation .swiper-button-next {
    display: none;
  }
  .review-text{
    font-size: 17px !important;
  }
      .feedback-box {
        padding: 0px 15px !important;
    }
    p.quote.open svg , p.quote.close svg {
    height: 30px;
    width: 30px;
    }
    p.quote.close svg {
        margin-top: -34px;
    }
    span.stars svg {
    height: 28px;
    width: 120px;
    }
    .client-review {
    flex: 1;
    max-width: 550px;
    text-align: left;
    position: relative;
    margin-left: 15px;
  }
}

@media (max-width: 340px) {
    .homebanner h1 {
    font-size: 17px !important;
 }
.homebanner h1 span {
   font-size: 35px !important;
 }
#banner p {
    font-size: 18px !important;
}
}
@media (max-width: 768px) {
  .feedback-content {
    flex-direction: column;
    text-align: center;
  }
  .client-img img {
    width: 80%;
    max-width: 300px;
  }
  .client-text {
    text-align: center;
  }
  .feedback-box {
    padding: 25px;
  }
  .review-btn {
    font-size: 0.9rem;
  }
}
@media (max-width: 768px) {
  #faq {
    padding: 50px 20px;
  }
  .faq-head h2 {
    font-size: 26px;
  }
  .faq-question {
    font-size: 14px;
    padding: 18px;
  }
}
@media (max-width: 768px) {
  #offers {
    padding: 50px 20px;
  }

  .offer-box {
    height: 150px;
  }

  .offer-info h3 {
    font-size: 16px;
  }

  .offer-info {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .feedback-content {
    flex-direction: column;
    text-align: center;
  }
  .client-review {
    text-align: center;
    max-width: 100%;
  }
  .quote.open {
    left: 0;
    position: relative;
  }
  .review-btn-box {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 20px;
  }
}





















/* Banner */
.banner img {
  width: 100%;
}

#banner {
  text-align: center;
}

.homebanner button {
  font-family: var(--font_f);
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
  box-shadow: 6px 6px 4px 0px #C4AAA126;
  padding: 12px 26px;
  margin-top: 18px;
  border: 1px solid transparent;
  background: #FBBD00;
}

.headbtn {
  color: var(--teal);
  transform: translateX(-150px);
}

a.navbar-brand {
  transform: translateX(150px);
}

.homebanner h1 {
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  color: #fff;
}

.homebanner h1 span {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-style: Bold;
  font-size: 60px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  color: #fff;
}

.homebanner p {
  font-family: Poppins;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin-top: 25px;
}

.navbar-toggler {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
  z-index: 9999;
}

a.navbar-brand {
  z-index: 1;
}

.collapse.navbar-collapse.show {
  display: block !important;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  background: #1a0a03;
  padding: 115px 0px 0px 0px;
  height: 100vh;
}

.hamburger-icon {
  display: inline-block;
  position: relative;
}

.collapse.show {
  display: block !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: unset;
}

.bnbtn {
  font-weight: 500;
}




/* Insta */
#insta h2 {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-style: Bold;
  font-size: 50px;
  leading-trim: NONE;
  line-height: 55px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #fff;
  text-align: center;
}

#insta p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

#insta {
  background: #000;
  padding: 50px 0px 0px 0px;
}


/* Footer */
#footer {
  background: #000;
}

.main-footer {
  padding: 53px 0px 15px 0px;
}

.footerinfomg p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 0%;
  color: #fff;
}

.quick-links ul li a{
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 243.00000000000003%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #fff;
  text-decoration: none;
}

.quick-links h5,
.reach-us h5 {
  font-family: "Brygada 1918";
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #fff;
}

.reach-us p a,
.reach-us p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
  color: #fff;
  text-decoration: none;
}

/* Slider */

.spa-section {
  background-color: #3a3432;
  padding: 50px 0;
}

.spaSwiper {
  width: 90%;
  max-width: 600px;
  margin: auto;
}

.spa-card {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #fff;
  padding: 20px;
  transition: transform 0.3s ease-in-out;
}

.spa-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.spa-content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.spa-content h3 {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin: 0;
}

.spa-content .arrow {
  font-size: 22px;
}

.spa-card:hover {
  transform: scale(1.03);
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.spa-content {
  padding-bottom: 216px;
}

.why-offer {
  text-align: center;
  margin-top: 70px;
}

.why-offer h4 {
  font-family: 'Brygada 1918';
  font-weight: 700;
  font-style: Bold;
  font-size: 40px;
  leading-trim: NONE;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.why-offer p {
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 20px !important;
  leading-trim: NONE;
  line-height: 100% !important;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin-top: 20px;
}

.why-offer h5 {
  font-family: "Brygada 1918";
  font-weight: 600;
  font-style: Italic;
  font-size: 35px;
  leading-trim: NONE;
  line-height: 66px;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

.why-offer p {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

/* FAQ Section */
#faq {
  background: #000;
  color: #fff;
  padding: 70px 0px 75px 0px;
  font-family: 'Poppins', sans-serif;
  margin-top: -1px;
}

.faq-head {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}

.faq-head h2 {
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}

.faq-head p {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
}

.faq-accordion {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  border: 1px solid rgba(255, 200, 87, 0.4);
  border-radius: 29px;
  margin-bottom: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item.active {
  border-color: #ffc857;
}

.faq-question {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  text-align: left;
  padding: 20px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Brygada 1918";
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  vertical-align: middle;
  line-height: 32px;
}

.faq-question:hover {
  color: #ffc857;
}

.faq-icon {
  font-size: 28px;
  color: #ffc857;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 0px 15px 20px 25px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

.faq-answer p {
  margin: 0;
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 32px;
  letter-spacing: -0.41px;
  vertical-align: middle;
  color: #fff;
}
/*------------------------------------
   Offers Section (No Swiper)
------------------------------------*/
#offers {
  background-color: #000;
  font-family: "Poppins", sans-serif;
}

.offer-container {
  display: flex;
  flex-direction: column;
  /* gap: 25px; */
  max-width: 900px;
  margin: 0 auto;
}

/* Offer Box */
.offer-box {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.3s ease;
  ;
}

.offer-box:hover {
  transform: translateY(-4px);
  filter: brightness(0.7);
}

/* Content Overlay */
.offer-info {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: top;
  justify-content: space-between;
  padding: 58px 30px;
  color: #fff;
}

.offer-info h3 {
  font-family: "Brygada 1918";
  font-weight: 600;
  font-style: Italic;
  font-size: 37px;
  leading-trim: NONE;
  line-height: 64px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #fff;
}

.offer-info h3 {
  max-width: 70%;
}

.offer-arrow {
  font-size: 22px;
  color: #fff;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease;
  margin-top: 40px;
}

.offer-box:hover .offer-arrow {
  transform: translateX(5px);
  opacity: 1;
}



/* Clients Feedback */

/* Section styling */
#clients-feedback {
  background-color: #000;
  color: #fff;
  padding: 80px 0;
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin-top: -1px;
}

#clients-feedback .section-title {
  font-family: "Brygada 1918";
  font-weight: 700;
  font-style: Bold;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 55px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #fff;
}

#clients-feedback .section-subtitle {
  color: #fff;
  margin: 15px 0px 40px 0px;
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

/* Outer feedback box */
.feedback-box {
  position: relative;
  border: 1px solid #ffb100;
  display: inline-block;
  padding: 40px;
  max-width: 100%;
  background-color: #0d0d0d;
}

/* Review button bottom right */
.review-btn-box {
  position: absolute;
  right: 20px;
  bottom: -30px;
}

.review-btn {
  background: #ffb100;
  border: none;
  color: #000;
  padding: 12px 25px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
}

.review-btn:hover {
  background: #ffd74f;
}

/* Feedback content */
.feedback-content {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  gap: 40px;
}

.client-photo img {
  border-radius: 4px;
  width: 280px;
  height: auto;
  object-fit: cover;
}

.client-review {
  flex: 1;
  max-width: 550px;
  text-align: left;
  position: relative;
}

.quote {
  color: #ffb100;
  font-size: 50px;
  font-weight: bold;
  line-height: 0.5;
}

.review-text {
  font-family: "Poppins";
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 37px;
  letter-spacing: 0%;
  color: #fff;
}

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

.google-icon {
  width: 22px;
  margin-right: 8px;
}

.stars {
  color: #ffb100;
  font-size: 1.2rem;
}

.client-name {
  font-family: "Poppins";
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.client-role {
  color: #fff;
  font-family: "Poppins";
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

p.quote.close {
  margin-top: -28px !important;
  position: absolute;
  left: 79%;
}

/* Navigation */
.feedback-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -25px;
  gap: 15px;
}

.swiper-button-prev,
.swiper-button-next {
  color: #ffb100 !important;
}

.page-count {
  font-size: 0.95rem;
  color: #fff;
}





/* ===== GENERAL STYLING ===== */
body {
  background-color: #000;
  font-family: "Poppins", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}

#clients-feedback {
  padding: 80px 20px;
  text-align: center;
}

#clients-feedback h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 10px;
}

#clients-feedback .subtitle {
  font-size: 1rem;
  color: #aaa;
  margin-bottom: 40px;
}

/* ===== FEEDBACK BOX ===== */
.feedback-box {
  border: 1px solid #ffb100;
  padding: 40px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #0d0d0d;
}
.feedback-content {
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  gap: 40px;
}
.client-img img {
  width: 300px;
  border-radius: 10px;
  object-fit: cover;
}
.client-text {
  text-align: left;
  max-width: 550px;
  position: relative;
}
.quote-icon {
  font-size: 50px;
  color: #ffb100;
  line-height: 1;
}
.feedback {
  font-size: 1rem;
  line-height: 1.6;
  color: #ccc;
  margin-bottom: 15px;
}
.rating {
  font-size: 20px;
  color: #ffb100;
  margin-bottom: 20px;
}
.feedback-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #222;
  margin-top: 40px;
  padding-top: 20px;
}
.arrows {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
}
.review-btn {
  background-color: #ffb100;
  color: #000;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.review-btn:hover {
  background-color: #ffcc40;
}
.second-gal {
  display: flex;
}

/*Blog Page*/

#blog1 {
    padding: 90px 0px 110px 0px;
}
.blog-info1 h5 {
    font-family: 'Brygada 1918';
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 55px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000;
    text-align: center;
}
.blog-info1 p {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #161616;
    margin: 10px 0px 23px 0px;
}
.post-date1 {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 18.67px;
    letter-spacing: 1.17px;
    color: #727272;
    text-decoration: none;
    margin-bottom: 10px;
}
.allinfo1 a{
    text-decoration: none;
}
.allinfo1 {
    padding-top: 30px;
}
.blog-pagination {
    padding-top: 40px;
    text-align: center;
}
span.page-numbers.current, a.page-numbers, a.next.page-numbers {
    font-size: 20px;
    padding: 7px 15px;
    /* border: 1px solid #000; */
    text-decoration: none;
    color: #000;
}
.allinfo1 h3 {
    color: #121212;
    font-family: "Poppins";
    font-weight: 600;
    font-style: Regular;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: left;
    height: 80px;
}
.blog-content1 hr {
    border: 1.17px solid #959595;
}
p.post-desc1 {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 30.33px;
    letter-spacing: 0.35px;
    color: #4A4848;
}
.allinfo1 h5 {
    font-family: "Poppins";
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 55px;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: #000;
}
.featured-img-title-wrap1 {
    border: 1px solid #000000;
}
.blog-content1 {
    padding: 35px 20px 5px 20px;
}
.post-thumbnail1 .img-fluid {
    width: 100.1%;
}
.error404 .nav-container {
    background: #000;
    padding: 0;
}
section#error404 {
    padding: 200px 0px 130px 0px;
    text-align: center;
}