.card{
    
    --bs-card-border-width:none !important;
}
.rural_india .left_col {
    position: relative; /* Ensure the container has positioning */
    overflow: visible; /* Hide overflow to contain pseudo-element */
}

.rural_india .left_col img{

    position: relative;
    z-index: 99;

}

.bg-container{
    background-color: #FBF9F2;
}
.profile_element::before{
    content: '';
    position: absolute; 
    margin-top: -2rem;
    margin-left: -3rem;
    width: 18%;
    height: 18%;
    background: url(../images/quote-element.svg) no-repeat;
    background-size: 72%;
   
    
    
}
.profile_element{
   padding-top:4rem;
}


@media(min-width:980px){
    .roshni_pills_card{
        padding: 0 4rem;
        padding-left:0 !important;
    }
    .rural_india .left_col::before {
        content: '';
        position: absolute;
        left: -12rem;
        bottom: -8.5rem;
        width: 107%;
        height: 140%;
        
        background: url(../images/who_we_are_circle.svg) no-repeat;
        background-size: 72%;
        background-position: 50%;
        z-index: 0;
        animation: spin 3s linear infinite;
    }
}

.nav-pills{
    gap: 1.8rem;
}
 
.nav-pills .nav-link.active{
    background-color: #FFC000;
    color: #000;
    padding: 1rem 0;
        width: 13.5rem;
    border-radius: 4rem;
}
 .vol{
    background-color: #ffffff;
    color: #000;
    border: 2px solid  #FFC000;
    padding: 1rem 0;
        width: 13.5rem;
    font-size: 1.6rem;
    border-radius: 4rem !important;
} 
 
.nav{
    --bs-nav-link-hover-color: #000000;
    flex-wrap: inherit !important;

}
.scrollable-pills {
    max-width: 100%; /* Ensure it takes full width */
    overflow-x: auto; /* Enable horizontal scrolling */
}
#three_pills{
    padding-top:0;
}

#eminent-element{
    background:  url('../images/roshini657756.png') no-repeat;
    background-size:cover;
    background-position: top;
}