.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-809cc4e *//*=====================================
RANU HERO
======================================*/

.ranu-page-hero{

    position:relative;

    height:520px;

    background:url("https://sandbox.ranutuljamatajimandir.org/wp-content/uploads/2025/06/mandir-front-scaled.jpg") center center/cover no-repeat;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

/* Dark Overlay */

.hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}

/* Content */

.hero-content{

    position:relative;

    z-index:5;

    text-align:center;

    color:#fff;

    padding:0 20px;

}

.hero-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    border-radius:50px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(8px);

    font-size:15px;

    letter-spacing:1px;

    color:#fff;

    margin-bottom:25px;

}

.hero-subtitle i{

    color:#E7C86F;

}

.hero-content h1{

    font-family:"Poppins",serif;

    font-size:50px;

    font-weight:700;

    margin-bottom:22px;

}

/*.hero-breadcrumb{*/

/*    display:flex;*/

/*    justify-content:center;*/

/*    align-items:center;*/

/*    gap:14px;*/

/*    font-size:15px;*/

/*}*/

/*.hero-breadcrumb a{*/

/*    color:#fff;*/

/*    text-decoration:none;*/

/*}*/

/*.hero-breadcrumb span{*/

/*    color:#E7C86F;*/

/*}*/

/* Wave */

.about-hero-wave{
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    line-height:0;
    z-index:5;
}

.about-hero-wave svg{
    display:block;
    width:100%;
    height:55px;   /* Light curve */
}
/* Responsive */

@media(max-width:991px){

.ranu-page-hero{

    height:430px;

}

.hero-content h1{

    font-size:50px;

}

.hero-wave svg{

    height:120px;

}

}

@media(max-width:767px){

.ranu-page-hero{

    height:360px;

}

.hero-subtitle{

    font-size:13px;

    padding:8px 18px;

}

.hero-content h1{

    font-size:38px;

}

.hero-breadcrumb{

    font-size:13px;

}

.hero-wave svg{

    height:90px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-878c2e2 *//*=================================================
    RANU SEVA FOOTPRINT STATS SECTION
=================================================*/

:root{
    --ranu-primary:#820000;
    --ranu-primary-dark:#560000;
    --ranu-beige:#FBF3EC;
    --ranu-text:#555555;
    --ranu-heading:#2A1410;
}

.ranu-stats-section *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.ranu-stats-section{
    position:relative;
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    padding:30px 0;
    overflow:hidden;
}
/*=================================================
    CURVED TOP BORDER
=================================================*/

.ranu-stats-curve{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    line-height:0;
}

.ranu-stats-curve svg{
    width:100%;
    height:40px;
    display:block;
}

.ranu-stats-curve svg path{
    fill:var(--ranu-primary);
}

/*=================================================
    CONTAINER
=================================================*/

.ranu-stats-container{
   width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 30px;
    text-align: center;
}

.ranu-stats-heading{
    font-size:35px;
    font-weight:600;
    letter-spacing:1.3px;
    text-transform:normal;
    color:#820000;
    margin-top:20px;
    margin-bottom:20px;
}

.ranu-stats-divider{
    width:450px;
    height:12px;
    margin: 20px auto 25px;
    position:relative;
}
.ranu-stats-divider::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:3px;
    transform:translateY(-50%);
    background:linear-gradient(90deg, transparent, #C89B3C, transparent);
}
.ranu-stats-divider::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:18px;
    height:18px;
    border-radius:50%;
    background:#C89B3C;
    border:4px solid #fff;
    box-shadow:0 0 0 2px rgba(200,155,60,.20);
}
/*=========================================
COMMON RANU BADGE
=========================================*/

/*====================================
        STATS BADGE
====================================*/

.ranu-stats-section .badge-wrap{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

}



.ranu-stats-section .badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#FBF6F0;

    border:1px solid rgba(130,0,0,.12);

    padding:9px 22px 9px 9px;

    border-radius:60px;

    /*transition:.35s ease;*/

}



/* OM ICON */

.ranu-stats-section .badge .om{

    width:30px;

    height:30px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #820000,
        #560000
    );

    color:#fff;

    font-size:14px;

    /*transition:.35s ease;*/

}



/* LABEL */

.ranu-stats-section .badge .label{

    color:#820000;

    font-size:14px;

    font-weight:600;

    letter-spacing:1.8px;

    font-family:'Poppins',sans-serif;

}



/* HOVER */

/*.ranu-stats-section .badge:hover{*/

/*    transform:translateY(-3px);*/

/*    box-shadow:0 12px 30px rgba(130,0,0,.12);*/

/*}*/



/*.ranu-stats-section .badge:hover .om{*/

/*    transform:rotate(360deg);*/

/*}*/


/*=================================================
    GRID
=================================================*/

.ranu-stats-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:40px;
    text-align:left;
}

.ranu-stat-item{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding-top:28px;
    transition:.35s ease;
}
/*=========================================
        TOP HOVER LINE
=========================================*/

/* Default gray line */

.ranu-stat-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:#E8E8E8;
}

/* Animated maroon line */

.ranu-stat-item::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:2px;
    background:#820000;
    transition:width .45s ease;
}

.ranu-stat-item:hover::after{
    width:100%;
}

.ranu-stat-icon{
    width:76px;
    height:76px;
    border-radius:50%;
    background:var(--ranu-beige);
    color:var(--ranu-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:22px;
    transition:.35s ease;
}

.ranu-stat-item:hover .ranu-stat-icon{
    background:var(--ranu-primary);
    color:#fff;
    transform:translateY(-4px);
}

.ranu-stat-number{
    font-size:44px;
    font-weight:800;
    color:var(--ranu-primary);
    line-height:1;
    margin-bottom:14px;
}

.ranu-stat-item p{
    font-size:18px;
    line-height:25px;
    color:#000;
    font-weight:500;
    max-width:220px;
}

/*=================================================
    BOTTOM LINE
=================================================*/

/*.ranu-stats-bottom-line{*/
/*    height:1px;*/
/*    background:rgba(130,0,0,.15);*/
/*    margin-top:70px;*/
/*}*/

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

@media(max-width:1200px){
    .ranu-stats-container{ padding:0 40px; }
    .ranu-stats-grid{ gap:30px; }
    .ranu-stat-number{ font-size:38px; }
}

@media(max-width:992px){
    .ranu-stats-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:44px 30px;
    }
}

@media(max-width:768px){
    .ranu-stats-section{ padding:70px 0 50px; }
    .ranu-stats-container{ padding:0 24px; }
    .ranu-stats-heading{
        font-size:16px;
        letter-spacing:1px;
    }
    .ranu-stats-grid{
        grid-template-columns:1fr;
        gap:36px;
        text-align:center;
    }
    .ranu-stat-item{ align-items:center; }
    .ranu-stat-item p{ max-width:100%; }
}

@media(max-width:480px){
    .ranu-stats-container{ padding:0 18px; }
    .ranu-stat-number{ font-size:34px; }
    .ranu-stats-heading{ font-size:14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9991b02 *//*========================================
      WHY VISIT RANU
      PREMIUM CSS — PART 1
========================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

.ranu-visit{

    --primary:#820000;
    --primary-dark:#620000;
    --gold:#C89B3C;
    --cream:#FFF9F2;
    --white:#ffffff;
    --text:#222;
    --text-light:#666;

    background:#fff;

    padding:30px 30px 30px;

    font-family:'Poppins',sans-serif;

    overflow:hidden;

    position:relative;

}

.ranu-visit *{

    box-sizing:border-box;

}

.ranu-visit .container{

    max-width:1280px;

    margin:auto;

}


/*==================================
BADGE
==================================*/

.ranu-visit .badge-wrap{

    display:flex;

    justify-content:center;

    margin-bottom:20px;

}

.ranu-visit .badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:9px 22px 9px 9px;

    background:#fff;

    border-radius:50px;

    border:1px solid rgba(130,0,0,.12);

    font-size:13px;

    font-weight:600;

    color:#820000;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.ranu-visit .badge-icon{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#820000,#620000);

    color:#fff;

    font-size:15px;

}


/*==================================
HEADING
==================================*/

.ranu-visit .section-title{

    text-align:center;

    color:#820000;

    font-size:35px;

    line-height:1.25;

    font-weight:600;

    margin:0;
    
    letter-spacing: 0.1px;

}

.ranu-visit .heading-divider{

    width:320px;

    height:12px;

    margin:24px auto;

    position:relative;

}

.ranu-visit .heading-divider::before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:50%;

    height:2px;

    transform:translateY(-50%);

    background:linear-gradient(90deg,
    transparent,
    #C89B3C,
    transparent);

}

.ranu-visit .heading-divider::after{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:18px;

    height:18px;

    border-radius:50%;

    background:#C89B3C;

    border:4px solid #fff;

    box-shadow:0 0 0 2px rgba(200,155,60,.20);

}

.ranu-visit .section-subtitle{

    max-width:650px;

    margin:0 auto 70px;

    text-align:center;

    color:#000;

    font-size:17px;

    line-height:30px;

    font-weight:500;

}


/*==================================
GRID
==================================*/

.ranu-visit .visit-grid{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:30px;

    flex-wrap:nowrap;

}


/*==================================
CARD
==================================*/

.ranu-visit .visit-card{

    width:280px;
    
    min-height: 320px;

    background:#fff;

    border-radius:26px;

    padding:90px 32px 40px;

    text-align:center;

    position:relative;

    transition:.45s cubic-bezier(.19,1,.22,1);

    box-shadow:0 20px 45px rgba(0,0,0,.06);

}


.ranu-visit .visit-card.down{

    margin-top:36px;

}

.ranu-visit .visit-card.active{

    background:#820000;

    color:#fff;

}

.ranu-visit .visit-card:hover{

    transform:translateY(-12px);

    /*box-shadow:0 30px 70px rgba(130,0,0,.18);*/

}

.ranu-visit .visit-card:nth-child(1){
    margin-top:0;
}

.ranu-visit .visit-card:nth-child(2){
    margin-top:70px;
}

.ranu-visit .visit-card:nth-child(3){
    margin-top:0;
}

.ranu-visit .visit-card:nth-child(4){
    margin-top:70px;
}
/*========================================
      WHY VISIT RANU
      PREMIUM CSS — PART 2
========================================*/


/*==============================
ICON CIRCLE
==============================*/

.ranu-visit .icon-circle{

    position:absolute;

    left:50%;

    top:-38px;

    transform:translateX(-50%);

    width:74px;

    height:74px;

    border-radius:50%;

    background:#820000;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    transition:.45s ease;

    /*box-shadow:0 18px  rgba(130,0,0,.18);*/

}

.ranu-visit .visit-card.active .icon-circle{

    background:#fff;

    color:#820000;

}

.ranu-visit .visit-card:hover .icon-circle{

    transform:translateX(-50%) scale(1.08);

}


/*==============================
NUMBER BADGE
==============================*/

.ranu-visit .number{

    position:absolute;

    top:-5px;

    right:-5px;

    width:32px;

    height:32px;

    border-radius:50%;

    background:#111;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

    font-weight:700;

    border:3px solid #fff;

}

.ranu-visit .visit-card.active .number{

    border-color:#820000;

}


/*==============================
TITLE
==============================*/

.ranu-visit .visit-card h3{

    margin:0 0 18px;

    font-size:25px;

    line-height:1.2;

    color:#820000;

    font-weight:600;

    transition:.35s;

}

.ranu-visit .visit-card.active h3{

    color:#fff;

}


/*==============================
DESCRIPTION
==============================*/

.ranu-visit .visit-card p{

    margin:0;

    color:#000;

    font-size:15px;

    line-height:28px;

    font-weight:500;

    transition:.35s;
    
    justify-content: center;

}

.ranu-visit .visit-card.active p{

    color:rgba(255,255,255,.88);

}


/*==============================
HOVER EFFECT
==============================*/

.ranu-visit .visit-card::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:0;

    background:linear-gradient(
        180deg,
        #a10000 0%,
        #820000 60%,
        #620000 100%
    );

    transition:height .45s cubic-bezier(.19,1,.22,1);

    z-index:0;

    border-radius:26px;

}

.ranu-visit .visit-card>*{

    position:relative;

    z-index:2;

}

.ranu-visit .visit-card:hover::before{

    height:100%;

}

.ranu-visit .visit-card:hover h3,

.ranu-visit .visit-card:hover p{

    color:#fff;

}

.ranu-visit .visit-card:hover .icon-circle{

    background:#fff;

    color:#820000;

}

.ranu-visit .visit-card:hover .number{

    background:#fff;

    color:#820000;

}
/*========================================
      WHY VISIT RANU
      PREMIUM CSS — PART 3
========================================*/


/*==============================
DECORATIVE SHAPES
==============================*/

.ranu-visit::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(200,155,60,.08),
    transparent 70%);

    top:-180px;

    left:-160px;

    pointer-events:none;

}

.ranu-visit::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(130,0,0,.05),
    transparent 70%);

    right:-120px;

    bottom:-150px;

    pointer-events:none;

}


/*==============================
CARD ANIMATION
==============================*/

.ranu-visit .visit-card{

    opacity:0;

    transform:translateY(60px);

    animation:ranuFade .8s ease forwards;

}

.ranu-visit .visit-card:nth-child(1){

    animation-delay:.10s;

}

.ranu-visit .visit-card:nth-child(2){

    animation-delay:.25s;

}

.ranu-visit .visit-card:nth-child(3){

    animation-delay:.40s;

}

.ranu-visit .visit-card:nth-child(4){

    animation-delay:.55s;

}

@keyframes ranuFade{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


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

@media(max-width:1200px){

.ranu-visit .visit-grid{

gap:24px;

}

}

@media(max-width:992px){

.ranu-visit{

padding:70px 25px 80px;

}

.ranu-visit .visit-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.ranu-visit .visit-card{

width:100%;

}

.ranu-visit .visit-card.down{

margin-top:0;

}

}

@media(max-width:768px){

.ranu-visit{

padding:60px 20px 70px;

}

.ranu-visit .section-title{

font-size:34px;

}

.ranu-visit .section-subtitle{

font-size:15px;

line-height:28px;

margin-bottom:50px;

}

.ranu-visit .heading-divider{

width:250px;

}

.ranu-visit .visit-grid{

grid-template-columns:1fr;

max-width:420px;

margin:auto;

}

.ranu-visit .visit-card{

padding:80px 28px 35px;

}

.ranu-visit .visit-card.down{

margin-top:0;

}

.ranu-visit .icon-circle{

width:68px;

height:68px;

font-size:24px;

}

.ranu-visit .visit-card h3{

font-size:26px;

}

}

@media(max-width:480px){

.ranu-visit{

padding:50px 15px 60px;

}

.ranu-visit .section-title{

font-size:28px;

}

.ranu-visit .section-subtitle{

font-size:14px;

line-height:25px;

}

.ranu-visit .heading-divider{

width:200px;

}

.ranu-visit .visit-card{

padding:75px 24px 30px;

border-radius:22px;

}

.ranu-visit .icon-circle{

width:60px;

height:60px;

font-size:22px;

top:-30px;

}

.ranu-visit .visit-card h3{

font-size:22px;

}

.ranu-visit .visit-card p{

font-size:14px;

line-height:24px;

}

}


/*==============================
REDUCED MOTION
==============================*/

@media(prefers-reduced-motion:reduce){

.ranu-visit *,
.ranu-visit *::before,
.ranu-visit *::after{

animation:none!important;

transition:none!important;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdc468e *//*====================================================
        RANU SPIRITUAL SPOTS
        PREMIUM ZIG-ZAG HERITAGE DESIGN
        UPDATED FINAL (NO TIMELINE)
====================================================*/


.ranu-spiritual-spots{

    --maroon:#820000;
    --maroon-dark:#560000;
    --gold:#C89B3C;
    --cream:#FFF9F2;
    --text:#2B1810;
    --light:#666;

    background:#FFF9F2;

    padding:30px 30px 30px;

    font-family:'Poppins',sans-serif;

    overflow:hidden;
 
}


.ranu-spiritual-spots *{
    box-sizing:border-box;
}



/*==============================
CONTAINER
==============================*/

.ranu-spiritual-spots .container{

    max-width:1280px;

    margin:auto;

}



/*==============================
BADGE
==============================*/


.ranu-spiritual-spots .badge-wrap{

    display:flex;

    justify-content:center;

    margin-bottom:25px;

}


.ranu-spiritual-spots .badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:9px 22px 9px 9px;

    border-radius:50px;

    background:#FDF5F0;

    border:1px solid rgba(130,0,0,.12);

}



.ranu-spiritual-spots .om{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #820000,
        #560000
    );

    color:#fff;

    font-size:16px;

}



.ranu-spiritual-spots .label{

    color:#820000;

    font-size:14px;

    font-weight:600;

    letter-spacing:1.8px;

}



/*==============================
HEADING
==============================*/


.ranu-spiritual-spots .section-title{

    margin:0;

    text-align:center;

    color:#820000;

    font-size:35px;

    font-weight:600;

}



.ranu-spiritual-spots .heading-divider{

    width:320px;

    height:12px;

    margin:24px auto;

    position:relative;

}

.ranu-spiritual-spots .heading-divider::before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:50%;

    height:2px;

    transform:translateY(-50%);

    background:linear-gradient(90deg,
    transparent,
    #C89B3C,
    transparent);

}

.ranu-spiritual-spots  .heading-divider::after{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:18px;

    height:18px;

    border-radius:50%;

    background:#C89B3C;

    border:4px solid #fff;

    box-shadow:0 0 0 2px rgba(200,155,60,.20);

}



.ranu-spiritual-spots .section-sub{

    max-width:680px;

    margin:0 auto 60px;

    text-align:center;

    color:#000;

    font-size:17px;

    line-height:28px;

    font-weight:500;

}



/*==============================
ZIG ZAG WRAPPER
==============================*/


.ranu-spiritual-spots .spots-wrapper{

    display:flex;

    flex-direction:column;

    gap:60px;

}



/*==============================
CARD ROW
==============================*/


.ranu-spiritual-spots .spiritual-card{

    display:flex;

    align-items:center;

    gap:40px;

}



.ranu-spiritual-spots .spiritual-card.reverse{

    flex-direction:row-reverse;

}



/*==============================
IMAGE
==============================*/


.ranu-spiritual-spots .spot-image{

    width:50%;

    height:330px;

    border-radius:28px;

    overflow:hidden;

    position:relative;

}



.ranu-spiritual-spots .spot-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.35),
        transparent
    );

}



.ranu-spiritual-spots .spot-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}



.ranu-spiritual-spots .spiritual-card:hover img{

    transform:scale(1.08);

}



/*==============================
CONTENT BOX
==============================*/


/*==============================
FIXED EQUAL CONTENT CARD
==============================*/

.ranu-spiritual-spots .spot-info{

    width:50%;

    height:320px;   /* FIXED SAME HEIGHT */

    background:#fff;

    padding:35px 38px;

    border-radius:28px;

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    /*box-shadow:*/
    /*0 20px 50px rgba(0,0,0,.07);*/

    transition:.45s ease;
    align-items:flex-start; 

}



/* overlap effect */


.ranu-spiritual-spots .spiritual-card:not(.reverse) .spot-info{

    margin-left:-80px;

}



.ranu-spiritual-spots .spiritual-card.reverse .spot-info{

    margin-right:-80px;

}



.ranu-spiritual-spots .spot-info:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(130,0,0,.15);

}



/*==============================
NUMBER
==============================*/


.ranu-spiritual-spots .spot-number{

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#820000;

    color:#fff;

    font-size:15px;

    font-weight:700;

    margin-bottom:20px;

}



/*==============================
TITLE
==============================*/


.ranu-spiritual-spots h3{

    margin:0;

    font-size:25px;

    font-weight:600;

    color:#820000;

}



.ranu-spiritual-spots .gold-line{

    width:65px;

    height:3px;

    background:#C89B3C;

    margin:18px 0;

}



.ranu-spiritual-spots p{

    margin:0;

    color:#000;

    font-size:17px;

    line-height:28px;
    
    font-weight: 500;

}



/*==============================
BUTTON
==============================*/


.ranu-spiritual-spots .spot-btn{

    display:inline-flex;

    margin-top:25px;

    padding:12px 30px;
    
     width:auto;              /* ADD THIS */

    align-self:flex-start; 

    border-radius:50px;

    background:#820000;

    color:white;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.35s ease;

}



.ranu-spiritual-spots .spot-btn:hover{

    background:#C89B3C;

    color:#111;

}



/*==============================
DECORATIVE BACKGROUND
==============================*/


.ranu-spiritual-spots::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(200,155,60,.12),
        transparent 70%
    );

    left:-150px;

    top:100px;

}



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


@media(max-width:992px){


.ranu-spiritual-spots .spiritual-card,
.ranu-spiritual-spots .spiritual-card.reverse{

    flex-direction:column;

    gap:0;

}



.ranu-spiritual-spots .spot-image{

     width:100%;

        height:320px;

}



.ranu-spiritual-spots .spot-info{

      width:90%;

        height:320px;

        margin:-40px auto 0 !important;

}



}



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


@media(max-width:600px){


.ranu-spiritual-spots{

    padding:50px 15px;

}


.ranu-spiritual-spots .section-title{

    font-size:28px;

}


.ranu-spiritual-spots .heading-divider{

    width:220px;

}


.ranu-spiritual-spots .section-sub{

    font-size:14px;

}


.ranu-spiritual-spots .spot-image{

    height:240px;

}



.ranu-spiritual-spots .spot-info{

   
    width:90%;

    height:320px;

    padding:28px 24px;

}



.ranu-spiritual-spots h3{

    font-size:23px;

}


.ranu-spiritual-spots p{

    font-size:14px;

    line-height:25px;

}


}/* End custom CSS */