*{
    margin:0;
    padding:0;
    
}
html{
    font-size: 62.5%;
    overflow-x: hidden !important;
    letter-spacing: 1px;
}
body{
    overflow-x: hidden !important;
}


/* @font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
} */
@font-face {
    font-family: 'SourceSansPro';
    src: url('/static/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
}
/* @font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 400;
} */

@font-face {
    font-family: 'FootlightMTProRegular';
    src: url('/static/fonts/FootlightMTProRegular.ttf') format('truetype');
}


.txt-orange{
    color:#EF7D00 !important;
}

.form-control{ 
    height: 46px;
    font-size: 2.1rem;
    color: #000 !important;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'FootlightMTProRegular';      
    color:#111;                         
    line-height: 1.4em;   
    font-weight: 600;     
    margin-bottom:1.4rem;                                        
}
h1{
    font-size: 5rem !important;
}
h2{
    font-size:3.8rem !important;
}
h3{
    font-size:2.8rem !important;
}
h4{
    font-size:1.9rem !important;
}
h5{
    font-size:0.8rem !important;
}
h6{ 
    font-size:0.4rem !important;
}
.txt-xs{
    font-size:1.6rem !important;
}
.txt-m{
    font-size:1.9rem !important;
}
p, a, ul, li, td,label{
    color: #111;
    font-family: 'SourceSansPro';      
 font-weight: normal;
    font-size:2.1rem !important;
    line-height: 1.4em;
    margin-bottom:1.4rem; 
    text-decoration: none;
}
.cta-margin{
    padding-top:50px;
}
.vision_btn{
    width:290px;
}






@media(max-width:980px){
    p, a, ul, li, td,label{
        
        font-size:1.7rem !important;
        line-height: 1.4em;
        
    }



    h1,h2,h3,h4,h5,h6{
        font-family: 'Source Sans Pro';      
        color:#111;                         
        line-height: 1.4em;   
        font-weight: 600;     
        margin-bottom:1.4rem;                                        
    }
    h1{
        font-size: 4rem !important;
    }
    h2{
        font-size:2.8rem !important;
    }
    h3{
        font-size:1.8rem !important;
    }
    h4{
        font-size:1.7rem !important;
    }
    h5{
        font-size:0.8rem !important;
    }
    h6{ 
        font-size:0.4rem !important;
    }
    

    

}

      


.txt-s{
    font-size: 1.8rem !important;
}
section{
    padding: 5rem 0;
}
.row{
    padding: 3rem 0;
}
button.yellow_btn{
     
    background: #FFC000 !important;
    padding: 0.8rem 3rem !important;
    font-weight:600 !important;
    border-radius: 3.5rem  !important;
    transition:0.3s ease;
    border:2px solid #FFC000 !important;
}
button.yellow_btn:hover{
    box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
    /* background:none !important; */
}
button.border_btn{
    font-size:2.4rem !important;
    padding: 0.8rem 3rem !important;
    font-weight:600 !important;
    border-radius: 3.5rem  !important;
    border:2px solid #FFC000 !important;
    transition:0.3s ease;
    background:none;
}
button.border_btn:hover{
    box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
    background: #FFC000 !important;
}
@media(max-width: 981px){
    .row{
        width:100%;
        margin:auto;
    }
}

/****** Header CSS Start *****/


@media(min-width: 981px){
    .navbar-brand{
        margin: auto !important;
    }
    .navbar-nav .nav-item{
        margin: auto !important;
    }
    .navbar.navbar-expand-sm{
        padding: 2rem 0 !important;
         box-shadow: rgba(99, 99, 99, 0.2) 3px 2px 8px 0px;
    }
}




.navbar-brand img{
    width: 150px;
}
header nav ul li a{
    color:#111 !important;
    font-size:1.6rem !important;
}
header nav ul li{
     margin-left:20px;
}
header .upcoming_tag{
   display:flex;
   justify-content: center;
    background: #FDFCF8;
    padding: 15px;
}
header .upcoming_blurb{
    display: flex;
    align-items: center;
    justify-self: center;
}
header .upcoming_blurb p{
    margin-bottom:0;
}
header .upcoming_blurb .blurb_top{
    display: flex;
    align-items: center;
    margin-right:20px;
    font-weight:600;
}
header .upcoming_blurb .blurb_top img{
    width:20px;
    margin-right:10px;
}
header .upcoming_blurb .blurb_top p{
    font-size:1.4rem !important;
}
header .upcoming_blurb .blurb_content p{
    color: #FFA94D;
    font-size: 1.4rem !important;
}

/****** Header CSS End *****/


/****** Footer CSS Start *****/
footer#site-footer{
    padding: 4rem 0 0 0;
}
footer#site-footer h5{
    font-size:1.8rem !important;
    font-weight:600;
    margin-bottom:0.5rem !important;
}
footer#site-footer ul{
    list-style: none;
    padding:0;
}
footer#site-footer ul li a{
    font-size: 1.6rem !important;
    font-weight:400 !important;
}
footer#site-footer .follow_us_icons a{
    margin-right:1rem;
}
footer#site-footer .footer_bottom{
    text-align: center;
    background: url('../images/footer_bottom_bg.jpg') no-repeat;
    background-size:cover;
}
footer#site-footer .footer_bottom .row{
    padding:2rem 0;
}
footer#site-footer .footer_bottom a{
    color:#FFF;
}
.txt-grey{
    color: #5E5E5E !important;
}
/****** Footer CSS End *****/


/************************** Homepage CSS Start ****************************/

/* ******* HOME BANNER ******** */
#home_banner{
    padding-top:0;
    min-height:100vh;
    display: flex;
    align-items:center;
}
#home_banner .row{
    display:flex;
    align-items:center;
    padding-top:1rem;
}
@media(min-width: 981px){
    #home_banner .row .right_col{
        position: absolute;
        right:-5rem;
        transform:translate(0, 50px);
    }
}
/* ******* HOME BANNER ******** */

/* ******* WHO WE ARE ******** */
#who_we_are{
    padding-top:0;
    background:url('../images/who_we_are_bg.png') no-repeat center right;
}
#who_we_are .row{
    display:flex;
    align-items: center;
}
#who_we_are .left_col {
    position: relative; /* Ensure the container has positioning */
    overflow: visible; /* Hide overflow to contain pseudo-element */
}

#who_we_are .left_col::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/who_we_are_circle.svg') no-repeat;
    background-size: contain;
    z-index: -1; /* Place behind the content */
    animation: spin 3s linear infinite; /* Apply animation to the pseudo-element */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ******* WHO WE ARE ******** */

/* ******* OUR VISION ******** */


.card-img-top{
    position: relative;
}

#our_vision .card-img-top:hover{

    transform: scale(1.07);

}

#our_vision .card-img-top{

    transition: transform 0.3s ease;

}
#our_vision{
    background: linear-gradient(to right, #FBF9F2, #FBF9F2);
    position: relative; /* Ensure the container has positioning */
    overflow: hidden; /* Hide overflow to contain pseudo-element */
}
#our_vision::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -27rem;
    width: 100%;
    height: 100%;
    background: url(../images/our_vision_bg.png) no-repeat;
    background-size: 56%;
    background-position: 50%;
    z-index: 0;
    animation: spin 6s linear infinite;
}
@media(min-width:1700px){
    #our_vision::before {
        bottom: -30rem !important;
        background-size: 50% !important;
    }
}
.h2_center_black{
    text-align: center;
    margin-bottom:3rem;
}
#our_vision .heading{
    z-index: 9999;
}
.heading p{
    text-align: center;
    margin-bottom:5rem;
}
#our_vision .cta_btns{
    display: flex;
    justify-content:center;
}
#our_vision .cta_btns a{
    margin:0 1rem;
}
#our_vision  .card{
    border:none;
    border-radius: 2.6rem 6rem 2rem 6rem;
    cursor:pointer;
    transition:0.3s ease;
    box-shadow: 1px 1px 10px #ddd;
}
#our_vision  .card img{
    border-radius: 2.6rem 6rem 2.6rem 2.6rem;
    min-height: 35rem;
    object-fit: cover;
    transition:0.3s ease;
}
#our_vision  .card p{
    padding: 6px 0;
     text-align: center;
     font-weight: 600;
}
#our_vision  .card .card-body{
    padding:1.5rem;
}
#our_vision  .card:hover img{
    min-height:36rem;
}
#our_vision  .card:hover p{
    color:#FFF;
}
#our_vision  .card.green_body:hover{
    background:#76B82A;
}
#our_vision  .card.orange_body:hover{
    background:#EF7D00;
}
#our_vision  .card.red_body:hover{
    background:#E4032E;
}
#our_vision .slide{
    padding:  10px;
}

@media(max-width: 700px){
    #our_vision  .card img{
        height: 25rem;
    }
    #our_vision  .card:hover img{
        height:27rem;
    }

}
/* ******* OUR VISION ******** */

/*** Voice of eVidyaloka START ***/
#voice_of_evidyaloka{
    background:  url('../images/voice_bg_elements.png') no-repeat, linear-gradient(to right, #F9F5E7, #F9F5E7);
    background-size:cover;
    background-position: top;
}
#voice_of_evidyaloka .slider{
    width:100%;
    margin:0px auto;
    text-align: center;
    
    min-height: 600px;
}
#voice_of_evidyaloka .slide{
    padding:40px;
     
}
#voice_of_evidyaloka .child-element{
    transition: all .2s ease;
    width:100%;
    height: 300px;
    margin-top:50px;
    border-radius: 50px;
  }
  #voice_of_evidyaloka .html5-video-player, #voice_of_evidyaloka  iframe{
    border-radius: 10px;
  }
  #voice_of_evidyaloka .slick-center .child-element{
    transform: translate(-70px,0px);
    width: calc(100% + 140px);
    max-width: initial;
    height: 400px;
    margin-top:0px;
  }
  #voice_of_evidyaloka .slick-prev{
    left:20% !important;
    top:40% !important;
    z-index:99;
  }
  #voice_of_evidyaloka .slick-next{
    right:20% !important;
    top:40% !important;
    z-index:99;
  }
  #voice_of_evidyaloka .slick-next:before{
    content:url('../images/right_arrow.svg') !important;
    opacity:1 !important;
  }
  #voice_of_evidyaloka .slick-prev:before{
    content:url('../images/left_arrow.svg') !important;
    opacity:1 !important;
  }
/* .item_video{
    width: 100%; 
    height: 100%;
    padding-bottom: 0;
    margin:0 20px;
    position: relative;
}
iframe {
  width: 100%; 
  height:350px;
}
.item.slick-slide{
    margin: 0 10px;
}
.item_video:after {
    display: none;
}
.item.slick-slide.slick-active.slick-center{
    width: 800px !important;
}
@media screen and (min-width: 1200px) {
    .item_video:after {   
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(#000000, 0.5);
    z-index: 3;
    cursor: move;
    
    }
}
.item-video__video:after {
    display: none;
} */
/*** Voice of eVidyaloka END ***/


/* ******* IMPACT SECTION START ******** */
#impact_section .impact_headings{
    font-weight: 600;
    font-size: 3.3rem !important;
}
#impact_section .blurb_row{
    padding-top:0px;
}
#impact_section .impact_blurb{
    margin-top:20px;
    position: relative;
    z-index: 2;
}
#impact_section .impact_blurb h4{
    font-size: 3.5rem !important;
    margin-bottom:0px;
}
.order_row{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-around;
}
#impact_section .impact_blurb.green:before{
    content:url('../images/green_circle.svg');
    position:absolute;
    transform:scale(0.7);
    z-index: -1;
    left:-10px;
    top:-20px;
}
#impact_section .impact_blurb.orange:before{
    content:url('../images/orange_circle.svg');
    position:absolute;
    transform:scale(0.7);
    z-index: -1;
    left:-10px;
    top:-20px;
}
#impact_section .impact_blurb.red:before{
    content:url('../images/pink_circle.svg');
    position:absolute;
    transform:scale(0.7);
    z-index: -1;
    left:-10px;
    top:-20px;
}
#impact_section .impact_blurb.blue:before{
    content:url('../images/blue_circle.svg');
    position:absolute;
    transform:scale(0.7);
    z-index: -1;
    left:-10px;
    top:-20px;
}
#impact_section .impact_headings.mob{
    display:none;
}
#impact_section img{
    width:100%;
}
@media(max-width: 981px){
    #impact_section .impact_headings.desk{
        display:none;
    }
    #impact_section .impact_headings.mob{
        margin-bottom:25px;
        display:block;
    }
    .order_row{
        flex-wrap:wrap;
    }
    .order_col{
        order:2;
    }
    #impact_section img{
        margin-bottom:30px;
    }
}
/* ******* IMPACT SECTION END ******** */

/* OUR STUDENT START  */
.our_students_top_bg, .our_students_bottom_bg{
    width:100%;
}
#our_students{
    background:url('../images/our_students_center_bg.png');
    background-size:cover;
    background-repeat: no-repeat;
    padding-top:0px;
}
#our_students h2:before{
    content:url('../images/green_wave.svg');
    position: absolute;
    transform:translate(-210px, 0) scale(0.8);
}
#our_students h2:after{
    content:url('../images/orange_wave.svg');
    transform:scale(0.8);
    position: absolute;
}
#our_students .student_blurb{
    padding:20px;
    box-shadow:1px 1px 10px #ddd;
    border-radius:2rem;
    background-size:cover;
    min-height: 400px;
    display:flex;
    align-items:flex-end;
}
#our_students .student_blurb.rural{
    background: linear-gradient(26deg, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0)70%),url('../images/our-students-01.png') no-repeat;
    background-position: center;
}
#our_students .student_blurb.grades{
    background: linear-gradient(26deg, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0)70%),url('../images/our-students-02.png') no-repeat;
}
#our_students .student_blurb.state_board{
    background: linear-gradient(26deg, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0)70%),url('../images/our-students-03.png') no-repeat;
    background-position: 10%20%;
}
#our_students .student_blurb.are_taught{
    background: linear-gradient(26deg, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0)70%),url('../images/our-students-04.png') no-repeat;
    background-position: center;
}
#our_students .student_blurb h3, #our_students .student_blurb p{
    color: #FFF;
    margin-bottom:0;
}
#our_students .student_blurb{
    margin-top:30px;
}
#our_students .student_blurb p{
    color:#FFC000;

}
@media(max-width: 700px){
    #our_students h2:before , #our_students h2:after{
        content: unset;
    }
}
#our_students .card_row{
    display: flex;
}
/* OUR STUDNET END  */

/* ***** OUR PROGRAM START ***** */
#our_programs .program_card{
    padding:20px;
    box-shadow:1px 1px 5px #ddd;
    border-radius:2rem;
    background-size:cover;
    min-height: 35rem;
    transition:   0.5s ease all !important;
    cursor:pointer;
}
#our_programs .program_card h3{
    
}
#our_programs .program_card h3, #our_programs .program_card p {
    color: #FFF !important;
}
#our_programs .program_card.digital{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0)100%),url('../images/our-program-img01.png') no-repeat;
    
}
#our_programs .program_card.digital:hover{
    background: linear-gradient(to right, #743905bb,  #743905b7),url('../images/our-program-img01.png') no-repeat;
    
    /* transform: scaleY(1.1); */
}
#our_programs .program_card.television{
    background: url('../images/our-program-img02.png') no-repeat;
 
}
#our_programs .program_card.television:hover{
    background:linear-gradient(to right, #054359c0,  #054359c0),url('../images/our-program-img02.png') no-repeat;
    
    /* transform: scaleY(1.1); */
}
#our_programs .program_card.learning_app{
    background:url('../images/our-program-img03.png') no-repeat;
 
}
#our_programs .program_card.learning_app:hover{
    background: linear-gradient(to right, #44770abb,  #44770abb),url('../images/our-program-img03.png') no-repeat;
   
    /* transform: scaleY(1.1); */
}
#our_programs .program_card.brain{
    background:url('../images/our-program-img04.png') no-repeat;
 
}
#our_programs .program_card.brain:hover{
    background: linear-gradient(to right, #770018cb,  #770018cb),url('../images/our-program-img04.png') no-repeat;
 
    /* transform: scaleY(1.1); */
}
#our_programs .program_card .blurbs{
    display:flex;
}
#our_programs .program_card .blurbs img{
    width: 20px;
    margin-right:5px;
}
#our_programs .program_card .blurbs p{
    margin-bottom:0;
}
#our_programs .program_card .blurbs .hours, #our_programs .program_card .blurbs .online_class{
    display:flex;
    align-items:center;
    margin-right:3rem;
}
#our_programs .program_card .preview_btn {
    margin-top:20rem !important;
    
}
#our_programs .program_card .preview_btn img{
    margin-left:0.8rem;
}
#our_programs .program_card .preview_btn a{
    color:#FFF !important;
    font-size:1.8rem !important;
}
#our_programs .program_card .program_desc .txt-xs{
    color: rgba(255, 255, 255, 0) !important;
    transition: opacity 0.5s ease;
}
#our_programs .program_card:hover  .program_desc .txt-xs{
   color:#fff !important;
    opacity: 1;
}
.our_card_seco_text{
    font-size: 3.4rem !important;
    color: #fff !important;
}
 

@media(min-width:480px){
    .program_card.digital{
        border-radius: 9.7rem 0.8rem 0.8rem 0.8rem !important;

    }
    .program_card.television{
        border-radius: 0.8rem 9.3rem 0.8rem 0.8rem !important;

    }
    .program_card.learning_app{
        border-radius: 0.8rem 0.8rem 0.8rem 9.3rem !important;

    }
    .program_card.brain{
        border-radius: 0.8rem 0.8rem 9.3rem 0.8rem !important;

    }
    #our_programs .program_card {
        padding: 6rem !important;
    }

}




 
/* ***** OUR PROGRAM END ***** */

/* ***** VOLUNTEER START ***** */
#volunteer_section{
    background: url('../images/volunteer_bg_element.png') right no-repeat, linear-gradient(to right, #FBFAF4, #FBFAF4);
    position: relative; /* Ensure the container has positioning */
    overflow: hidden; /* Hide overflow to contain pseudo-element */
}
#volunteer_section::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3rem;
    width: 100%;
    height: 100%;
    background: url(../images/our_vision_bg.png) no-repeat;
    background-size: 48%;
    background-position: 50%;
    z-index: 0;
    animation: spin 7s linear infinite;
}
@media(min-width:1700px){
    #volunteer_section::before {
        background-size: 38% !important;
        bottom: 4rem !important;
    }

}
#volunteer_section h2 span{
    position: relative;
    z-index: 2;
}
#volunteer_section h2 span::before{
    content:url('../images/fame_bg.svg');
    position:absolute;
    transform:scale(0.7) translate(-5rem,-2rem);
    z-index: -1;
}
#volunteer_section .container{
    position: relative;
}
#volunteer_section .heading, #volunteer_section .team_row{
    z-index: 2;
}
#volunteer_section .team_card {
    position: relative;
    transition: 0.5s ease;

}
#volunteer_section .team_card img{
    border-radius: 2rem;
    box-shadow:1px 1px 5px #ddd;
    display: block;
    width: 100%; 
    height: auto; 
}
#volunteer_section .team_card h4{
    font-family:'Source Sans Pro';
    text-align: center;
    margin-top:2rem;
    font-size:1.8rem;
    margin-bottom:0;
}
#volunteer_section .team_card p{
    text-align: center;
}
#volunteer_section .team_card .image {
    position: relative;
    overflow: hidden; /* Ensure overflow is hidden to contain the overlay */
    transition: 0.5s ease;
}

#volunteer_section .team_card .image::before {
    content: '';
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0));
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 2rem;
    transition: 0.5s ease;
    opacity: 0.7;
}
#volunteer_section .team_card .image .ln_icon{
    display:none;
    position: absolute;
    z-index: 9999;
    height:30px;
    width:50px;
    left:50%;
    box-shadow: none;
    bottom:2rem;
    transition:0.5s ease;
    transform:translateX(-50%);
}
#volunteer_section .team_card:hover .ln_icon{
    display: block;
}
#volunteer_section .team_card.arpita:hover .image::before {
    background: linear-gradient(to top, rgba(54,39,24,1)5%, rgba(54,39,24,1));
}
#volunteer_section .team_card.koushik:hover .image::before {
    background: linear-gradient(to top, rgba(16,46,29,1)5%, rgba(16,46,29,1));
}
#volunteer_section .team_card.komal:hover .image::before {
    background: linear-gradient(to top, rgba(23,49,59,1)5%, rgba(23,49,59,1));
}
.vol_card_seco_text{
    font-size: 1.99rem !important;
}
/* ***** VOLUNTEER END ***** */


/* ******* JOIN NOW START *** */
#join_now .row h2{
    background: url('../images/orange_wave.svg') no-repeat;
    background-size:20%;
    background-position: 90% 100%;
    padding-bottom:2rem;
}
#join_now .row p{
    background: url('../images/quote_icon.svg') no-repeat;
    background-size:10%;
}
@media(min-width:981px){
        #volunteer_section{
            padding: 6rem;
        }
    #join_now .row{
        align-items:center;
    }
    .volunteer_section_container{
        padding: 6rem 0 8rem 0 !important;
        background: linear-gradient(to right, #FBFAF4, #FBFAF4);
    }
    #volunteer_section .yellow_btn{
        position: absolute !important;
        text-align: center;
        margin-left: -17rem !important;
        margin-top: 4rem;
        z-index: 9999;
    }
}






/* ******* JOIN NOW END *** */

/* ******* OUR APPRAOCH START *** */

 
@media(max-width:1400px){
    #our_approach{
        background: url('../images/approachsmall.png') no-repeat !important;
        background-size:cover !important;
    }
}

 
@media(min-width:1700px){
    #our_approach{
        background: url('../images/our_appraoch_bg_minBig.png') no-repeat !important;
        background-size:cover !important;
    }
}


#our_approach{
    background: url('../images/our_appraoch_bg_minSm.png') no-repeat;
    background-size:cover;
}
#our_approach .approach_card{
    padding: 30rem 2rem 2rem;
    text-align: center;
    border-radius: 2rem;
    box-shadow:1px 1px 10px #ddd;
    background-size:cover !important;
    transition:0.5s ease all;
    cursor:pointer;
}
.approach_card p{
    font-size:2.8rem !important
}
#our_approach .approach_card h3{
    color:#FFF;
}
#our_approach .approach_card.children{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/children_card_bg.jpg') no-repeat;
}
#our_approach .approach_card.children:hover{
    background: linear-gradient(to top, rgba(126,66,0,0.8)20%, rgba(126,66,0,0.8)80%), url('../images/children_card_bg.jpg') no-repeat;
    transform: scale(1.03);
    
}
#our_approach .approach_card.education{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/education_bg.jpg') no-repeat;
}
#our_approach .approach_card.education:hover{
    background: linear-gradient(to top, rgba(43,80,0,0.8)20%, rgba(43,80,0,0.8)80%), url('../images/education_bg.jpg') no-repeat;
    /* transform:scaleY(1.1); */transform: scale(1.03);
}
#our_approach .approach_card.public{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/public_card_bg.jpg') no-repeat;
}
#our_approach .approach_card.public:hover{
    background: linear-gradient(to top, rgba(167,126,0,0.8)20%, rgba(167,126,0,0.8)80%), url('../images/public_card_bg.jpg') no-repeat;
    /* transform:scaleY(1.1); */transform: scale(1.03);
}
#our_approach .approach_card.community{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/community_card_bg.jpg') no-repeat;
}
#our_approach .approach_card.community:hover{
    background: linear-gradient(to top, rgba(0,85,117,0.8)20%, rgba(0,85,117,0.8)80%), url('../images/community_card_bg.jpg') no-repeat;
    /* transform:scaleY(1.1); */transform: scale(1.03);
}
#our_approach .approach_card.volunteers{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/volunteers_card_bg.jpg') no-repeat;
}
#our_approach .approach_card.volunteers:hover{
    background: linear-gradient(to top, rgba(119,0,23,0.8)20%, rgba(119,0,23,0.8)80%), url('../images/volunteers_card_bg.jpg') no-repeat;transform: scale(1.03);
     
}
#our_approach .approach_card.partner{
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/Partner\ card-index.jpg') no-repeat;
}
#our_approach .approach_card.partner:hover{
    background: linear-gradient(to top, rgba(43,80,0,0.8)20%, rgba(43,80,0,0.8)80%),  url('../images/Partner\ card-index.jpg') no-repeat;
    /* transform:scaleY(1.1); */transform: scale(1.03);
}
@media(min-width: 981px){
    .heading p{
        width: 80%;
        margin: 0px auto 3rem;
    }
    #our_approach .low_width{
        width: 70%;
        margin:0 auto;
    }
    #volunteer_section{
        padding-bottom: 10rem !important;
    }
}
/* ******* OUR APPRAOCH END *** */

/* ******* JOIN THE JOURNEY START *** */
#join_the_journey{
    background:url('../images/journey_short.svg') no-repeat;
    background-position: center right;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media(min-width: 981px){
    #join_the_journey .row{
        align-items: center;
    }
}
/* ******* JOIN THE JOURNEY END *** */


/* ******* STORIES AND UPDATE START *** */
.story_bg_top{
    width: 100%;
    transform:translateY(2rem)
}
.story_bg_bottom{
    width: 100%;
    transform:translateY(-2rem)
}
#stories_section {
    background: url('../images/story_bg_center.png') no-repeat;
    background-size:cover;
}
#stories_section .row.heading {
    align-items: center;
}
#stories_section .row.heading h2{
    margin-bottom:0;
}
#stories_section .row.heading a{
    font-weight: 600;
    text-decoration: underline;
}
.view-all{
    text-align: right;
}
#stories_section .story_card{
    min-height: 40rem;
    display:flex;
    align-items: flex-end;
    padding: 2rem;
    border-radius: 2rem;
    background-size:cover !important;
    cursor:pointer;
    
}
#stories_section .story_card p{
    display:none;
    color: #FFF;
}
#stories_section .story_card:hover p{
    display:block;
}
#stories_section .title_meta h3{
    font-size: 2rem !important;
    margin-top:2rem;
    font-weight:400;
}
#stories_section .title_meta span{
    font-size:1.4rem !important;
}
#stories_section .story_card.quality_education{
  
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/quality_education.jpg') no-repeat;
}
#stories_section .story_card.quality_education:hover{
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../images/quality_education.jpg') no-repeat;
}
#stories_section .story_card.lifelong_learners{
  
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/lifelong_learners_bg.jpg') no-repeat;
}
#stories_section .story_card.lifelong_learners:hover{
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../images/lifelong_learners_bg.jpg') no-repeat;
}
#stories_section .story_card.shed_light{
 
    background: linear-gradient(to top, rgba(0,0,0,0.5)5%, rgba(0,0,0,0)), url('../images/shed_light_bg.jpg') no-repeat;
}
#stories_section .story_card.shed_light:hover{
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../images/shed_light_bg.jpg') no-repeat;
}
/* ******* STORIES AND UPDATE END  *** */

.margin-auto{
    margin:auto !important;
}
.card-img{
    border:none !important;
} 
.txt-light{
    color: #fff !important;

}
.txt-dark{
    color: #000 !important;
}


.txt-green{
    color: #76B82A !important;
}
 
.input-bg{
  background-color: #F1F1F133 !important;
  border-radius: 6px;

}

.z-index-overlay{
    position: relative;
    z-index: 99;
}

.fs-1-9{
    font-size: 1.9rem !important;
}



/* slider */


.slider-child{
height: inherit;
}



.slider-container-main{
    height: 400px;
}

.uk-slider-items > * > :active {
height: 700px !important;

}





/* //slider video */

.uk-panel{
    height: 300px;
    transition: height 0.7s ease; /* Smooth transition for height change */
}

.uk-transition-active.uk-active [class*="uk-panel"] {
    height: 400px !important;
}

.card-paner-img{
    border-radius: 2rem;
}

@media(min-width:980px){
    #voice_of_evidyaloka{
    padding-bottom: 7rem;
    }
    #our_vision{
        padding-bottom: 9rem;
    }
    #our_programs{
        padding-bottom: 8rem;
    }
#join_now{
    padding-bottom: 8rem;
}
#our_approach{
    padding-bottom: 8rem; 
}
#join_the_journey{
    padding-top:8rem;
}
}

@media(min-width:1700px){
    .uk-panel{
        height: 400px;
        transition: height 0.7s ease; /* Smooth transition for height change */
    }
    
    .uk-transition-active.uk-active [class*="uk-panel"] {
        height: 500px !important;
    }
}



/* donate sticky */

@media(min-width:980px){

    .program_desc{
        position: absolute;
        height: 83px;
        width: 32%;
    }

#donation-form-container {
    position: fixed;
    top: 3rem; /* Adjust top position as needed */
    right: 6rem; /* Adjust right position as needed */
    bottom: 6em; /* Adjust bottom position as needed */
    width: 40%; /* Adjust width as needed */
    background-color: #fff; /* Optional: set background color */
    padding: 20px; /* Optional: add padding for better appearance */
    z-index: 9999; /* Optional: ensure it's above other content */
    /* You can add more styling properties as per your design */
}


.form_col{
    overflow: auto;
    max-height: 831px;
}
.form_col::-webkit-scrollbar {
    display: none;
}
.donate-banner-content{
    position: relative;
    top: 16rem;
}

}

#stories_section{
    margin-top: -6.3rem !important;
}
.story_bg_top{
    transform: translateY(-6rem) !important;
}