@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --width-container: 1360px;
    --white-space-container: calc((100vw - var(--width-container))/2);
}
.gold-gradient{
    background: linear-gradient(90deg, #BC9C5E, #F2CD84);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media(min-width:1340px){
    .custom_left_container {
        padding-left: var(--white-space-container) !important;
        overflow-y: visible !important;
    }
}

body {
    overflow-x: hidden;
}

@media(max-width:768px){
    .re-full-width-link-button .elementor-button{
        width:80%;
    }
}

/* Home page essence code slider style start */
@media(min-width:1024px){
    .essence-code .owl-item {
        position: relative;
        transition: transform 0.6s ease !important;
        transform: translateY(0) !important;
    }

    .essence-code .owl-item:hover {
        transform: translateY(-20px) !important;
    }
        
    .essence-code .owl-item:hover .es-hidden-img {
        opacity: 1;
    }
}
.essence-code .owl-item .es-hidden-img {
        opacity: 0;
        transition: opacity 0.3s ease;
        position: absolute;
    }

.owl-carousel.essence-code .owl-stage {
    padding-top:40px;
}

/* Decorative image styles */
.Essence-slider .decor-top-left,
.Essence-slider .decor-top-right,
.Essence-slider .decor-bottom-left,
.Essence-slider .decor-bottom-right {
    position: absolute;
    width: 30px !important;
    height: 30px;
    z-index: 2;
    object-fit: contain;
}

.Essence-slider .decor-top-left {
    top: -10px;
    left: -10px;
}

.Essence-slider .decor-top-right {
    top: -10px;
    right: -10px;
    transform: scaleX(-1);
}

.Essence-slider .decor-bottom-left {
    bottom: -25px;
    left: -10px;
    transform: scaleY(-1);
}

.Essence-slider .decor-bottom-right {
    bottom: -25px;
    right: -10px;
    transform: scaleX(-1) scaleY(-1);
}
 .owl-theme .owl-nav [class*=owl-]:hover{
    background:transparent !important;
}
@media(max-width:1024px){
    .essence-code .owl-nav 
        {
        position: relative;bottom: 25px;justify-content: space-between;display: flex;align-items: stretch;
        }

    .essence-code button.owl-prev {
        position: absolute;
        left: 0;
        bottom: 20px;
    }

    .essence-code button.owl-next {
        position: absolute;
        right: 0;
        bottom: 20px;
    }
}
@media(min-width:1024px) {
    .gradient-before-right::before {
        content: '';
        position: absolute;
        top: 0;
        right: -1px;
        width:33%;
        height: 100%;
        background: linear-gradient(to right, #F4278800 15%, rgba(244, 39, 136, 0.7) 10%, #f42788 100%);
        pointer-events: none;
        z-index: 1;
    }
}
@media (min-width: 1024px) {

        .background-EC::before {
        content: '';
        position: absolute;
        top: 38%;
        left: calc(var(--white-space-container) - 198px);
        /* width: 40%; */
         width:100%;
        height:100%;
        max-width:800px;
        /* height: 40%; */
        background-image: url('/wp-content/uploads/2025/06/rs-bg-1.png');
        background-repeat: no-repeat;
        background-size: contain; /* or contain, depending on what you want */
        pointer-events: none;
        z-index: 1;
    }
}

@media(min-width:1200px) {
    .gradient-before-right::before {
        width: 25%;
    }
}
.flex-strech-stage .owl-stage {
    display: flex;
    align-items: stretch;
}

/* Home page essence code slider style end */




/* Home page retreats slider style start */
.Explore-our-retreats .e-con-inner .elementor-widget-heading.retreats-main-heading{
    padding-top:120px;
}
.Explore-our-retreats .e-con-inner .elementor-widget-heading.retreats-main-heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/06/Subtract.png');
    background-position: 80% -75px;
    background-repeat: no-repeat;
    background-size: 195px 195px;
    z-index: -1; /* Ensure the pseudo-element is behind the heading content */
}


@media (max-width: 768px) {
    .Explore-our-retreats .owl-prev {
        position: absolute;
        top: -80px;
        z-index: 2;
        left: 30px;
    }

    .Explore-our-retreats .owl-next {
        position: absolute;
        top: -85px;
        z-index: 2;
        right: 30px;
    }
    .Explore-our-retreats .e-con-inner .elementor-widget-heading.retreats-main-heading{
        padding-top:44px;
    }
    .Explore-our-retreats .e-con-inner .elementor-widget-heading.retreats-main-heading::before {
        background-position:100% -70px;
         background-size: 50%;
    }
    
}


@media(min-width:1024px){
        .Explore-our-retreats .e-con-inner .elementor-widget-heading.retreats-main-heading{
        padding-top:50px;
    }
    .explore-our-retreats-shortcode-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: calc(0px - var(--white-space-container));
        /* width: 19%; */
        /* width:var(--white-space-container); */
        width: calc(var(--white-space-container) + 0px);
        /* margin-left: calc(0px - var(--white-space-container)); */
        height: 100%;
        background: linear-gradient(to left, #F9F1E800 15%, rgba(249, 241, 232, 0.7) 10%, #F9F1E8 100%);background: linear-gradient(to left, #F9F1E800 0%, rgba(249, 241, 232, 0.7) 0%, #F9F1E8 100%);
        pointer-events: none;
        z-index: 2;
    }
    .explore-our-retreats-shortcode-container::after {
        content: '';
        position: absolute;
        top: 0;
        right:calc(0px - var(--white-space-container));
        /* width: 18%; */
        /* width:var(--white-space-container); */
        /* margin-right: calc(0px - var(--white-space-container)); */
        width: calc(var(--white-space-container) + 0px);
        height: 100%;
         background: linear-gradient(to right, #F9F1E800 0%, rgba(249, 241, 232, 0.7) 0%, #F9F1E8 100%);
        pointer-events: none;
        z-index: 2;
    }
     .explore-our-retreats-shortcode-container .owl-stage-outer {
        overflow: visible !important;
    }

}

 

/* Home page retreats slider style end */


/* Gallery slider style start */
.Slider-gallery-main .owl-carousel .owl-stage-outer{
    overflow: visible!important;
}



/* Infinity slide styles start */
.slider-super-main-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-super-main-container .elementor-gallery__container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center; /* Center vertically for varying heights */
    width: auto;
    will-change: transform;
    transform: translateX(0);
    white-space: nowrap;
    gap: 0 !important;
    --hgap: 0 !important;
    --vgap: 0 !important;
    --item-width: unset !important;
    backface-visibility: hidden;
    perspective: 1000;
    transition: transform 1s linear; /* Smooth transitions (~60 FPS) */
}

.slider-super-main-container .e-gallery-item {
    margin-right: 30px; /* Consistent spacing */
    position: relative;
    display: inline-block;
    transform: translate3d(0, 0, 0); /* Hardware acceleration */
}

.slider-super-main-container .e-gallery-item:nth-child(4n+1) {
    width: 491px;
    height: 276px;
}

.slider-super-main-container .e-gallery-item:nth-child(4n+2) {
    width: 282px;
    height: 350px;
}

.slider-super-main-container .e-gallery-item:nth-child(4n+3) {
    width: 386px;
    height: 276px;
}

.slider-super-main-container .e-gallery-item:nth-child(4n) {
    width: 320px;
    height: 491px;
}

.slider-super-main-container .e-gallery-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    image-rendering: optimizeSpeed;
}

.slider-super-main-container .elementor-gallery-item__overlay {
    display: none;
}

/* Infinity slide styles end */