/* page 1 index page */

@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Bowlby+One&family=Bowlby+One+SC&family=DynaPuff:wght@600&family=IBM+Plex+Mono:wght@300;400;600&family=Luckiest+Guy&family=Mouse+Memoirs&family=Plus+Jakarta+Sans:wght@300;400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,600;1,700;1,800&family=Roboto:wght@300&family=Sigmar+One&family=Ubuntu:wght@300&display=swap');


/* preloadewr */



#preloader {
    background: #FDEACF;
     background-size: 30%;
       position: fixed;
    top: 0;
    left: 0; 
    height: 100vh;
    width: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    justify-content: center;
  }
  
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #e00202;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  
  @keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
  }
  
  @keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
  }
  
  @keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
  }
  
  
  
/* section 1 */
.section-1-para{
    color: #222E2C;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}
/* section2 */
.section-2-ourprogram{
    color: #000;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: auto;
}
.grids-1{
    margin-right: 130px;

}
@media (max-width:768px){
    .grids-1{
        margin-right:  0px;
    
    }
}
.section2-cards-head{
    color: #000;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;

}

.margin-resposnive-image{
  margin-left: 79px;
}


@media (max-width:768px) {

  .margin-resposnive-image{
    margin-left: 0;
  }
  
  
}
.section2-cards-para{
    color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* SECTION 3 PAGE 1 */
.section-heading-main{
    color: #000;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 56px; /* 140% */
}
.section-heading-main2{
    background: linear-gradient(91deg, #EC752F 0%, #EC8433 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
/* page 1 section 4 */
.section4-main-heading{
    color: #ED8133;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section4-main-para{
    color: #000;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: auto;
}

/* footer colour */
.footer-head-col{

    color: #EC8132;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}


/* our storyy */
.ourstory-heading{
  color: #FF9B4F;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 56px; /* 186.667% */
}

.ourstory-paragraph
{color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */}


  .sec2-ourstory-heading{
    color: #ED8133;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
  }
  .sec2-ourstory-para{
    color: #000;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .ourstorymainhead{
    color: #FF9B4F;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 56px; /* 140% */
  }
  /* join us */
  .joinus-mainheading{
    color: #ED8133;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
  }
  .joinusboxeshead{
    color: #FFF;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }

  .joinusboxespara{color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}



    .joinusmsallheadings{color: #ED8133;
      font-family: Poppins;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;}




      .joinusmsallheadings2{color: #ED8133;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;}



        .socialmediajoinus{color: #000;
          font-family: Inter;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;}

          .contactusjoinus{
            color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
          }


          /* reading club */

          .section-2-readerhead{
            color: #FFF;
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
          }
          .section-2-readerpara {
            color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
          }

          .reading-section3-head{
            color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
          }

          .readclub-section4-head{
            color: #818EEA;
text-align: center;
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
          }
   /* mental health */
   .section1-mentalhealth-head{
    color: #F28576;
text-align: center;
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
   }


   .section1-mental-parahead{color: #F28576;
    font-family: Poppins;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;}


    .section1-mental-para {color: #FFAEA2;
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;}

      .section2-mentalhead{
        color: #FFF;
font-family: Poppins;
font-size: 35px;
font-style: normal;
font-weight: 600;
/* line-height: normal; */

      }
      .section2-mentalpara{
        color: #FFF;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        
      }
     

      .section3-mentalhead{
         color: #FFAEA2;
        
        font-family: Poppins;
        font-size: 35Px;
        font-style: normal;
        font-weight: 600;
        /* line-height: 60px; */
      
      }
      .section3-mentalpara{
        color: #FFAEA2;
       
       font-family: Poppins;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 30px;
     }
     .image-responsive-3{
      margin-top: 30px ;
      margin-bottom: 30px ;
     }


     .section4-mentalhead{
      color: white;
     
     font-family: Poppins;
     font-size: 35px;
     font-style: normal;
     font-weight: 600;
     line-height: 60px;
  
   }
   .section4-mentalpara{
     color:  white;
    
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
   
  }




     
@media (max-width:768px){


  .section1-mental-parahead{
    text-align: center;

  }
  .section1-mental-para {
    text-align: center;
  }
  .sec-3-image-mental{
    margin-bottom: 30px;
    /* height: 10px; */
  }
  .image-responsive-3{
    margin-top: 10px;
    margin-bottom:0 ;
    
  }

  .section3-mentalhead{
   text-align: center;
  
 
 }
 .section3-mentalpara{
  text-align: center;
}
.section4-mentalhead{
  /* background-color: #f67c64; */
  margin-bottom: 60px;
 


}
/* .section4-mentalpara{ */
 /* background-color:  #f67c64; */


/* } */
}
/* peace education */
.section1-peaceeductaion-heading{

  color:  #FF735C;
  ;
  text-align: center;
  font-family: Poppins;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
     }

     .section1-peaceeductaion-para{font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  }



  .section2-peaceeductaion-heading{

    font-family: Poppins;
font-size: 35px;
font-weight: 600;
line-height: 60px;
letter-spacing: 0em;
text-align: left;

       }
  
       .section2-peaceeductaion-para{
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left;
       }

       .section3-peaceeductaion-heading{

        font-family: Poppins;
font-size: 35px;
font-weight: 600;
line-height: 60px;
letter-spacing: 0em;
text-align: left;

    
           }
      
           .section3-peaceeductaion-para{
            font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: white;

           }


       
          
               .section4-peaceeductaion-para{
                font-family: Poppins;
                font-size: 16px;
                font-weight: 400;
                /* line-height: 30px; */
                /* letter-spacing: 0em; */
                /* text-align: left; */
                color: white;
    
               }
               @media(max-width:768px){
                .res-text-center{
                  text-align: center;
                }
               }

/* religious puuralism */


.section1-religious-head{
  font-family: Poppins;
font-size: 40px;
font-weight: 600;
line-height: 60px;
letter-spacing: 0em;
text-align: center;
color: #000000;

}

.section1-religious-para{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  
color: #000000;

}



.section2-religious-para{
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color:  #F67C64;
  ;

}

.section3-religious-head{
  font-family: Poppins;
font-size: 40px;
font-weight: 600;
line-height: 60px;
letter-spacing: 0em;
/* text-align: center; */
color: white;

}

.section3-religious-para{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  
color: white;
}
/* }resposnive */
@media (max-width:768px){
  .image-remover-responsive{
    background-image: none !important;
  }
  .image-remover-responsiv-2{
    display: none;
  }

  .color-mobile{
    background-color: #fffee9 ;
  }
  .colour-mobile-2{
    background-color: #068fa0;
    

  }
  .colour-mobile-3{
    background-color: #f67c64;
  }
  .mobile-text-center{
    text-align: center !important;
  }
  .card-whitecircle{
    width: 57px;
    height: 57px;
    margin-top: 30px;
 
  }
  .card-text-para{
    margin-bottom: 30px;
  }
  .card-whitecircle svg{
    height: 23px;

  }
  .mobile-text-center-3{
    margin: 0 !important;
    padding: 10px;
    
  }

  .margin-0-mobile{
    margin: 10px !important
  }
  .readingclub-image{
    height: 57px !important;
  }
}
.readingclub-image{
  height: 100px;
}




.height-explore-image{
  height: 380px;
  width: 270px;
  /* width: auto; */
}
@media (max-width:768px){
  .height-explore-image{
    height: 380px;
    width: 250px;
    /* width: auto; */
  }
}