/** Shopify CDN: Minification failed

Line 2364:0 Unexpected "}"

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

@font-face {
  font-family: 'Classy Vogue';
  src: url('https://houseofmanifestation.com/wp-content/uploads/2025/11/ClassyVogue.ttf') format('truetype');
}

/* Then use it */
h1 {
  font-family: 'Classy Vogue', serif;
}

html,
body {
  font-family: "Urbanist", sans-serif;
}

#app {
  font-family: "Urbanist";
  color: #000000;
}

.btn-primary {
  border: 3px solid white;
  background-color: transparent;
  color: white;
  padding: 12px;
  border-radius: 12px;
  border: 3px solid #fff;
}

.btn-primary:hover {
  background-color: #d9c2b0 !important;
  color: white !important;
  border: 3px solid #fff;
}

.btn-primary:disabled {
  background-color: #d9c2b0 !important;
  color: white;
  border: #fff;
}

.banner-info button {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.04em;
  color: #ffffff;
  width: 50% !important;
}

.container-space-y {
  padding: 150px 0px;
}

.banner-container {
  color: #fff;
  background: url(https://nxmcdn.com/images/nxmvue/capture/nxmvue_capture_banner_bg.png)
    no-repeat center center / 100% 100%;
}

.slideshow-container {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 800px;
  /* Adjust the width as needed */
}

.mySlides {
  display: none;
}

.mySlides.active {
  display: block;
}

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

.slide-image {
  flex: 0 0 30%;
  /* Adjust the width of the image container */
}

.slide-quote {
  flex: 0 0 70%;
  /* Adjust the width of the quote container */
}

.slide-quote .author {
  margin-top: 10px;
  color: rgba(207, 163, 162, 0.34);
  font-family: "Gotham";
  font-style: normal;
  font-weight: 400;
  font-size: 70px;
  line-height: 84px;
}

p.author-title {
  font-family: "Times";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #4c9bd2;
}

p.author-quote {
  font-family: "Times";
  font-style: italic;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0.02em;
  color: #000000;
}

.dot-container {
  text-align: center;
  margin-top: 20px;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #e1dfd5;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active {
  background-color: #cfa3a2;
}

.w-title {
  font-family: "Times";
  font-style: normal;
  font-weight: 400;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 0.02em;
  color: #4c9bd2;
  backdrop-filter: blur(2px);
}

.winning-product-container {
  background-color: rgba(74, 124, 178, 0.12);
}

.w-custom-list {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: rgba(32, 67, 100, 0.9);
}

.w-custom-list li {
  position: relative;
  margin-bottom: 15px;
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: rgba(32, 67, 100, 0.9);
}

.w-custom-list li::before {
  content: "";
  position: absolute;
  left: -17px;
  top: 18px;
  bottom: 0;
  width: 2px;
  background-color: #204364;
}

.premium-container {
  background-image: url(https://nxmcdn.com/images/nxmvue/capture/nxmvue_capture_premium_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.error {
  color: red;
  float: left;
}

.is-invalid {
  border-color: red;
}

form#signupform {
  padding: 1.5em;
  margin-top: 0.5em;
}

.form-group {
  margin-top: 2em !important;
}

.btn-close {
  float: right;
  font-weight: 100;
  text-shadow: 0 1px 0 #fff;
  line-height: 1;
  border: none;
  background-color: #fff;
  color: #b8b8b8;
}

.close {
  font-size: 2.5rem !important;
  margin-right: 5px !important;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

h2.premium-title.text-white {
  color: #fff;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1.6px;
}

button.btn.btn-primary.start-with {
  color: #fff;
  font-size: 25px;
  letter-spacing: 1px;
  border-radius: 12px;
  margin-top: 1em;
}

/* .form-group input {
  box-sizing: border-box;
  border-radius: unset;
  width: 100%;
  font-size: 14px;
  padding: 20px 10px 20px 0;
  border-bottom: 2px solid #d1a39d !important;
  border-left: unset;
  border-right: unset;
  border-top: unset;
} */

.form-control::placeholder {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.65);
}

.recaptcha-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

button.btn-submit {
  background-color: #204364;
  border-radius: 8px;
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}

button.btn-submit:hover {
  color: #fff;
  background-color: #3f97d1;
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.02em;
}

.sponsor_name {
  font-family: "Times";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0.03em;
  color: #3b8aaf;
}

/* MY CSS */

.navbar-toggler {
  border-color: #fff;
  color: #fff;
}

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

.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://houseofmanifestation.com/wp-content/uploads/2025/05/kathleen_bg_4-1080p.mp4);
  z-index: -1;
}

.nav-link {
  color: #fff;
}


.banner-text {
  /* width: 824px; */
  margin-top: -2%;
  font-size: 16px;
}

.you-are-invited h2{
    font-family: 'Classy Vogue';
    font-size: 50px;
    text-transform: uppercase;
}

.btn-enroll {
  background-color: #C0A06E !important;
  border-radius: 4px !important;
  color: #020101 !important;
  padding: 15px 71px 15px 71px !important;
}

.btn-enroll:hover {
  background-color: #C0A06E !important;
  color: #fff !important;
}

.translate-middle {
  transform: translate(0%, -15%) !important;
}

.transformational {
  min-height: 711px;
  color: #fff;
  background-image: url(https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-179-scaled.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.transformational::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Adjust opacity as needed */
  z-index: 1;
}

.transformational > * {
  position: relative;
  z-index: 2;
}

.transformational h1 {
  font-size: 63px;
  font-family: "Classy Vogue";
  line-height: 100%;
  margin-bottom: 4%;
}

.what {
  /* height: 682px; */
  height: 70vh;
  background: url(https://nxmcdn.com/images/HOM/corp-site/what.png) no-repeat
    top center / cover;
}

.what h1:nth-of-type(1) {
  font-size: 101px;
  font-family: "Urbanist";
  margin-bottom: -1%;
  font-weight: 500 !important;

}

.what h1:nth-of-type(2) {
  font-size: 45px;
  font-family: "Urbanist";
  font-weight: 500 !important;
}

/* BANNER SECTION */
.banner {
  height: 95vh;
  color: #fff;
  min-height: 816px;
  position: relative;
  overflow: hidden;
  padding-bottom: 100px; /* Space for video to start */
}

.banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

/* UNLOCK VIDEO SECTION */
.unlock {
  position: relative;
  margin-top: -150px; /* Overlap with banner */
  padding: 0;
  margin-bottom: 10px; /* Space before sticky nav */
}

.unlock .container {
  max-width: 1140px;
  padding: 0 15px;
}

.unlock iframe {
  width: 100%;
  max-width: 1024px;
  aspect-ratio: 16/9;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

/* STICKY NAV */
/* .sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 0.5px solid #ffeee14f !important;
  height: 53px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  color: #000 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0% 0.5% 0% 0.5% !important;
  width: 1140px !important;
  margin: 0 auto 20px auto !important;
  z-index: 111 !important;
} */
.sticky {
  position: sticky;
  top: 10px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 0.5px solid #ffeee14f;
  height: 53px;
  border-radius: 6px;
  font-size: 15px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  width: 100%;
  max-width: 1024px;
  margin: 20px auto;
  z-index: 111;
}

.sticky.is-fixed {
  position: fixed;
  top: 46px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

#faq-section {
  scroll-margin-top: 100px; 
}

/* #who {
  scroll-margin-top: 100px; 
} */

#membership {
  scroll-margin-top: 100px; 
}

#pillars {
  scroll-margin-top: 150px; 
}

#meet-the-team{
  scroll-margin-top: 150px; 

}



.sticky a {
  color: #000 !important;
}

.sticky-menu {
  color: #bdae94;
  padding: 16px;
}

.sticky-menu:hover {
  background-color: #bdae9438;
  color: #bdae94;
  border-radius: 4px;
  transition: 0.4s;
  cursor: pointer;
}

.sticky-menu2 {
  background-color: #bdae94;
  color: #020101;
  padding: 8px 36px 8px 36px;
  border-radius: 4px;
}

.sticky-menu2:hover {
  cursor: pointer;
  color: #fff;
}


.btn-envisioned {
  background-color: #bdae94 !important;
  border-radius: 4px !important;
  color: #020101 !important;
  padding: 12px 71px 12px 71px !important;
}

.btn-envisioned:hover {
  background-color: #bdae94 !important;
  color: #fff !important; 
}


.pillars {
  background-color: #000;
  color: #fff;
  padding: 2% 0% 2% 0%;
}

.pillars-p2 {
  font-size: 63px;
  font-family: "Classy Vogue";
}

.pillar-box{
  min-height: 70vh;
  position: relative;
}

.pillar-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* Adjust opacity */
  z-index: 1;
  transition: all 0.2s ease-in-out;
}

.pillar-box:hover::before {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.pillar-box > * {
  position: relative;
  z-index: 2;
}

.pillar-box-1{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-189-scaled.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-box h2{
  font-size: 180px;
  font-family: "Classy Vogue";
}

.pillar-box p{
  font-size: 12px;
}

.pillar-box-2{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-11.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-box-3{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-173-scaled.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-box-4{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-168-scaled.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-box-5{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-171.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-box-6{
  background-image: url("https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-194.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pillar-sect2-heading{
  font-size: 45px;
  font-family: "Classy Vogue";
  text-transform: uppercase;
}

.lists {
  margin-left: -3%;
}

.list {
  margin-left: 3%;
}

.list-h {
  color: #ffffff18;
  font-size: 200px !important;
}

.list-number {
  color: #ffffff30;
  font-size: 210px !important;
  line-height: 95%;
}

.list-h2 {
  font-size: 45px !important;
  text-transform: uppercase;
  /* margin-bottom: -1%; */
  font-family: "Classy Vogue";
}

.list-p {
  font-size: 16px !important;
  font-family: "Urbanist" !important;
}

.list-p2 {
  font-size: 16px !important;
  font-family: "Urbanist" !important;
  margin-left: 12%;
}

.list-h22 {
  font-size: 50px !important;
  text-transform: uppercase;
  margin-left: 12%;
}

.desc {
  margin-left: -2%;
}

.who {
  color: #fff;
  background-image: url(https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-11.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 48px 0px;
  height: 100%;
}

.who::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Adjust opacity as needed */
  z-index: 1;
}

.who > * {
  position: relative;
  z-index: 2;
}

.who-title{
  font-size: 63px;
  font-family: 'Classy Vogue' !important;
}

.r-num {
  margin-left: -10% !important;
}

.l-num {
  /* margin-right: -10% !important; */
}

.who .list {
  margin-left: 0%;
  font-family: "Urbanist";
}

.who .list-h2 {
  font-size: 45px !important;
  font-family: "Classy Vogue";
  /* line-height: 60%; */
}

.toppp .list-number {
  margin-top: -15%;
}

.who h1 {
  text-transform: uppercase;
}

.who .list-number {
  color: #ffffff30;
  font-size: 200px !important;
  font-family: "Classy Vogue";
  line-height: 95%;
}
.who .list-p {
  font-family: "Urbanist" !important;
}

.why {
  padding: 5% 0% 5% 0%;
}

.why .title {
  font-family: "Classy Vogue";
  font-size: 101px;
  justify-self: center;
}

.why .subtitle {
  font-family: "Classy Vogue";
  font-size: 45px;
  text-transform: uppercase;
  justify-self: center;
}

.why-holder {
  border-top: 1px solid black;
  padding: 1.5% 0% 1.5% 0%;
}

.why-holder2 {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 1.5% 0% 1.5% 0%;
}

.why-holder h2 {
  font-family: "Classy Vogue";
  font-size: 28px;
  text-transform: uppercase;
}

.why-holder2 h2{
  font-family: "Classy Vogue";
  font-size: 28px;
  text-transform: uppercase;
}

.why-holder p {
  font-size: 16px;
}

.membership {
  /* height: 2816px; */
  height: inherit;
  padding: 5% 0% 2% 0%;
  color: #fff;
  background: url(https://nxmcdn.com/images/HOM/corp-site/membership-bg.png)
    no-repeat top center / cover;
}

.membership-title{
  font-size: 55px ;
}

.membership h2 {
  font-family: "Classy Vogue";
  font-size: 34px;
  text-transform: uppercase;
}

.membership h1 {
  font-family: "Classy Vogue";
  font-size: 45px;
  text-transform: uppercase;
  line-height: 100%;
}

.book-desc h1 {
  font-size: 45px;
  font-family: "Classy Vogue";
}

.membership p {
  font-size: 16px;
}

.books {
  margin: 5% 0% 5% 0%;
}

.books h1 {
  font-size: 45px;
}

.meet-our-guest {
  /* padding: 4% 0% 5% 0%; */
  /* height: 2660px; */
  height: inherit;
  color: #fff;
  background-color: #000;
}

.meet-our-guest h1 {
  font-family: "Classy Vogue";
  font-size: 90px;
  line-height: 100%;
}

.guest {
  padding: 0.5%;
  min-height: 540px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  transition: filter 0.2s ease-in-out;
}

.guest:hover {
  filter: brightness(70%);
}

.guest-1 {
  background-image: url('https://nxmcdn.com/images/HOM/corp-site/kathleen-cameron.png');
}

.guest-2 {
  background-image: url('https://nxmcdn.com/images/HOM/corp-site/eric-bigger.png');
}

.guest-3 {
  background-image: url('https://houseofmanifestation.com/wp-content/uploads/2025/11/Maraya-Brown-1.jpg');
}

.guest-content {
  width: 100%;
  text-align: center;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
}

.guest-content.hovered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0;
}

.guest h1 {
  font-size: 60px;
  text-transform: uppercase;
  line-height: 100%;
  margin-bottom: 0.5rem;
}

.guest p {
  font-size: 16px;
  font-family: "Urbanist";
  margin: 0;
}

.guest-description {
  font-size: 16px;
}

.meet-the-team {
  height: inherit;
  background-color: #000;
  color: #fff;
  padding: 7% 0% 5% 0%;
}

.meet-the-team h1 {
  text-transform: uppercase;
  font-family: "Classy Vogue";
}

.meet-the-team .title {
font-size: 80px;
}
.team {
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  transition: filter 0.2s ease-in-out;
}

.team:hover {
  filter: brightness(60%);
}

.team-1 {
  background-image: url('https://nxmcdn.com/images/HOM/corp-site/team/Jen-Perman.png');
}

.team-2 {
  background-image: url('https://nxmcdn.com/images/HOM/corp-site/team/Shannon-Beardsmore.png');
}

.team-content {
  width: 100%;
  text-align: center;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
}

.team-content.hovered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 0;
}

.team h1 {
  text-transform: uppercase;
  font-family: "Classy Vogue";
  line-height: 100%;
  margin-bottom: 0.5rem;
  font-size: 40px;
}

.team p {
  font-size: 16px;
  font-family: "Urbanist";
  margin: 0;
}

.team-description {
  font-size: 16px;
}

.manifestation {
  height: inherit;
  padding: 5% 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.91), rgba(255, 255, 255, 0.91)),
    url(https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-8-1.jpg)
      no-repeat top center / cover;
}

.manifestation h2 {
  font-size: 45px;
  font-family: "Classy Vogue";
  text-transform: uppercase;
}

.manifestation h1 {
  font-size: 101px;
  font-family: "Classy Vogue";
  text-transform: uppercase;
  line-height: 100%;
}

.testimonials {
  /* height: 100%; */
  /* height: inherit; */
  padding: 100px;
  background: url(https://nxmcdn.com/images/HOM/corp-site/testimonials-bg.png)
    no-repeat top center / cover;
  color: #fff;
}

.testimonials h2 {
  font-size: 32px;
  font-family: "Classy Vogue";
}

.testimonials h1 {
  font-size: 73px;
  font-family: "Classy Vogue";
  text-transform: uppercase;
  line-height: 100%;
}

.position {
  color: #bdae94;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  z-index: 1 !important;
}
.carousel-control-prev {
  left: -2rem !important;
}
.carousel-control-next {
  right: -2rem !important;
}

.carousel-indicators [data-bs-target] {
  width: 6.5px !important;
  height: 7px !important;
  margin: 0% 0.8% 0% 0.8% !important;
  border-radius: 50% !important;
  /* border: 2px solid black; */
  /* background-color: #333; */
}

/* .carousel-indicators {
  bottom: -20% !important;
} */

.testimonials,
.testimonials .container,
#testimonialCarousel,
.carousel-inner {
  overflow: visible !important;
}

#testimonialCarousel {
  padding-bottom: 56px;
  position: relative;
}

.carousel-indicators {
  bottom: 12px;
}


.carousel-indicators .active {
  background-color: #bdae94 !important;
}

.identification {
  width: inherit !important;
}

.identification .name {
  font-size: 20px !important;
  text-transform: uppercase;
  font-family: "Urbanist";
  line-height: 0% !important;
}

.identification .position {
  font-size: 14px;
  line-height: 0% !important;
}

.carousel-img img {
    border-radius: 100%;
    object-fit: cover;
    width: 50px;
    height: 50px;
}

.testimonial-text {
  font-size: 20px;
}

.card {
  height: 350px;
}

.img-container {
  height: 616px;
}

.img1 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  display: flex;
  z-index: 1;
}

.img1 img {
  transform: rotate(8deg);
  position: -webkit-sticky;
  position: sticky;
  top: -50%;
  /* left: 60%; */
  /* float: right; */
  /* right: 520%; */
  display: flex;
  z-index: 1;
}

.img2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  display: flex;
  z-index: 1;
}

.img2 img {
  transform: rotate(1deg);
  position: -webkit-sticky;
  top: -50%;
  /* float: right; */
  display: flex;
  z-index: 1;
}

.img3 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  display: flex;
  z-index: 1;
}

.img3 img {
  transform: rotate(-5deg);
  position: -webkit-sticky;
  top: -50%;
  /* float: right; */
  display: flex;
  z-index: 1;
}

.img4 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  display: flex;
  z-index: 1;
}

.img4 img {
  transform: rotate(4deg);
  position: -webkit-sticky;
  top: -50%;
  /* float: right; */
  display: flex;
  z-index: 1;
}

.area13 h1 {
  font-size: 55px;
  font-family: "Urbanist";
  text-transform: uppercase;
  line-height: 80%;
}

.area14 {
  height: inherit;
  padding: 5% 0% 5% 0%;
  background: url(https://nxmcdn.com/images/HOM/corp-site/area14-bg.png)
    no-repeat top center / cover;
  color: #fff;
}

.area14 h2 {
  font-size: 45px;
  font-family: "Urbanist";
  text-transform: uppercase;
}

.area14 h1 {
  font-size: 101px;
  font-family: "Urbanist";
  text-transform: uppercase;
  line-height: 100%;
}

.area15 {
  height: inherit;
}

.area15 h1 {
  font-size: 65px;
  font-family: "Classy Vogue";
  text-transform: uppercase;
  text-align: start;
}

.defaultColor{
  color: #C0A06E !important;
}

.social-holder{
  background-color: #C0A06E !important;
  padding: 6px 10px;
  border-radius: 4px;
  color: #FFF;
}

.insta-holder i {
  font-size: 18px;
}

.accordion-item h2 {
  font-size: 16px;
}

.accordion-item {
  border: none !important;
}

.accordion-header {
  border-bottom: 1px solid black;
}

.accordion-button {
  border: none !important;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
  box-shadow: none;
  border: none !important;
}

.accordion-button:focus {
  box-shadow: none;
  border: none !important;
}

/* Custom accordion arrows */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='fa-solid fa-caret-down' viewBox='0 0 320 512'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='fa-solid fa-caret-down' viewBox='0 0 320 512'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");
}


.footer {
  padding: 5% 0% 2% 0%;
  height: inherit;
  background-color: #fff;
  color: #000;
}

.line {
  border-top: 1px solid #b6b6b6;
}

/* IPAD */

@media (max-width: 1024px) {
  .mid-logo {
    width: 100%;
    margin-top: 25%;
  }

  .translate-middle {
    transform: translate(0%, -30%) !important;
  }

  .unlock h1 {
    font-size: 60px;
  }

  .transformational {
    min-height: 100%;
    padding: 12% 2% !important;
  }

  .transformational h1 {
    font-size: 31px;
  }

  .pillar-box{
    min-height: auto;
  }

    .banner {
    padding-bottom: 80px;
  }
  
  .unlock {
    margin-top: -120px;
    margin-bottom: 30px;
  }
  
  .sticky {
    /* width: 940px; */
  }

  .pillars-p2 {
    font-size: 32px;
  }

  .who-title {
    font-size: 42px;
  }

  .what {
    height: 900px;
  }

  .pillars h1:nth-of-type(1) {
    font-size: 32px;
  }

  .who .subtitle {
    font-size: 70px;
    margin-bottom: 5%;
  }

  .meet-the-team h1 {
    font-size: 42px;
  }

  .meet-the-team .title {
    font-size: 60px;

  }

  .manifestation h2 {
    font-size: 55px;
  }

  .manifestation h1 {
    font-size: 60px;
  }

  .area12 h2 {
    font-size: 45px;
  }

  .area12 h1 {
    font-size: 70px;
  }

  .area14 {
    height: 900px;
  }

  .area14 h2 {
    font-size: 45px;
  }

  .who .list-h2 {
    font-size: 40px !important;
    /* line-height: 80%; */
  }

   .why .title {
    font-size: 42px;
  }

  .membership .title {
    font-size: 68px;
  }

  .book-desc {
    padding-left: 5% !important;
  }

  .membership-title {
    /* font-size: 46px; */
  }

  .influencers h1 {
    font-size: 55px;
  }

  .meet-our-guest {
    height: inherit;
  }

  .meet-our-guest h1 {
    font-size: 60px;
  }

  .team-content h1{
    font-size: 24px;
  }

  .guest h1 {
    font-size: 24px;
  }

  .testimonials h1 {
    font-size: 60px;
  }

  .for-mobile {
    display: block;
  }

  .for-desktop {
    display: none;
  }

  .img1 img {
    float: right;
    width: 485px;
  }

  .img2 img {
    float: right;
    width: 485px;
  }

  .img3 img {
    float: right;
    width: 485px;
  }

  .img4 img {
    float: right;
    width: 485px;
  }

  .area14 h2 {
    /* font-size: 26px; */
  }

  .area14 h1 {
    font-size: 68px;
  }

  .area15 {
    height: inherit;
  }

  .area15 h1 {
    font-size: 60px;
  }

  .manifestation {
    padding: 25% 0% 25% 0%;
  }

  .testimonials {
    padding: 25% 0% 25% 0%;
  }


  .area3 {
    height: inherit;
    padding: 15% 0% 15% 0%;
  }

  .who-desktop {
    display: none;
  }

  .who-tablet {
    display: block;
  }
}

@media (min-width: 992px) {
  .area13-991 {
    display: none !important;
  }
}


@media (max-width: 991px) {

  h1.w-75 {
    width: 100% !important;
  }

  .container-space-y {
    padding: 100px 0px;
  }

  .mid-logo {
    width: 359px;
  }

  .area13-991 {
    display: block;
  }

  .area13 {
    display: none !important;
  }

 } 

/* IPAD AIR */

@media (max-width: 820px) {
  .area1 img {
    width: 350px !important;
  }

  .area1 .btn-enroll {
    padding: 15px 90px 15px 90px;
  }

  .process {
    width: 100%;
  }

  .banner {
    padding-bottom: 60px;
  }
  
  .unlock {
    margin-top: -100px;
    margin-bottom: 25px;
  }
  
  .sticky {
    width: 100%;
  }
  
  .sticky-menu {
    padding: 12px 16px 12px 16px;
  }

  .sticky-menu {
    padding: 12px 16px 12px 16px;
  }

  .guest-list .list-h2 {
    font-size: 33px !important;
    margin-top: -5%;
    margin-bottom: 0%;
  }

  .influencer p {
    font-size: 12px !important;
  }

  .testimonials {
    padding: 25% 0% 25% 0%;
  }

  .img1 img {
    float: right;
    width: 310px;
  }

  .img2 img {
    float: right;
    width: 310px;
  }

  .img3 img {
    float: right;
    width: 310px;
  }

  .img4 img {
    float: right;
    width: 310px;
  }

  .img-container {
    height: 354px;
  }

  .area13 {
    /* height: inherit; */
    height: 1480px;
  }

  .area15 {
    height: inherit;
  }

  .img1 {
    width: 68vh;
  }

  .img2 {
    width: 68vh;
  }

  .img3 {
    width: 68vh;
  }

  .img4 {
    width: 68vh;
  }
}

@media only screen and (min-width: 1280px) {
  .img1 {
    width: 160vh !important;
  }

  .img2 {
    width: 160vh !important;
  }

  .img3 {
    width: 160vh !important;
  }

  .img4 {
    width: 160vh !important;
  }
}

@media (min-width: 1440px) {
  .img1 {
    /* width: 95vh; */
    width: 112%;
  }

  .img2 {
    /* width: 95vh; */
    width: 112%;
  }

  .img3 {
    /* width: 95vh; */
    width: 112%;
  }

  .img4 {
    /* width: 95vh; */
    width: 112%;
  }
}

@media only screen and (min-width: 1024px) {
  .img1 {
    /* width: 160vh; */
    width: 72vh;
  }

  .img2 {
    /* width: 160vh; */
    width: 72vh;
  }

  .img3 {
    /* width: 160vh; */
    width: 72vh;
  }

  .img4 {
    /* width: 160vh; */
    width: 72vh;
  }

  .area13 {
    display: block;
  }
}

@media (width: 1024px) and (height: 600px) {
  .img1 {
    width: 160vh;
    /* width: 72vh; */
  }

  .img2 {
    width: 160vh;
    /* width: 72vh; */
  }

  .img3 {
    width: 160vh;
    /* width: 72vh; */
  }

  .img4 {
    width: 160vh;
    /* width: 72vh; */
  }
}

@media only screen and (max-width: 912px) {
  .area1 img {
    width: 404px;
  }

  .img1 {
    width: 64vh;
  }

  .img2 {
    width: 64vh;
  }

  .img3 {
    width: 64vh;
  }

  .img4 {
    width: 64vh;
  }
}

@media only screen and (max-width: 768px) {
  .unlock h1 {
    font-size: 50px;
  }

  .img1 {
    width: 74vh;
  }

  .img2 {
    width: 74vh;
  }

  .img3 {
    width: 74vh;
  }

  .img4 {
    width: 74vh;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .affiliate-container {
    margin-top: 25%;
  }

  .banner {
    padding-bottom: 50px;
  }
  
  .unlock {
    margin-top: -80px;
    margin-bottom: 20px;
  }
  
  .sticky {
    display: none;
  }

  .footer {
    padding-bottom: 10%;
  }

  .area1 .translate-middle {
    transform: translate(0%, -15%) !important;
  }

  .area1 img {
    width: 96% !important;
  }

  .area1 h1 {
    font-size: 38px;
  }

  .area3 h1 {
    font-size: 38px;
    margin-top: 1%;
  }

  .area1 h4 {
    font-size: 16px;
  }

  .banner {
    background: url(https://nxmcdn.com/images/HOM/corp-site/affiliate/affiliatebg-mobile.png)
      no-repeat top center / cover;
  }

  .banner-affiliate h1 {
    font-size: 30px;
  }

  .banner-affiliate {
    background: url(https://nxmcdn.com/images/HOM/corp-site/affiliate/affiliatebg-mobile.png)
      no-repeat top center / cover;
  }

  .banner-container {
    color: #fff;
    background: url(https://nxmcdn.com/images/nxmvue/capture/nxmvue_capture_banner_mobile_bg.png)
      no-repeat center center / 100% 100%;
  }

  .banner-info {
    text-align: center;
  }

  .banner-info h1 {
    font-family: "Times";
    font-style: normal;
    font-weight: 400;
    font-size: 47px;
    line-height: 54px;
    text-align: center;
    letter-spacing: 0.02em;
  }

  .banner-info button {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.04em;
    color: #ffffff;
    width: 100% !important;
  }

  .w-title {
    font-family: "Times";
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: 0.02em;

    color: #4c9bd2;
  }

  .w-custom-list li {
    font-family: "Times New Roman";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: rgba(32, 67, 100, 0.9);
  }

  .slide-image {
    margin-bottom: 2rem;
  }

  .slide-quote {
    text-align: center;
    box-shadow: 0 0px 15px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
  }

  p.author {
    margin: 0px;
  }

  p.author-quote {
    margin-top: 2rem;
  }
  h2.premium-title.text-white {
    font-size: 36px;
  }

  .translate-middle {
    transform: translate(0%, -45%) !important;
  }

  .mid-logo {
    width: 259px;
    margin-top: 20%;
  }

  .btn-enroll {
    width: 100%;
  }

  .transformational {
    height: 724px;
    background: url(https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-179-scaled.jpg)
      no-repeat 50% center / cover;
  }

  .transformational h1 {
    font-size: 35px;
  }

  .transformational p {
    margin-top: 5%;
  }

  .sticky {
    display: none;
  }

  .manifestation {
    padding: 25% 0% 25% 0%;
  }

  .manifestation h1 {
    font-size: 43px;
    margin-bottom: 5%;
  }

  .manifestation h2 {
    font-size: 26px;
    margin-bottom: 5%;
  }

  .what {
    height: 639px;
    background: url(https://nxmcdn.com/images/HOM/corp-site/what.png) no-repeat
      top center / cover;
  }

  .what h1:nth-of-type(1) {
    font-size: 22px;
  }

  .what h1:nth-of-type(2) {
    font-size: 46px;
    line-height: 80%;
  }
  .pillars h1:nth-of-type(1) {
    font-size: 40px;
  }

  .pillars p {
    margin-top: 5%;
  }
  .who {
    height: 100%;
    padding: 12.5% 0% 12.5% 0%;
    color: #fff;
    background: url(https://houseofmanifestation.com/wp-content/uploads/2025/11/DanaColePhotography-KCB102025-11.jpg) no-repeat
      top center / cover;
  }

  .who h1 {
    text-transform: uppercase;
    font-size: 43px;
  }

  .who .title {
    font-size: 28px;
  }

  .who .subtitle {
    font-size: 43px;
  }

  .who .list-h {
    font-size: 200px;
    margin-bottom: -15%;
    margin-left: -12%;
  }

  .who .list-h2 {
    font-size: 32px !important;
    text-transform: uppercase;
  }

  .who .list-p {
    margin-top: 4%;
  }

  .toppp {
    margin-top: 10%;
  }

  .r-num {
    margin-left: -50px !important;
  }

  .l-num {
    margin-right: -30px !important;
  }

  .list-p {
    /* width: 100%; */
    font-family: "Urbanist" !important;
    font-size: 16px !important;
  }

  .list-number {
    color: #ffffff30;
    font-size: 135px !important;
    margin-right: 50%;
  }

  .list-h {
    font-size: 200px;
    margin-bottom: -15%;
    margin-left: -12%;
  }

  .list-h2 {
    font-size: 38px !important;
    margin-bottom: -2%;
    text-transform: uppercase;
  }

  .list-h3 {
    font-family: "Urbanist";
    font-size: 48px !important;
    margin-bottom: -2%;
    line-height: 80%;
    text-transform: uppercase;
  }

  .list-h22 {
    font-size: 22px !important;
    text-transform: uppercase;
    margin-left: 13%;
  }

  @media (max-width: 400px) {
}
.who .list-number {
    color: #ffffff30;
    font-size: 175px !important;
    font-family: Classy Vogue;
    line-height: 95%;
}
  }

  .why {
    padding: 15% 5% 15% 5%;
  }

  .why .title {
    font-size: 28px;
  }

  .why .subtitle {
    font-size: 46px;
    text-align: center;
    line-height: 80%;
  }

  .why-holder {
    padding: 10% 0% 5% 0%;
  }

  .why-holder h2 {
    font-size: 28px;
    text-transform: uppercase;
  }

  .why-holder p {
    font-size: 16px;
  }

  .membership {
    padding: 15% 0% 15% 0%;
  }

  .books img {
    padding: 5% 0% 15% 0%;
  }

  .books-img {
    text-align: center;
  }

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

  .membership h2 {
    font-size: 28px;
  }

 .membership-title {
    font-size: 32px;
  }

  .meet-our-guest h1 {
    font-size: 42px;
  }

  .meet-the-team {
    height: inherit;
    padding: 25% 0% 15% 0%;
  }

  .meet-the-team .desc {
    margin-top: -15%;
  }

  .meet-the-team h1 {
    font-size: 42px;
  }

  .meet-our-guest {
    padding: 15% 0% 15% 0%;
    height: inherit;
  }

  .guest-list .list-h2 {
    font-size: 33px !important;
    margin-top: -5%;
    margin-bottom: 0%;
  }

  .testimonials {
    /* padding: 25% 0% 25% 0%; */
  }

  .testimonials h2 {
    font-size: 26px;
  }

  .testimonials h1 {
    font-size: 43px;
  }

  .testimonial-text {
    font-size: 16px;
  }

  .card {
    height: 520px;
  }

  .carousel-indicators {
    bottom: -10%;
    z-index: 1;
  }

  .area12 h2 {
    font-size: 22px;
  }

  .area12 h1 {
    font-size: 32px;
  }

  .area14 {
    padding: 25% 0% 25% 0%;
  }

  .area14 h2 {
    font-size: 26px;
  }

  .area14 h1 {
    font-size: 43px;
  }

  .img1 {
    position: -webkit-sticky;
    position: sticky;
    top: 0%;
    display: flex;
    z-index: 1;
  }

  /* .img1 img {
    width: 96%;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
  }

  .img2 img {
    width: 96%;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
  }

  .img3 img {
    width: 96%;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
  }

  .img4 img {
    width: 96%;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
  } */

  .img1 {
    width: 105%;
  }

  .img2 {
    width: 105%;
  }

  .img3 {
    width: 105%;
  }

  .img4 {
    width: 105%;
  }

  .img1 img {
    float: left;
    overflow: hidden;
    width: 96%;
  }

  .img2 img {
    float: left;
    overflow: hidden;
    width: 96%;
  }

  .img3 img {
    float: left;
    overflow: hidden;
    width: 96%;
  }

  .img4 img {
    float: left;
    overflow: hidden;
    width: 96%;
  }

  .image-only {
    /* height: 2662px; */
    /* overflow: hidden; */
  }

  .area13 {
    height: inherit;
  }

  .img-container {
    height: 316px;
  }

  .container {
    overflow: hidden;
  }

  .area2 {
    height: inherit;
    padding: 15% 0% 15% 0%;
  }

  .area2 h1 {
    font-size: 38px;
    line-height: 80%;
  }

  .area2 .number {
    font-size: 68px;
  }

  .area2 .description {
    font-size: 18px;
    text-align: center;
  }

  .area3 {
    height: inherit;
    padding: 15% 0% 15% 0%;
  }

  .area4 {
    height: inherit;
    padding: 15% 0% 15% 0%;
  }

  .step-img1 {
    width: 100%;
  }

  .step-img2 {
    width: 100%;
  }

  .translate-middle {
    transform: translate(0%, -35%) !important;
  }

  .unlock h1 {
    font-size: 38px;
  }
}