.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/css/owl.video.play.html) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}:root {
--body-bg: #F5F3EF;
--primary-color: #628A1A;
--secondry-color: #000000;
--white-color: #FFFFFF;
--border-color: #3C4242;
--text-primary: #000000;
--text-secondry: #3C4242;
--text-gray: #242424;
--text-white: #FFFFFF;
--text-green: #628A1A;
--text-black-70: rgba(0, 0, 0, 0.70);
--text-charcoal: #333333;
--border-green: #628A1A;
--border-white: #FFFFFF;
--border-gray: #D7D7D7;
--slider-dots: #D9D9D9;
--progress-bar-bg: #D4D3D2;
--color-transparent: transparent;
--menu-layout: rgba(0, 0, 0, 0.50);
--black-opacity-75: rgba(0, 0, 0, 0.75);
--black-opacity-45: rgba(0, 0, 0, 0.45);
--black-opacity-40: rgba(0, 0, 0, 0.40);
--black-opacity-30: rgba(0, 0, 0, 0.30);
--black-opacity-20: rgba(0, 0, 0, 0.20);
--primary-font: 'Clash Display';
--secondry-font: 'Adobe Garamond Pro';
--font-80px: 5rem;
--font-60px: 3.75rem;
--font-48px: 3rem;
--font-44px: 2.75rem;
--font-42px: 2.625rem;
--font-40px: 2.5rem;
--font-36px: 2.25rem;
--font-34px: 2.125rem;
--font-32px: 2rem;
--font-30px: 1.875rem;
--font-28px: 1.75rem;
--font-26px: 1.625rem;
--font-24px: 1.5rem;
--font-22px: 1.375rem;
--font-20px: 1.25rem;
--font-18px: 1.125rem;
--font-16px: 1rem;
--font-14px: 0.875rem;
--font-12px: 0.75rem;
--max-width: 980px;
}
*,
*::before,
*::after {
padding: 0;
margin: 0;
box-sizing: border-box;
list-style: none;
list-style-type: none;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html {
font-size: 100%;
box-sizing: inherit;
scroll-behavior: smooth;
height: -webkit-fill-available;
font-family: "Montserrat", sans-serif;
}
body {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
color: var(--text-primary);
background-color: var(--body-bg);
transition: all 0.3s ease;
position: relative;
}
section {
overflow: hidden;
}
a,
button {
cursor: pointer;
border: none;
outline: none;
color: inherit;
background: none;
box-shadow: none;
}
img,
video {
display: block;
max-width: 100%;
height: auto;
object-fit: cover;
}
img,
picture {
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
.section-padding-top {
padding-top: 80px;
}
.section-padding-bottom {
padding-bottom: 80px;
}
.section-padding-bottom-60 {
padding-bottom: 60px;
}
.middle-container {
padding: 0 150px;
}
.main-container {
padding: 38px 60px;
}
.slider-container {
padding: 0 0 0 60px;
}
p {
font-family: "Montserrat", sans-serif;
font-size: var(--font-16px);
}
.common-heading {
margin-bottom: 30px;
text-align: center;
}
.inner-pages-header-bg,
.is-sticky {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.common-heading h2 {
color: var(--text-primary);
font-family: var(--secondry-font);
font-size: var(--font-42px);
font-weight: 400;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
}
.team-section .owl-dots.disabled {
display: block;
}
.common-heading p {
font-family: "Montserrat", sans-serif;
font-size: var(--font-16px);
color: var(--secondry-color);
text-align: center;
font-weight: 400;
width: 65%;
margin: 15px auto 0;
}
.primary-color {
color: var(--primary-color) !important;
}
.border-top {
border-top: 1px solid var(--border-white);
}
.section-second-heading {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: var(--font-24px);
color: var(--secondry-color);
}
input[type="checkbox"] {
accent-color: var(--primary-color);
width: 15px;
height: 15px;
}   @font-face {
font-family: 'Adobe Garamond Pro';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Bold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adobe Garamond Pro';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-BoldItalic.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Adobe Garamond Pro';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Italic.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Adobe Garamond Pro';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Regular.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/adobe-garamond/AGaramondPro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}   @font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Bold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Light.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Extralight.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Extralight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display Variable';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Regular.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Medium.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Semibold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplay-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display Variable';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display Variable';
src: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff2) format('woff2'),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/fonts/clash-display/ClashDisplayVariable-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}   header#header {
position: fixed;
z-index: 9;
width: 100%;
}
.custom-header .header-btn {
display: inline-flex;
font-family: var(--primary-font);
font-size: var(--font-26px);
font-weight: 400;
line-height: normal;
align-items: center;
justify-content: center;
column-gap: 0.35rem;
white-space: nowrap;
padding-block: 1.22rem;
padding-inline: 1.25rem;
transition: all 0.3s ease;
border-radius: 0;
margin-top: 0;
height: 79px; 
}
.custom-header .btn-darken {
color: var(--text-primary);
background-color: var(--white-color);
}
.custom-header .menu-block p {
font-family: var(--primary-font);
font-size: var(--font-26px);
margin-bottom: 0;
} .custom-header .header {
position: fixed;
top: 1.5rem;
left: 0;
right: 0;
z-index: 99;
width: 100%;
height: auto;
transition: transform 0.35s ease;
}
.custom-header .header.is-sticky {
top: 0;
transform: translateY(-100%);
}
.custom-header .navbar {
padding: 0;
}
.custom-header .brand {
width: 100px;
}
.custom-header .menu {
position: fixed;
top: 0;
left: -100%;
width: 37.1%;
height: 100%;
overflow: hidden;
padding-block: 6rem 2rem;
background-color: var(--white-color);
transition: all 0.35s ease;
}
.custom-header .menu.is-active {
left: 0;
} .custom-header .menu-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
row-gap: 15px;
width: 100%;
max-width: 65%;
margin: 0 auto;
text-align: start;
}
.custom-header .menu-item {
font-family: var(--primary-font);
font-size: var(--font-26px);
font-weight: 400;
line-height: 1.5;
text-transform: capitalize;
color: var(--text-primary);
transition: all 0.3s ease;
text-decoration: none;
border-bottom: 2px solid var(--color-transparent);
}
.custom-header .menu-item a {
text-decoration: none;
}
.header-menu-ptrn {
position: absolute;
right: -50%;
bottom: 0;
}
.custom-header .menu-item:hover {
border-bottom: 2px solid var(--border-green);
transition: all 0.3s ease;
}
.custom-header .menu-block {
display: flex;
align-items: center;
justify-content: center;
column-gap: 1rem;
padding: 20px 16px 20px 16px;
background: var(--white-color);
height: 79px;
}
.custom-header .burger {
position: relative;
display: block;
width: var(--font-36px);
height: 1rem;
z-index: 99;
visibility: visible;
}
.custom-header .burger-line {
position: absolute;
right: 0;
opacity: 1;
width: 100%;
height: 2.5px;
line-height: 1.25;
background-color: var(--text-primary);
transition: all 0.25s ease;
}
.custom-header .burger-line:nth-child(1) {
top: 0.15rem;
}
.custom-header .burger-line:nth-child(2) {
top: 0.85rem;
}
.custom-header .burger.is-active .burger-line:nth-child(1) {
top: 0.5rem;
transform: rotate(135deg);
}
.custom-header .burger.is-active .burger-line:nth-child(2) {
top: 0.5rem;
transform: rotate(-135deg);
}
.custom-header .burger.is-active .burger-line:nth-child(3) {
top: 0.5rem;
transform: rotate(-135deg);
}   .banner-section {
min-height: 100vh;
position: relative;
}
.progress-bar {
position: absolute;
top: auto;
left: 0;
height: 5px;
width: 100%;
background: var(--progress-bar-bg);
}
.progress-bar__fill {
width: 0;
height: inherit;
background: var(--white-color);
transition: all 0.16s;
transform-origin: right;
}
.progress-bar--primary {
z-index: 2;
}
.main-post-wrapper {
position: absolute;
width: 100%;
height: 100%;
}
.slides {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.main-post {
position: absolute;
top: 100%;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.main-post__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
}
.main-post__image video {
width: 100%;
height: 100vh;
}
.main-post__image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.main-post__image::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--black-opacity-30);
}
.main-post__content {
position: absolute;
z-index: 2;
bottom: 25%;
left: 4%;
transform: translateY(0%);
color: var(--text-white);
width: 90%;
}
.play-ic {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background: var(--white-color);
border-radius: 40px;
border: 1px solid var(--border-green);
margin-right: 15px;
}  .main-post__title {
font-family: var(--secondry-font);
font-weight: 400;
font-size: var(--font-60px);
line-height: 1.25;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.main-post__content .dec {
font-family: var(--secondry-font);
font-size: var(--font-24px);
font-weight: 400;
width: 100%;
max-width: 37%;
}
.main-post__link {
text-decoration: none;
color: v;
text-transform: uppercase;
letter-spacing: 1.5px;
display: inline-flex;
align-items: center;
}
.main-post__link-text {
font-family: var(--primary-font);
font-size: var(--font-22px);
transition: all ease-in-out 0.3s;
}
.main-post__link-icon--arrow {
margin-left: 12px;
}
.main-post__link-icon--play-btn {
margin-right: 12px;
}
.main-post__link:hover .main-post__link-text,
.main-post__link:hover .main-post__link-icon--arrow path {
color: var(--text-green);
}
.main-post--active {
position: relative;
top: 0; z-index: 1;
transition: top 0.9s 0.4s ease-out; }
.main-post--active::after {
content: "";
width: 100%;
height: 100%;
background: var(--black-opacity-30);
position: absolute;
}
.main-post--not-active { top: 100%;
z-index: 0;
transition: top 0.75s 2s;
}  .main-post.main-post--active .main-post__title {
opacity: 1;
transform: translateY(0);
transition: opacity 0.8s 1.42s, transform 0.5s 1.4s;
}
.main-post.main-post--not-active .main-post__title {
transform: translateY(40px);
opacity: 0;
transition: transform 0.2s 0.35s, opacity 0.5s 0.2s;
}
.main-post.main-post--active .main-post__link {
opacity: 1;
transition: opacity 0.9s 2.2s;
}
.main-post.main-post--not-active .main-post__link {
opacity: 0;
transition: opacity 0.5s 0.2s;
}
.posts-wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr); position: absolute;
bottom: 50px;
margin: auto;
left: 4%; width: 100%;
max-width: 91%;
z-index: 2;
}
.post {
background: rgba(#0e0d0e, 0.6);
opacity: 0.3;
color: #fff;
position: relative;
padding: 50px 20px;
transition: opacity 0.2s linear;
}
.post--active {
opacity: 1;
background: rgba(#0e0d0e, 0.75);
pointer-events: none;
}
.post--disabled {
pointer-events: none;
}
.post:hover {
cursor: pointer;
opacity: 1;
} article.post {
position: relative;
}
article.post::after {
content: "";
position: absolute;
top: 50%;
left: 0;
border-radius: 33px;
display: block;
width: 15px;
height: 15px;
background: var(--white-color);
transform: translateY(-37%);
} span.slide-nav-text {
position: absolute;
bottom: 0;
left: 0;
opacity: 1 !important;
font-family: var(--secondry-font);
font-size: var(--font-20px);
text-transform: uppercase;
}
article.post::before {
opacity: 1;
}
@media screen and (min-width: 1024px) {
.hide-on-mobile {
display: grid;
}
.hide-on-desktop {
display: none;
}
}
@media screen and (min-width: 1440px) {
.main-post__content {
width: 100%;
} } .main-post {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: translateX(0); transition: opacity .9s ease-in-out;
}
.main-post--active {
opacity: 1;
z-index: 2;
}
.main-post--not-active {
opacity: 0;
z-index: 1;
}    .explor-journey-section {}        .explor-journey-section .journey-left {
background-image: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/images/header-menu-ptrn.png);
padding-bottom: 0;
background-position: center;
background-size: 39%;
background-repeat: no-repeat;
}
.explor-journey-section .journey-left h2 {
font-family: var(--secondry-font);
font-size: var(--font-42px);
color: var(--text-primary);
text-transform: uppercase;
font-weight: 400;
padding-top: 120px;
width: 100%;
max-width: 80%;
margin: 0 auto;
}
.journey-right h6 {
font-family: var(--font-16px) !important;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
.journey-right p {
line-height: 30px;
}
.primary-btn {
position: relative;
font-family: var(--secondry-color);
font-size: var(--font-20px);
font-weight: 400;
border-radius: 0;
text-transform: uppercase;
display: inline-block;
padding: 7px 40px;
text-align: center;
text-decoration: none;
color: var(--text-white);
background: var(--secondry-color);
border: 3px solid var(--color-transparent);
cursor: pointer;
transition: ease-out 0.5s;
-webkit-transition: ease-out 0.5s;
-moz-transition: ease-out 0.5s;
}
.primary-btn:hover {
background: var(--primary-color);
border-color: var(--border-green);
color: var(--white-color);
}
.secondry-btn {
position: relative;
font-family: var(--secondry-color);
font-size: var(--font-20px);
font-weight: 400;
border-radius: 0;
text-transform: uppercase;
display: block!imporetant;
padding: 10px 40px!important;
text-align: center;
text-decoration: none;
color: var(--text-primary);
background: var(--color-transparent);
border: 3px solid var(--border-color);
cursor: pointer;
transition: ease-out 0.5s;
-webkit-transition: ease-out 0.5s;
-moz-transition: ease-out 0.5s;
}
.secondry-btn.btn-border::after,
.secondry-btn.btn-border::before {
position: absolute;
content: "";
width: 0;
height: 0;
transition: .5s;
}
.secondry-btn.btn-border::after {
top: -9px;
left: -9px;
border-top: 3px solid var(--color-transparent);
border-left: 3px solid var(--color-transparent);
}
.secondry-btn.btn-border::before {
bottom: -9px;
right: -9px;
border-bottom: 3px solid var(--color-transparent);
border-right: 3px solid var(--color-transparent);
}
.secondry-btn.btn-border:hover {
color: var(--text-green);
}
.secondry-btn.btn-border:hover::after,
.secondry-btn.btn-border:hover::before {
width: 30px;
height: 30px;
border-color: var(--border-green);
}
.link-btn {
font-family: var(--primary-font);
font-size: var(--font-18px);
color: var(--text-primary);
text-transform: capitalize;
font-weight: 400;
letter-spacing: 1px;
text-decoration: none;
border-bottom: 1px solid var(--text-primary);
transition: all .3s;
}
.link-btn.primary-color {
border-bottom: 1px solid var(--border-green);
}
.link-btn:hover {
color: var(--text-green);
border-color: var(--border-green);
transition: all .3s;
}
.explor-journey-section .secondry-btn.btn-border {
padding: 10px 40px;
}   .custom-card {
margin-bottom: 30px;
display: flex;
flex-direction: column;
flex: 1;
}
.custom-card .card-img img {
width: 100%;
height: 500px;
}
.custom-card .card-details {
background: var(--white-color);
padding: 25px 15px;
text-align: center;
margin: -38px 35px 0 35px;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;  }
.custom-card .card-details .card-details-top {
display: flex;
flex-direction: column;
height: 100%; margin-bottom: 10px;
}
.custom-card .card-details .card-details-top h5 {
font-family: var(--primary-font);
font-size: var(--font-22px);
color: var(--text-primary);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
font-weight: 500;
}
.custom-card .card-details .card-details-top p {
font-family: var(--primary-font);
font-size: var(--font-22px);
color: var(--text-primary); text-transform: capitalize;
letter-spacing: 1px;
margin-bottom: 14px;
font-weight: 400;
}
.custom-card .card-details .card-details-bottom p {
color: var(--text-charcoal);
font-family: var(--primary-font);
font-size: var(--font-20px);
text-transform: capitalize;
letter-spacing: 1px;
margin-bottom: 0;
font-weight: 400;
}   .project-img {
position: relative;
}
.project-img a {
display: block;
}
.owl-item.center .project-img::before {
opacity: 0.3;
transition: 0.3s;
}
.project-img img {
width: 100%;
}
.project-text {
position: absolute;
bottom: 50px;
background: var(--color-transparent);
text-align: center;
opacity: 1;
transition: all 500ms ease;
left: 0;
right: 0;
z-index: 2;
}
.project-wrapper:hover .project-img::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background: var(--black-opacity-75);
transition: 0.3s;
}
.project-wrapper:hover .project-text {
opacity: 1;
visibility: visible;
bottom: 50%;
}
.project-wrapper:hover .project-text::before {
content: "";
}
.project-text h3 {
font-family: var(--primary-font);
color: var(--text-white);
font-size: var(--font-22px);
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
transition: 0.3s;
padding: 0 45px;
}
.project-active .owl-dots {
bottom: -40px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 99;
}
.project-active .owl-dot {
display: inline-block;
height: 15px;
width: 15px;
margin: 0 5px;
background: var(--slider-dots);
transition: 0.3s;
}
.project-active .owl-dot.active {
position: relative;
background: var(--primary-color);
}
.auto-width-img {
border: none;
border-radius: 0;
box-shadow: none;
height: auto;
max-width: 100%;
}   .offer-section {
margin-top: 40px;
}
.offer-section .owl-carousel .owl-stage {
right: 50px;
}   .yoga-details-card {
background: var(--white-color);
width: 100%;
display: flex;
}
.yoga-details-img {
width: 70%;
}
.yoga-details-content {
width: 30%;
background: var(--white-color);
padding: 55px 35px;
display: flex;
flex-direction: column;
justify-content: center;
}
.yoga-details-content h2 {
font-family: var(--primary-font);
font-size: var(--font-26px);
color: var(--text-primary);
font-weight: 500;
text-transform: uppercase;
margin-bottom: 25px;
}
.yoga-details-content p {
color: var(--text-primary);
font-family: var(--secondry-font);
font-size: var(--font-16px);
text-transform: uppercase;
font-weight: 400;
margin-right: 37px;
line-height: 29px;
}
.c-fluid {
width: 100%;
height: 100%;
}
.yoga-slider-section .secondry-btn.btn-border {
width: 51%;
padding: 10px 40px;
}
.yoga-slider-section .owl-nav {
display: block !important;
z-index: 10;
}
.yoga-slider-section .owl-nav svg {
width: 30px;
height: auto;
cursor: pointer;
}
.yoga-slider-section .owl-nav .owl-prev,
.yoga-slider-section .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.yoga-slider-section .owl-prev {
left: 10px;
}
.yoga-slider-section .owl-next {
right: 10px;
}
.yoga-slider-section .owl-prev {
display: none;
}   .team-section .custom-card .card-details .card-details-top h5 {
color: var(--text-green);
text-transform: capitalize;
letter-spacing: normal;
margin-bottom: 5px;
}
.team-section .custom-card .card-details .card-details-top p {
font-weight: 500;
color: var(--text-charcoal);
text-transform: capitalize;
letter-spacing: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.team-section .custom-card .card-details .card-details-bottom p {
font-weight: 500;
letter-spacing: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#team_carousel .owl-stage {
display: flex;
}
#team_carousel.owl-carousel.owl-drag .owl-item {
display: flex;
}
#team_carousel .custom-card .card-details {
justify-content: flex-start;
}
#team_carousel .custom-card .card-details .card-details-top {
height: auto;
}   .cards-info {
box-shadow: 0 10px 10px rgba(247, 248, 252, 0.85);
}
.product-price-title {
font-family: var(--primary-font);
font-size: var(--font-28px);
font-weight: 500;
margin-bottom: 23px;
}
.prices-top {
background: var(--white-color);
padding: 30px 40px;
}
.product-price span {
font-size: var(--font-18px);
font-family: "Manrope", sans-serif;
margin-bottom: -20px;
}
.product-price {
display: flex;
font-weight: 400;
align-items: center;
font-family: "Manrope", sans-serif;
font-size: var(--font-80px);
margin-bottom: 0;
}
.features {
background: var(--white-color);
padding: 10px 40px 30px 40px;
}
.prices-top h5 {
font-weight: 400;
}
.features-details {
font-family: "Montserrat", sans-serif;
font-size: var(--font-18px);
margin-bottom: 5px;
}
i.fa-solid.fa-check {
font-weight: 500;
margin-right: 7px;
}
.cards-info .primary-btn {
display: block;
margin-top: 70px;
text-transform: capitalize;
}   .posts-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 22px;
}
.card-media {
position: relative;
aspect-ratio: 16/11;
overflow: hidden;
}
.card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.meta-bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
background: var(--black-opacity-45);
color: var(--white-color);
font-size: 12px;
letter-spacing: .2px;
}
.pill {
background: var(--pill);
color: var(--white-color);
font-family: var(--primary-font);
font-weight: 400;
}
.rail {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.rail .card {
background: var(--color-transparent);
}
.rail .card-title {
font-family: var(--primary-font);
color: var(--text-gray);
font-weight: 500;
font-size: var(--font-20px);
margin-top: 12px;
margin-bottom: 10px;
}
.featured {
background: var(--color-transparent);
}
.rail .card-body,
.featured .card-body {
padding: 0;
background: var(--color-transparent);
}
.featured .card-title {
margin-top: 12px;
font-weight: 500;
color: var(--text-gray);
font-family: var(--primary-font);
font-size: var(--font-20px);
}
.featured .card-excerpt {
font-family: var(--primary-font);
font-weight: 400;
font-size: var(--font-20px);
color: var(--text-gray);
margin-top: 6px;
}
.converge-section  .card-title a:hover {
color: var(--text-green);
}   .guest-section .custom-card .card-details .card-details-top p {
margin-bottom: 0;
}
.guest-section .owl-carousel .owl-dots.disabled, 
.guest-section .owl-carousel .owl-nav.disabled {
display: block !important;
}
.guest-section .card-details-bottom h5 {
font-family: var(--primary-font);
color: var(--text-primary);
}
.guest-section div#guest_carousel {
position: relative;
}
.guest-section .owl-nav {
position: absolute;
top: 50%;
width: 100%;
}
.guest-section .owl-carousel .owl-nav .owl-next {
position: absolute;
right: 0;
top: 50%;
transform: translate(40px, -50%);
}
.guest-section .owl-carousel .owl-nav .owl-prev {
position: absolute;
left: 0;
transform: translateX(-40px);
}
.guest-section .owl-carousel .owl-nav .owl-prev svg {
transform: rotate(180deg);
}   .awaits {
position: relative;
min-height: 56vh;
display: grid;
place-items: center;
color: var(--text);
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background-image:
linear-gradient(0deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)),
url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/images/subscribe-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 48px 20px;
}
.awaits__inner {
width: 100%;
max-width: var(--max-width);
text-align: center;
}
.awaits__title {
font-size: var(--font-48px);
font-family: var(--primary-font);
color: var(--white-color);
font-weight: 400;
line-height: 1.15;
letter-spacing: .3px;
margin: 0 0 22px;
text-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
.awaits-form {
display: grid;
grid-template-columns: 1fr auto;
gap: 14px;
align-items: center;
margin: 0 auto;
max-width: 760px;
}
.awaits-input {
height: 48px;
padding: 0 16px;
border: 1px solid var(--border-white);
background: transparent;
color: var(--text-white);
outline: none;
font-size: 16px;
}
.awaits-input::placeholder {
color: var(--text-white);
}
.awaits-button {
height: 48px;
padding: 0 35px;
border: none;
background: var(--white-color);
font-family: var(--secondry-font);
color: var(--text-primary);
font-size: 14px;
font-weight: 400;
cursor: pointer;
transition: transform .08s ease, box-shadow .15s ease;
white-space: nowrap;
}
.awaits-button:active {
transform: translateY(1px);
}
.awaits-button:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
}   .footer-section {
padding: 50px 0 25px 0;
background: var(--secondry-color);
}
.footer-branding {}
.footer-branding img {
width: 100%;
max-width: 100px;
height: auto;
margin-bottom: 38px;
}
.footer-contact-details {
margin-bottom: 20px;
}
.footer-mail {
margin-bottom: 15px;
}
.footer-mail a,
.footer-number a {
font-family: var(--primary-font);
color: var(--text-white);
font-size: var(--font-16px);
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
letter-spacing: 1px;
margin-left: 7px;
}
.footer-mail svg path,
.footer-number svg path {
transition: all .5s;
}
.footer-mail:hover svg path,
.footer-number:hover svg path {
fill: var(--text-green);
}
.link-for-footer {
padding: 0;
}
.link-for-footer li a {
color: var(--text-white);
font-family: var(--primary-font);
font-size: var(--font-16px);
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
margin-bottom: 10px;
transition: all ease-in-out .3s;
border-bottom: 1px solid var(--color-transparent);
}
.link-for-footer li a:hover {
color: var(--text-green);
border-bottom: 1px solid var(--border-green);
}
.footer-social-heading h6 {
color: var(--text-white);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 400;
text-transform: uppercase;
margin-bottom: 25px;
letter-spacing: 1.5px;
}
.link-for-footer-social {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.link-for-footer-social .footer-social-img {
display: block;
margin-right: 10px;
}
.footer-privacy-term,
.copyright-text {
padding-top: 15px;
}
.footer-privacy-term a,
.copyright-text span {
color: var(--text-white);
font-size: var(--font-14px);
font-family: var(--primary-font);
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
.copyright-text {
text-align: end;
}
.copyright-text span {}   .inner-pages-header-bg {
background-color: var(--white-color) !important;
}
.inner-pages-banner-section { position: relative;
}
.inner-pages-banner-image {
background-image: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/images/inner-pages-images/aboutus-banner-image.png); padding: 200px 150px;
background-repeat: no-repeat;
background-size: cover;
}
.inner-pages-banner-image::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--black-opacity-30);
}
.inner-pages-banner-image .banner-heading {
color: var(--text-white);
font-family: var(--secondry-font);
font-size: var(--font-60px);
font-weight: 400; position: relative;
z-index: 2;
}
.breadcrumb-section {
padding: 0 150px;
position: absolute;
bottom: 20px;
}
.breadcrumb-item {
color: var(--white-color);
text-decoration: none;
font-family: var(--secondry-font);
font-size: var(--font-20px);
font-weight: 400;
}
.breadcrumb-item a {
text-decoration: none;
cursor: pointer;
}
.breadcrumb-item:hover a {
color: var(--text-green);
}
.breadcrumb-item+.breadcrumb-item::before {
color: var(--white-color);
}
.explor-journey-section.reuse-explor-section {
position: relative;
}
.explor-journey-section.reuse-explor-section .right-ptrn-img {
position: absolute;
right: -5%;
bottom: 0;
}
.explor-journey-section.reuse-explor-section .journey-left {
background-image: none;
padding: 0;
background-size: auto;
background-position: unset;
} .explor-journey-section.reuse-explor-section .journey-right {
margin-top: 0;
}
.looking-section.reuse-looking-section .custom-card .card-img img.img-fluid,
.guest-section.reuse-guest-section .custom-card .card-img img.img-fluid {
height: 450px;
}
.hotels-item {
padding: 25px;
background: var(--white-color);
text-align: center;
margin-bottom: 25px;
}
.hotels-item img.w-100.img-fluid {
height: 70px;
object-fit: contain;
}
.hotels-item a.link-btn.primary-color {
margin-top: 15px;
display: inline-block;
}
.explor-journey-section.reuse-explor-retreats-section .journey-left {
padding-bottom: 17%;
background-size: 85%;
}
.explor-journey-section.reuse-explor-retreats-section .journey-left h2 {
padding-top: 80px;
max-width: 100%;
}
.bulet-points {
margin-bottom: 30px;
}
.bulet-points-heading {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.bulet-points-heading .section-second-heading {
margin-bottom: 0;
}
.bulet-points-heading img.img-fluid {
margin-right: 8px;
margin-top: 3px;
}
.gateway-banner-image {
background-image: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/images/inner-pages-images/gateway-banner-img.png);
padding: 40px 0 400px 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.gateway-banner-image .common-heading h2 {
color: var(--text-white);
font-weight: 700;
text-transform: uppercase;
width: 62%;
margin: 0 auto;
}
.gateway-banner-main {
position: relative;
}
.gateway-banner-content {
margin-top: -13%;
padding: 0 30px;
}
.gateway-points {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.gateway-ic {
width: 60px;
height: 60px;
background: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.gateway-ic img {
width: 40px;
height: 40px;
object-fit: contain;
}
.gateway-points h6 {
color: var(--text-gray);
font-family: var(--primary-font);
font-size: var(--font-20px);
text-transform: uppercase;
font-weight: 500;
margin-bottom: 0;
}
.gateway-banner-content-right {
background: var(--white-color);
padding: 25px 30px;
position: relative;
}
.gateway-ptrn {
position: absolute;
bottom: 0;
right: 0;
width: 25%;
}
.gateway-banner-content-right .journey-right h6,
.bulet-points-heading .dec {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: var(--font-18px);
margin: 0;
}
.gateway-banner-content-right a.secondry-btn.btn-border {
margin-top: 25px;
padding: 10px 24px;
}
.gateway-banner-content-right .journey-right h6 {
font-weight: 500;
margin-bottom: 15px;
}
.duration-text {
font-family: "Montserrat", sans-serif;
font-weight: 600 !important;
color: var(--secondry-color);
font-size: var(--font-18px);
margin-bottom: 45px;
}
.retreat-section-bg {
padding: 40px 0;
background-image: url(//rayyawellness.com/wp-content/themes/mywellness-theme/assets/images/inner-pages-images/retreat-section-bg-img.png);
}
.retreat-section .custom-card .card-img img {
height: 300px;
}
.retreat-section .card-details {
background: var(--color-transparent);
padding: 15px 15px 0 15px !important;
margin: 0 !important;
}
.retreat-section .custom-card .card-details .card-details-top p {
color: var(--white-color);
font-size: var(--font-22px);
font-family: var(--primary-font);
text-transform: uppercase;
margin-bottom: 0;
font-weight: 500;
}
.retreat-section .custom-card .card-details .card-details-top {
margin-bottom: 0;
}
.retreat-section .secondry-btn {
color: var(--white-color);
border: 2px solid var(--border-white);
}
.retreat-section .secondry-btn:hover {
color: var(--white-color);
}
.retreat-section .secondry-btn.btn-border:hover::after,
.retreat-section .secondry-btn.btn-border:hover::before {
border-color: var(--border-white);
}
.retreat-section .secondry-btn.btn-border::before {
border-bottom: 2px solid var(--color-transparent);
border-right: 2px solid var(--color-transparent);
}
.retreat-section .secondry-btn.btn-border::after {
border-top: 2px solid var(--color-transparent);
border-left: 2px solid var(--color-transparent);
}
.service-card {
padding: 50px 20px;
background: var(--white-color);
border: 1px solid var(--border-gray);
display: flex;
flex-direction: column;
height: 100%;
}
.service-card .service-card-top .service-card-ic {
height: 40px;
width: 40px;
margin-bottom: 15px;
}
.service-card .service-card-top .service-card-ic img.img-fluid {
width: 40px;
height: 40px;
object-fit: contain;
}
.service-card .service-content-top h6 {
font-family: var(--primary-font);
font-weight: 500;
font-size: var(--font-26px);
margin-bottom: 10px;
}
.service-card .service-content-bottom p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: var(--font-16px);
color: var(--text-black-70);
margin-bottom: 0;
}
.wellness-img img {
height: 400px;
}
.underline-text {
font-size: var(--font-24px);
font-weight: 400;
font-family: "Montserrat", sans-serif;
text-decoration: underline;
}
.reuse-wellness-gateway-section .gateway-banner-content {
margin-top: -17%;
}
.group-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.fill-btn {
font-family: var(--secondry-font);
background-color: var(--primary-color);
color: var(--text-white);
border-color: var(--border-green);
display: flex;
align-items: center;
}
.fill-btn:hover {
color: var(--text-white) !important;
}
.fill-btn img {
width: 25px;
height: 25px;
object-fit: contain;
margin-right: 7px;
} .reuse-rayya-spa-looking-section {}
.reuse-rayya-spa-looking-section .custom-card .card-img img {
height: 350px;
}
.reuse-rayya-spa-looking-section .custom-card .card-img {
position: relative;
padding-top: 30px;
}
.location-badge {
display: flex;
align-items: center;
padding: 15px;
background: var(--white-color);
border: 1px solid var(--border-green);
position: absolute;
top: 0;
right: 20px;
width: 80%;
}
.reuse-rayya-spa-looking-section .custom-card .card-img .location-badge .location-ic {
width: 25px;
height: 25px;
margin-right: 10px;
object-fit: contain;
}
.reuse-rayya-spa-looking-section .custom-card .card-details .card-details-top {
margin-bottom: 0;
}
.location-badge span {
color: var(--secondry-color);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 500;
text-transform: capitalize;
}
.review-rating {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-bottom: 15px;
}
span#stars {
display: flex;
align-items: center;
margin-left: 5px;
}
.total-reviews {
color: var(--secondry-color);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 500;
margin-left: 5px;
line-height: normal;
}
span#stars img.img-fluid {
margin-right: 5px;
}
span.rating-value {
color: var(--secondry-color);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 500;
line-height: normal;
}
.cominformation-dec {
color: var(--secondry-color);
font-family: var(--primary-font);
font-size: var(--font-20px);
font-weight: 500;
text-transform: capitalize;
}
.cominformation-text {
text-align: center;
display: flex;
flex-direction: column;
background: var(--white-color);
padding: 25px 15px;
}
.cominformation-text img.img-fluid {
width: 100%;
height: 35px;
object-fit: contain;
margin-bottom: 20px;
}
.cominformation-brand {
width: 100% !important;
margin-bottom: 0 !important;
}
.blog-details-heading .details-heading-left span {
color: var(--text-primary);
font-family: var(--secondry-font);
font-style: italic;
font-size: var(--font-20px);
font-weight: 400;
}
.blog-details-heading {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.details-heading-right {
display: flex;
align-items: center;
}
.details-heading-right span {
color: var(--text-primary);
font-family: var(--secondry-font);
font-size: var(--font-20px);
font-weight: 400;
margin-right: 18px;
}
.blog-details-social-ic {
display: flex;
align-items: center;
}
.blog-details-content {
padding-bottom: 30px;
border-bottom: 1px solid var(--black-opacity-20);
}
.blog-details-content .details-dec {
color: var(--text-gray);
font-family: var(--primary-font);
font-size: var(--font-20px);
font-weight: 400;
}
.blog-details-content .details-heading {
color: var(--text-gray);
font-family: var(--primary-font);
font-size: var(--font-20px);
font-weight: 500;
}
.details-dec-list {
margin-bottom: 0;
}
.details-dec-list li {
color: var(--text-gray);
font-family: var(--primary-font);
font-size: var(--font-20px);
font-weight: 400;
list-style: disc;
}
.leave-section {
padding-top: 56px;
}
.leave-container-box {
width: 100%;
max-width: 45%;
}
.leave-heading {
color: var(--text-primary);
font-family: var(--secondry-font);
font-size: var(--font-36px);
font-weight: 700;
}
.leave-small-heading {
font-family: "Montserrat", sans-serif;
font-size: var(--font-16px);
color: var(--text-primary);
font-weight: 600;
margin-bottom: 25px;
}
.reply-form .form-group {
margin-bottom: 10px;
}
.reply-form textarea,
.reply-form input[type="text"],
.reply-form input[type="email"],
.reply-form input[type="number"] {
width: 100%;
padding: 10px;
border: 1px solid var(--black-opacity-20);
background-color: var(--body-bg);
font-size: 14px;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
.reply-form textarea::placeholder,
.reply-form input[type="text"]::placeholder,
.reply-form input[type="email"]::placeholder {
font-family: "Montserrat", sans-serif;
}
.reply-form textarea:focus-visible,
.reply-form input[type="text"]:focus-visible,
.reply-form input[type="email"]:focus-visible {
border: 1px solid var(--black-opacity-20) !important;
outline: 0;
}
.reply-form textarea {
height: 100px;
resize: vertical;
}
.reply-form .form-group label {
color: var(--text-secondry);
font-family: "Montserrat", sans-serif;
font-size: var(--font-16px);
font-weight: 400;
}
.submit-btn-text {
font-family: var(--secondry-font);
width: 100%;
justify-content: center;
}
.leave-right-img img.img-fluid {
height: 600px; position: relative;
}
.leave-right-img {
position: relative;
padding: 70px 80px 70px 0;
}
.leave-right-img::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100%;
background-color: var(--white-color);
}
.contact-details-section {
background-color: var(--white-color);
}
.contact-details-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 25px 20px;
}
.contact-ic-width {
width: 45px;
height: 45px;
object-fit: contain;
margin-bottom: 30px;
}
.contact-details-dec {
font-family: "Montserrat", sans-serif;
color: var(--text-primary);
font-size: var(--font-20px);
font-weight: 500;
text-align: center;
text-decoration: none;
display: block;
transition: all ease-in-out 0.3s;
}
a.contact-details-dec:hover {
color: var(--primary-color);
}
.reuse-contact-location-section {
}
.reuse-contact-location-section .custom-card .card-details .card-details-top {
justify-content: space-between;
}
.reuse-contact-location-section .custom-card .card-details .card-details-top h5 {
font-weight: 400;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--black-opacity-20);
font-size: var(--font-20px);
}
.contact-info span {
color: var(--text-primary);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 500;
}
.contact-info a {
color: var(--text-green);
font-family: var(--primary-font);
font-size: var(--font-18px);
font-weight: 500;
text-decoration: none;
}
.reuse-contact-location-section .custom-card .card-details .card-details-bottom {
margin-top: 15px;
}
p.comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 10px;
}
p.comment-form-cookies-consent input#wp-comment-cookies-consent {
margin-top: 5px;
}
div#offer_carousel {
position: relative;
}
div#offer_carousel .owl-nav {
display: flex;
justify-content: space-between;
}
div#offer_carousel .owl-nav .owl-prev {
transform: rotate(180deg);
}
div#offer_carousel .owl-nav {
position: absolute;
top: 50%;
width: 90%;
}
div#offer_carousel .owl-next {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border-green);
border-radius: 33px;
background: var(--primary-color)
}
div#offer_carousel .owl-prev {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--border-green);
border-radius: 33px;
background: var(--primary-color)
}
div#offer_carousel .owl-prev svg,
div#offer_carousel .owl-next svg {
width: 25px;
height: 25px;
}
.header-new {
width: 100%;
background: #fff;
}
ul#menu-main-menu {
max-width: 100%!important;
flex-direction: row!important;
}
div#menu {
width: 100%;
}
.header-new .menu-inner a {
font-size: 18px;
margin: 0px 13px;
} .retreat-notes-box {
background: #f7fbee;
padding: 25px 30px;
border-radius: 18px;
margin-top: 40px;
border-left: 6px solid #628A1A;
}
.retreat-notes-content ul {
list-style: disc !important;
padding-left: 25px !important;
margin-left: 10px !important;
}
.retreat-notes-content li {
display: list-item !important;
margin-bottom: 8px;
font-size: 16px;
} .retreat-popup-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.55);
display: none;
justify-content: center;
align-items: center;
z-index: 999999;
}
.retreat-popup {
background: #f6f2ec; padding: 35px 30px;
width: 420px;
border-radius: 12px;
position: relative;
box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.close-retreat-popup {
position: absolute;
right: 18px;
top: 12px;
font-size: 30px;
cursor: pointer;
color: #333;
}
.popup-heading {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
color: #4b4b4b;
text-align: center;
}
.popup-label {
display: flex;
align-items: center;
gap: 10px;
background: #fff;
padding: 12px 15px;
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid #dedede;
cursor: pointer;
transition: 0.2s;
}
.popup-label:hover {
border-color: #628a1a;
background: #fafafa;
}
.popup-label input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #628a1a; }
.popup-btn {
width: 100%;
margin-top: 18px;
padding: 14px 0;
background: #628a1a;
color: #fff;
border: none;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
transition: 0.2s; }
.popup-btn:hover {
background: #4f7014;
}
.offer-popup-overlay {
position: fixed;
top: 0; 
left: 0;
width: 100%; 
height: 100%;
background: rgba(0,0,0,0.55);
display: none;
justify-content: center;
align-items: center;
z-index: 999999;
}
.offer-popup {
background: #f6f2ec; padding: 35px 30px;
width: 420px;
border-radius: 12px;
position: relative;
box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.close-offer-popup {
position: absolute;
right: 18px;
top: 12px;
font-size: 30px;
cursor: pointer;
color: #333;
}
.popup-heading {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
color: #4b4b4b;
text-align: center;
}
.popup-label {
display: flex;
align-items: center;
gap: 10px;
background: #fff;
padding: 12px 15px;
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid #dedede;
cursor: pointer;
transition: 0.2s;
}
.popup-label:hover {
border-color: #628a1a;
background: #fafafa;
}
.popup-label input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #628a1a; }
.popup-btn {
width: 100%;
margin-top: 18px;
padding: 14px 0;
background: #628a1a;
color: #fff;
border: none;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
transition: 0.2s; }
.popup-btn:hover {
background: #4f7014;
}@media (max-width: 1920px) {
.custom-card .card-details { margin: -50px 35px 0 35px;
}
.project-text h3 {
padding: 0 70px;
}
.explor-journey-section.reuse-explor-retreats-section .journey-left {
background-size: 60%;
}
.reuse-wellness-gateway-section .gateway-banner-content {
margin-top: -10%;
}
.header-menu-ptrn {
right: -52%;
width: 90%;
}
}
@media (max-width: 1700px) {
.custom-card .card-details {
padding: 25px 15px;
margin: -38px 35px 0 35px;
}
.custom-header .menu-block,
.custom-header .header-btn {
height: 72px;
}
}
@media (max-width: 1601px) {
.custom-header .menu-block p,
.custom-header .btn-darken {
font-size: var(--font-22px);
}
.primary-btn {
font-size: var(--font-16px);
padding: 7px 20px;
}
.secondry-btn {
font-size: var(--font-16px);
padding: 7px 20px;
}
.explor-journey-section .journey-left h2 {
max-width: 100%;
}
.common-heading h2 {
font-size: var(--font-32px);
}
.section-second-heading {
font-size: var(--font-20px);
}
.team-section .custom-card .card-details .card-details-bottom p {
font-size: var(--font-18px);
}
.custom-card .card-details .card-details-top p {
font-size: var(--font-18px);
}
.team-section .custom-card .card-details .card-details-top h5 {
font-size: var(--font-20px);
}
.awaits__title {
font-size: var(--font-40px);
}
.looking-section.reuse-looking-section .custom-card .card-img img.img-fluid,
.guest-section.reuse-guest-section .custom-card .card-img img.img-fluid {
height: 350px;
}
.explor-journey-section.reuse-explor-retreats-section .journey-left {
background-size: 82%;
}
.gateway-banner-content {
margin-top: -21%;
}
.journey-left h2 {
font-size: var(--font-36px);
}
.underline-text {
font-size: var(--font-20px);
}
.reuse-contact-location-section .location-badge span {
font-size: var(--font-14px);
}
.custom-header .menu {
}
.header-menu-ptrn {
right: -50%;
}
}
@media (max-width: 1501px) {
.rail .card-title {
font-size: var(--font-18px);
}
}
@media (max-width: 1440px) {
.custom-card .card-details .card-details-top h5 {
font-size: var(--font-20px);
}
.custom-card .card-details .card-details-top p {
font-size: var(--font-16px);
}
.custom-card .card-details .card-details-bottom p {
font-size: var(--font-18px);
}
.custom-card .card-details {
margin: -38px 25px 0 25px;
}
.link-btn {
font-size: var(--font-16px);
}
.project-text h3 {
padding: 0 50px;
}
.yoga-slider-section .secondry-btn.btn-border {
width: 61%;
}
.product-price-title {
font-size: var(--font-22px);
}
.product-price {
font-size: var(--font-60px);
}
.features-details {
font-size: var(--font-16px);
}
.retreat-section .custom-card .card-details .card-details-top p {
font-size: var(--font-18px);
}
.blog-details-content .details-dec,
.blog-details-content .details-heading,
.details-dec-list li,
.contact-details-dec {
font-size: var(--font-18px);
}
}
@media (max-width: 1300px) {
.explor-journey-section .journey-left h2 {
font-size: var(--font-36px);;
}
.journey-right h6,
.journey-right p {
font-size: var(--font-14px);
line-height: 25px;
}
.yoga-slider-section .secondry-btn.btn-border {
width: 80%;
}
}
@media (max-width: 1240px) {
.main-post__content .dec {
max-width: 50%;
}
.main-post__link-text {
font-size: var(--font-20px);
}
span.slide-nav-text {
font-size: var(--font-18px);
}
.project-text h3 {
padding: 0 35px;
font-size: var(--font-20px);
}
.cards-info:nth-child(1) {
margin-bottom: 15px;
}
.cards-info:nth-child(2) {
margin-bottom: 15;
}
.cards-info:nth-child(3) {
margin-bottom: 0;
}
.posts-grid {
grid-template-columns: 1.25fr 1fr;
}
.service-card .service-content-top h6 {
font-size: var(--font-24px);
}
.underline-text {
font-size: var(--font-18px);
}
}
@media (max-width: 1200px) {
.gateway-banner-image .common-heading h2 {
font-size: var(--font-28px);
width: 80%;
}
.gateway-banner-content {
margin-top: 15px;
padding: 0;
}
section.gateway-section.section-padding-bottom .gateway-banner-main .gateway-banner-content .row.align-items-end {
align-items: self-start !important;
}
.gateway-banner-content-right {
margin-top: 25px;
}
.leave-container-box {
max-width: 50%;
}
.leave-right-img::before {
width: 300px;
}
.footer-mail a, .footer-number a {
font-size: var(--font-14px);
}
.service-card {
padding: 20px;
}
}
@media (max-width: 1024px) {
.custom-card .card-details .card-details-top h5 {
font-size: var(--font-18px);
}
.custom-card .card-details .card-details-top p {
font-size: var(--font-14px);
}
.custom-card .card-details .card-details-bottom p {
font-size: var(--font-16px);
}
.yoga-details-card {
display: block
}
.yoga-details-content {
padding: 35px 25px 70px 25px;
}
.yoga-details-content p {
margin-right: 0;
}
.yoga-slider-section .owl-prev {
display: block;
left: 50%;
margin-right: 25px;
}
.yoga-slider-section .owl-next {
right: 50%;
margin-right: 25px;
transform: rotate(180deg) !important;
}
.yoga-slider-section .owl-nav .owl-prev, .yoga-slider-section .owl-nav .owl-next {
position: absolute;
bottom: 2%;
top: auto;
transform: translateY(0);
z-index: 10;
}
.yoga-details-img {
width: 100%;
}
.yoga-details-content {
width: 100%;
display: block;
}
.yoga-slider-section .owl-nav svg {
width: 20px;
}
.yoga-slider-section .secondry-btn.btn-border {
width: auto;
}
.blog-details-heading .details-heading-left span,
.details-heading-right span,
.blog-details-content .details-dec,
.blog-details-content .details-heading,
.details-dec-list li,
.contact-details-dec {
font-size: var(--font-16px);
}
.blog-details-heading {
display: block;
}
.blog-details-heading .details-heading-left span {
margin-bottom: 20px;
display: block;
}
.inner-pages-banner-image {
padding: 150px 150px;
}
}
@media (max-width: 991px) {}
@media (max-width: 993px) {
header#header {
background-color: var(--white-color) !important;
}     .middle-container, .main-container, .slider-container {
padding: 38px 30px;
}
.inner-pages-banner-image {
padding: 100px 30px;
}
.breadcrumb-section {
padding: 0 30px;
}
.main-post__content .dec {
max-width: 75%;
}
.main-post__link-text {
font-size: var(--font-18px);
}
span.slide-nav-text {
font-size: var(--font-16px);
}
.explor-journey-section .journey-left h2 {
font-size: var(--font-36px);
}
.explor-journey-section .journey-left h2 {
padding-top: 0;
}
.explor-journey-section .journey-left {
padding-bottom: 12%;
background-size: 26%;
background-position: right;
}
.journey-right {
margin-top: -9%;
}
.common-heading h2 {
font-size: var(--font-28px);
width: 100%;
}
.common-heading p {
font-size: var(--font-14px);
width: 75%;
}
.team-section .custom-card .card-details .card-details-top h5 {
font-size: var(--font-18px);
}
.custom-card .card-details .card-details-top h5 {
font-size: var(--font-18px);
}
.custom-card .card-details .card-details-bottom p {
font-size: var(--font-18px);
}
.custom-card .card-img img {
height: 400px;
}
.custom-card .card-details .card-details-top p {
font-size: var(--font-14px);
}
.team-section .custom-card .card-details .card-details-bottom p {
font-size: var(--font-16px);
}
.project-img a { }
.posts-grid {
grid-template-columns: 1fr;
}
.rail {
grid-template-columns: 1fr 1fr;
}
.guest-section .owl-carousel .owl-nav .owl-prev {
transform: translateX(-25px);
}
.guest-section .owl-carousel .owl-nav .owl-next {
transform: translate(20px, -50%);
}
.footer-branding img {
margin-bottom: 15px;
}
.footer-branding {
margin-bottom: 35px;
}
.inner-pages-banner-image .banner-heading {
font-size: var(--font-48px);
}
.section-second-heading {
font-size: var(--font-18px);
}
.explor-journey-section.reuse-explor-retreats-section .journey-left {
background-size: 30%;
}
.explor-journey-section.reuse-explor-retreats-section .journey-left h2 {
padding-top: 0;
}
.gateway-banner-image .common-heading h2 {
width: 100%;
font-size: var(--font-22px);
}
.gateway-points h6 {
font-size: var(--font-18px);
}
.gateway-banner-content-right .journey-right {
margin-top: 0;
}
.wellness-img img {
margin-bottom: 20px;
}
.gateway-section.reuse-wellness-gateway-section .gateway-banner-content {
padding: 0;
}
.leave-right-img img.img-fluid {
height: 400px;
}
.leave-right-img::before {
display: none;
}
.leave-right-img {
padding: 20px 0px 0px 0px;
}
.gateway-section .common-heading h2 {
padding: 0 20px;
}
}
@media (max-width: 769px) {
.common-heading p {
width: 100%;
}
.section-padding-top {
padding-top: 35px;
}
.section-padding-bottom {
padding-bottom: 35px;
}
.section-padding-bottom-60 {
padding-bottom: 15px;
}
.posts-wrapper {
display: none;
}
.main-post__content {
bottom: 4%;
}
.main-post__title {
font-size: var(--font-42px);
}
.custom-header .burger {
width: var(--font-28px);
}
.main-post__content .dec {
font-size: var(--font-20px);
}
.custom-header .menu {
width: 55%;
}
.custom-header .menu-inner {
max-width: 80%;
}
.custom-header .menu-item {
font-size: var(--font-22px);
}
.custom-header .menu-block p,
.custom-header .btn-darken {
font-size: var(--font-20px);
}
.explor-journey-section .journey-left h2 {
font-size: var(--font-28px);
}
.explor-journey-section .journey-left {
padding-bottom: 25%;
}
.journey-right {
margin-top: -22%;
}
.common-heading {
margin-bottom: 15px;
}
.custom-card .card-details {
margin: -25px 15px 0 15px;
}
.custom-card .card-details .card-details-top h5 {
font-size: var(--font-18px);
}
.custom-card .card-details .card-details-top p {
font-size: var(--font-14px);
}
.custom-card .card-details .card-details-bottom p {
font-size: var(--font-16px);
}
.awaits__title {
font-size: var(--font-36px);
}
.explor-journey-section.reuse-explor-section .journey-left img.img-fluid {
width: 100%;
height: 300px;
object-fit: cover;
margin-bottom: 15px;
}
.explor-journey-section.reuse-explor-section .right-ptrn-img {
width: 35%;
}
.explor-journey-section.reuse-explor-retreats-section .journey-right {
margin-top: -12%;
}
.gateway-points h6 {
font-size: var(--font-16px);
}
.gateway-banner-content-right .journey-right h6,
.bulet-points-heading .dec {
font-size: var(--font-14px);
}
.retreat-section .custom-card .card-details .card-details-top p {
font-size: var(--font-16px);
}
.service-card .service-content-top h6 {
font-size: var(--font-22px);
}
.location-badge {
right: 12px;
}
.location-badge span {
font-size: var(--font-14px);
}
.blog-details-social-ic img.img-fluid {
width: 25px;
}
.inner-pages-banner-image .banner-heading {
font-size: var(--font-42px);
}
.leave-container-box {
max-width: 100%;
}
.leave-right-img img.img-fluid {
height: 300px;
}
section.discover-section.section-padding-bottom {
margin-bottom: 40px;
}
}
@media (max-width: 670px) {
.custom-card .card-details {
margin: -25px 10px 0 10px;
}
.common-heading h2 {
width: 100%;
}
.rail {
grid-template-columns: 1fr;
}
.card-body {
padding: 12px;
}
.featured .card-title {
font-size: var(--font-16px);
}
.featured .card-excerpt {
font-size: var(--font-16px);
}
.rail .card-title {
font-size: var(--font-16px);
}
.meta-bar {
padding: 8px 10px;
font-size: var(--font-12px);
}
.pill {
padding: 5px 9px;
}
span#stars img.img-fluid {
width: 20px;
}
}
@media (max-width: 586px) {}
@media (max-width: 576px) {
.common-heading p {
margin: 10px auto 0;
}
.main-post__content .dec {
max-width: 100%;
}
.custom-card .card-details {
margin: -25px 20px 0 20px;
}
.custom-card .card-img img {
height: 300px;
}
.prices-top {
padding: 20px;
}
.features {
padding: 10px 40px 20px 20px;
}
.guest-section .owl-nav {
top: 85%;
}
.link-for-footer {
margin-bottom: 0;
}
.footer-social-heading h6 {
display: none;
}
.footer-link-3 {
margin-bottom: 20px;
}
.copyright-text {
text-align: start;
}
.link-for-footer-social {
margin-top: 35px;
}
.footer-mail a, .footer-number a {
font-size: var(--font-14px);
}
.awaits__title {
font-size: var(--font-28px);
}
.awaits-form {
display: block;
}
.awaits-input {
width: 100%;
margin-bottom: 10px;
}
.awaits-button {
width: 100%;
}
.journey-left h2 {
font-size: var(--font-28px);
}
.group-button {
display: block;
}
.fill-btn {
justify-content: center;
}
.group-button a.secondry-btn.btn-border {
width: 100%;
font-size: var(--font-14px);
padding: 10px 15px;
}
.location-badge {
right: 20px;
padding: 10px 15px;
}
span#stars img.img-fluid {
width: 15px;
}
span.rating-value,
.total-reviews {
font-size: var(--font-14px);
}
.cominformation-dec {
font-size: var(--font-16px);
}
.cominformation-text img.img-fluid {
height: 40px;
}
.blog-details-content .details-dec,
.blog-details-content .details-heading,
.details-dec-list li,
.contact-details-dec {
font-size: var(--font-14px);
}
.inner-pages-banner-image .banner-heading {
font-size: var(--font-36px);
}
.explor-journey-section .journey-left {
background-image: none;
}
}
@media (max-width: 475px) {
.custom-header .menu-block p {
display: none;
}
.custom-header .btn-darken {
font-size: var(--font-14px);
}
.custom-header .brand {
width: 86px;
}
.custom-header .menu-block {
padding: 22px;
}
.custom-header .menu {
width: 100%;
}
.custom-header .menu-inner {
max-width: 100%;
}
.explor-journey-section .journey-left h2 {
font-size: var(--font-22px);
}
.custom-card .card-img img {
height: 250px;
}
.looking-section.reuse-looking-section .custom-card .card-img img.img-fluid,
.guest-section.reuse-guest-section .custom-card .card-img img.img-fluid {
height: 250px;
}
.reuse-rayya-spa-looking-section .custom-card .card-img img {
height: 250px;
}
.explor-journey-section .journey-right,
.mobile-text-center {
text-align: center !important;
}
}
@media (max-width: 426px) {
.custom-card .card-details {
padding: 16px 16px;
}
.custom-card .card-details .card-details-top h5 {
font-size: var(--font-16px);
margin-bottom: 10px;
}
.custom-card .card-details .card-details-bottom p {
font-size: var(--font-14px);
}
.custom-card .card-details .card-details-top p {
margin-bottom: 5px;
}
.common-heading h2 {
font-size: var(--font-22px);
}
.journey-left h2 {
font-size: var(--font-22px);
}
.inner-pages-banner-image .banner-heading {
font-size: var(--font-34px);
}   .middle-container, .main-container, .slider-container {
padding: 38px 30px;
}
.guest-section .owl-carousel .owl-nav .owl-prev {
transform: translateX(-15px);
}
.guest-section .owl-carousel .owl-nav .owl-next {
transform: translate(15px, -20%);
}
.leave-section .leave-container-box.mw-100 .reply-form .d-flex {
display: block !important;
}
.leave-section .leave-container-box.mw-100 .reply-form .d-flex .form-group.w-50 {
width: 100% !important;
}
.contact-info a {
font-size: var(--font-16px);
}
.gateway-banner-content-right {
padding: 25px 15px;
}
}
@media (max-width: 390px) {
}
@media (max-width: 320px) {}