@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Halant&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Dancing+Script&family=Edu+NSW+ACT+Foundation&family=Gothic+A1:wght@100&family=Halant&family=Jost:ital,wght@1,200&family=Montserrat:wght@300&family=Mr+De+Haviland&family=PT+Sans&family=Poppins:ital,wght@0,200;0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

@font-face {
  font-family: 'bits_indian_calligraregular';
  src: url('bitsindiancalligra-regular-webfont.woff2') format('woff2'),
    url('bitsindiancalligra-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'avenirlight';
  src: url('avenir_light-webfont.woff2') format('woff2'),
    url('avenir_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'bits_indian_calligraregular';
  src: url('bitsindiancalligra-italic-webfont.woff2') format('woff2'),
    url('bitsindiancalligra-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'halantlight';
  src: url('halant-light-webfont.woff2') format('woff2'),
    url('halant-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-weight: 100;
}

#Program-section{
  background-color: rgba(64,25,14, 0.9);
  width: 100%;
  padding: 2%;
}

#hr{
  padding-top: 3%;
  font-family: 'bits_indian_calligraregular';
  font-size: 40px;
  color: #bb8f4b;
  /* border-right: 1px solid black; */
}

#hr-1{
  padding-top: 3%;
  font-family: 'bits_indian_calligraregular';
  font-size: 40px;
  color: #bb8f4b;
  /* border-right: 1px solid black; */
}

#hr-2{
  padding-top: 1%;
  font-family: 'bits_indian_calligraregular';
  font-size: 40px;
  color: #bb8f4b;
  /* border-right: 1px solid black; */
}

#service-1{
  padding-top: 2%;
  padding-bottom: 3%;
}

.pro p{
  font-family: 'avenirlight';
  font-size: 14px;
  line-height: 1.5;
  color: white;
  cursor: pointer;
  display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
overflow: hidden;
}

.pro p a{
  color: white;
}
.pro p a:hover{
  color: #bb8f4b;
}

.pro h3{
  padding-top: 5%;
  font-family: 'avenirlight';
  font-size: 18px;
  padding-bottom: 6%;
  color: white;
  /* font-weight: 800; */
  cursor: pointer;
}

.pro h3 a{
  color: #bb8f4b;

}

.pro h3:hover{
  color: #bb8f4b;
}

#hr span {
  width:83%;
  border-bottom:1px solid #bb8f4b;
  display: inline-block;
  margin-bottom:px;
}

#hr-1 span {
  width:84.95%;
  border-bottom:1px solid #bb8f4b;
  display: inline-block;
  margin-bottom:px;
}

#hr-2 span {
  width:87%;
  border-bottom:1px solid #bb8f4b;
  display: inline-block;
  margin-bottom:px;
}



#spirtiturl{
  padding-top: 2%;
}

#education{
padding-top: 2%;
}

#service{
  padding-top: 4%;
  }
  

@media (max-width: 768px) {

  body {
    width: 100%;
  }
  .container{
    width: 100%;
  }
    .hed-img img {
      width: 100%;
      height: 100%;
    }
        #living-vedhashram {
          width: 100%;
          overflow-x: hidden;
        }
section{
  width: 100%;
  overflow-x: hidden;

}
  
        .pro{
          padding: 2%;
        }
   .lex{
    display: flex;
   }

   .pro h3{
    font-size: 18px;
    padding-top: 7%;
   }
   
   .pro p{
font-size: 12px;
/* text-align: justify; */
display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
overflow: hidden;
padding-top: 2%;
   }

   #hr span {
    width:38%;
    border-bottom:1px solid #bb8f4b;
    display: inline-block;
    margin-bottom:px;
  }
  
  #hr-1 span {
    width:44%;
    border-bottom:1px solid #bb8f4b;
    display: inline-block;
    margin-bottom:px;
  }
  
  #hr-2 span {
    width:54%;
    border-bottom:1px solid #bb8f4b;
    display: inline-block;
    margin-bottom:px;
  }

  #cloum{
    display: flex;
  }
  
  #Program-section{
  padding: 4%;
  }

  #education{
     padding-top:7%;
  }

  #service{
    padding-top:10%;
 }
}