@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital@0;1&family=Poppins:wght@300;400;600&family=Roboto+Slab:wght@200;400;500&family=Roboto:ital@0;1&display=swap');


:root{
  --orange:#ff7a00;
}

*{
  margin:0; padding:0;
  box-sizing: border-box;
  transition:all .2s linear;
  font-family: 'Poppins', sans-serif;
}

html{
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body{
  min-height: 100vh;
   
  overflow-x: hidden;
}

.heading{
  font-size: 4rem;
  text-align: center;
 /* letter-spacing: 1.7rem;*/
  color:#444;
  margin:2rem 0;
  padding-top: 10rem;
  
}

body{
  min-height: 100vh;
  background-size: cover;
  background-position: center;
}

header{
 display: flex;
    align-items: center;
    justify-content: space-between;
    height: 9rem;
    width: 100%;
    background-image: url(new-images/images.jpg);
    background-size: cover;
    background-position: center;
    z-index: 100;
   padding: 2rem;
    box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.3);
}

header .logo{
  font-weight: bolder;
  font-size: 25px;
  color: #333;
}

header .navbar ul{
  list-style: none;
} 

header .navbar ul li{
  position: relative;
  float: left;
}

header .navbar ul li a{
  font-size: 15px;
  padding: 20px;
  color:  #62061e;
  font-weight: bolder;
  display: block;
  padding: 10px;
  text-decoration: none;
}

header .navbar ul li a:hover{
  color: #c76500;
}

header .navbar ul li ul{
  background: #000;
  position: absolute;
  left: 0;
  top: 3rem;
  width: 200px;
  background: #fff;
  display: none;
}

header .navbar ul li ul li{
  /* position: relative; */
  height: 28px;
  width: 100%;
  background: #f9f1e6;
}

header .navbar ul li ul li ul{
  z-index: 100;
  left: 113px;
  top: 0;
  width: 12rem;
}

header .navbar ul li:hover > ul{
  margin: 1rem;
  display: initial;
}


.home .hero{
  
  background: url(banner-gyans.jpeg);
  min-height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
}



.header .fa-bars{
  font-size: 2.5rem;
  color:#666;
  cursor: pointer;
  display: none;
}

#menu-bar{
  display: none;
}

header label{
  font-size: 20px;
  color: #333;
  cursor: pointer;
  display: none;
}




.project{
  /*background:#333;*/
  background-image: url(pap1.jpg);
  min-height: 62vh;
}

.project .project-h2{
    font-size: 30px;
    font-weight: bolder;
}

.project .project-p{
  font-size: 18px;
      text-align: justify;
    font-family: 'Poppins', sans-serif;
}

.project .project-p span{
     font-size: 18px;
     font-weight: bolder;
}



.col-md-2{

background-image:  url(bg1.png);
height: 23rem;
z-index: 1000;   
background-position: center; 
background-size: 100% 100%;
margin-top: 1rem;
position: sticky;
top: 10px;
}

.col-md-2 .words{
font-size: 3rem;
font-weight: 600;
text-decoration: none;
color: #000;
}

.navbs ul{
  list-style-type: none;
}

.navbs ul li{
  position: relative; 
  top: 2rem; 
  left: 1rem; 
  font-size:1.8rem;
}


.navbs ul li a:active{
 background: #b96122;
  color: #fff;
  border-radius: 2rem;

}

.navbs ul li a.active,
.navbs ul li a:hover{
   background: #b96122;
  color: #fff;
  border-radius: 2rem;
}

.words-1{

font-size: 2.2rem;
    font-weight: bolder;
    background: #6b142a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    position: relative;
    top: 6rem;
    left: -1rem;
    width: 111%;
}

 .ads{
  background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    position: relative;
    top: 6rem;
    left: -1rem;
    height: 38rem;
    width: 111%;

}

.ads img{

    height: 80%; 
    width: 100%;
     position: relative; top: -3rem;
}

.words-2{
  position: relative;
    left: -12px;
    top: 7rem;
    background: #fff;
    height: 443px;
    width: 115%;
}

.words-spons{
  margin-top: -14px;
  margin-bottom: 24px; 
  margin-left: 0rem; 
  font-size: 2.2rem; 
  font-weight: bolder; 
  background: #6b142a; 
  color: #fff; 
  padding-left: 6rem;
  width: 29rem; 
}


/*footer starts*/

/*about us starts*/
.about-banner .hero{
  background-image:  url("About-Us1.jpg");
  min-height: 40vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
    
}


/*about us ends*/


.footer{
  background:#363636;
  text-align: center;


}

.footer .row{
  width:100%;
  margin-left: 0;
    padding: 4rem;
    padding-left: 2rem;
    margin-top: -20rem;
}

.footer .row .col-md-3{
  margin:1rem 0;
}

.footer h2{
  font-size: 2.5rem;
  color:#fff;
      margin-left: -1.8rem;
}

.footer p{
  font-size: 1.8rem;
  color:#ccc;
  margin-top: 2rem;
}

.footer .list{
  display: flex;
  flex-flow: column;
}

.footer .list a{
  color:#ccc;
  font-size: 1.7rem;
}

.footer .letter p{
  font-size: 2rem;
}

.footer .letter input[type="email"]{
  outline: none;
  border: none;
  background:none;
  padding:0 1rem;
  color:#fff;
  height:3rem;
  width:100%;
  border:.1rem solid #fff;
  font-size: 1.5rem;
}

.footer .letter input[type="submit"]{
  outline: none;
  border: none;
  background:#fff;
  margin:1rem 0;
  width:10rem;
  font-size: 1.6rem;
}

.footer .letter input[type="submit"]:hover{
  background:var(--orange);
  color:#fff;
}

.footer .credit{
  width: 100%;
  text-align: center;
  color:#fff;
  font-size: 2rem;
  padding:1rem 0;
  margin:1rem 0;
  margin-bottom: 0;
  border-top: .1rem solid #aaa;
  letter-spacing: .2rem;
  text-transform: capitalize;
}

.footer .credit span{
  color: #f78f1e;
  
  text-transform: capitalize;
}

.about{
  min-height: 100vh;
  padding-bottom: 3rem;
}

.about .image{
  padding:2rem;
}

.about .image img{
  height:45rem;
  object-fit: cover;
  box-shadow: 2.5rem 2.5rem 0 1rem var(--orange);
}

.about .info{
  padding:2rem;
  margin-top: 3rem;
}

.about .info h2{
  color:var(--orange);
  font-size: 3rem;
}

.about .info p{
  font-size: 1.4rem;
  color:#444;
  margin:2rem 0;
}

.about .info .icons a{
  font-size: 2rem;
  height: 4rem;
  width:4rem;
  line-height: 4rem;
  text-align: center;
  background:#333;
  color:#fff;
  border-radius: .5rem;
  margin-right: 1rem;
  text-decoration: none;
}

.about .info .icons a:hover{
  background:var(--orange);
}



  
/*footer ends*/







@media(max-width: 991px){

  header {
        width: 133rem;
    padding: 20px;
  }

  header label{
    display: initial;
  }

  header .navbar{
    position: absolute;
    top: 9rem;
    left: 0;
    right: 0;
    background: #c1b7a8;
    border-top: 1px solid rgba(0,0,0,0.4);
    display: none;
  }

  header .navbar ul li{
    width: 100%;
  }

  header .navbar ul li ul{
    position: relative;
    width: 100%;
    top: -1rem;
  }

  header .navbar ul li ul li{
    background: #eee;
  }

  header .navbar ul li ul li{
    width: 100%;
    left: 0;
  }

  #menu-bar:checked ~.navbar{
    display: initial; 
  }


.home .hero{
  width: 133rem;
}

.maruqees{

  width: 170rem;
}

.col-3{
  display: none;
}

.podacast{
  display: none;
}


.vedic{
  display: none;
}

.vedic{
  display: none ;
}

.project{
margin: -38rem;
}

}






@media(max-width:  1400px){

/*header{
  width: 153rem;
}
*/

  .texts-p{
      margin-left: 9rem;
  }

  .text-p2{
     margin-left: 9rem;
    
  }
}




/*@media(max-width:  1200px){
  .text-p2 {
    position: relative;
    left: 7rem;
    width: 109rem;
     margin-left: 9rem; 
}
  .texts-p{
     position: relative;
    left: 7rem;
    width: 109rem;
    
  }
}*/


/*brhama pages*/

@media(max-width:  1400px){
 

 /* img{
      padding-left: 11rem;
  }*/

  .brahma-img{
    padding-left: 11rem;
  }

  .brahma-p{
        margin-left: 4rem;
    padding: 1rem 7rem;
  }


.words-vedas{

  margin-left: -35px;
}



}

/*vishnu pages*/


@media(max-width:  1400px){

  .vishnu-img{
    padding-left: 1rem;
  }

 .vishnu-p{
        margin-left: 4rem;
    padding: 1rem 7rem;
  }

.home .hero{
margin-top: 0rem;
}


/*  

  .brahma-p{
        margin-left: 4rem;
    padding: 1rem 7rem;
  }


.words-vedas{

  margin-left: -35px;
}
*/


}


/*lord ganesh*/

@media(max-width:  1400px){
  .texts-p{
      margin-left: -1rem;
  }

  .vishnu-img{
    padding-left: 11rem;
  }

 .vishnu-p{
        margin-left: 4rem;
    padding: 1rem 7rem;
  }



/*  

  .brahma-p{
        margin-left: 4rem;
    padding: 1rem 7rem;
  }


.words-vedas{

  margin-left: -35px;
}
*/

/*  .container-fluid {
       margin-top: 1rem;
  }*/


}