@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital@1&display=swap');

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
/*body{
	background-color:#c8edce;
}
*/
/*START  ABOUT */
.about{
    font-family:sans-serif;	
	font-size: 32px;
	color:#8fd507;
    padding-top:18px;	
}
	
.aboutcontent{
	/*background-color:#8cd3ff;*/
	border-radius:0px;
	padding:57px 28px;
	text-align:left;
	margin-top:0px;
	margin-bottom:30px;
	color:black;
	font-size:17px;
	font-family:'EB Garamond', serif;
	word-spacing:3px;   
}
.history-image {
	width:250px;
	height:250px;
}
.bpsprincipal {
	width:260px;
	height:260px;	
}
@media screen and (max-width: 768px) {
.aboutcontent{
	font-size:17px;
 }
 .history-image {
	max-width:100%; 
	height:auto;
 }
}
.aboutshadow{
	box-shadow:-6px -6px 10px #8cd3ff,
	           8px 8px 10px #caf0f8;	
}
.principal-name{
	
	font-family: 'Tangerine', cursive;
	font-size:35px;
}
.visionleft-section{
	max-width:100%;
	max-height:80vh;
	display:flex;
	background-color:#0077b6 ;
	float:left;
	margin-top:65px;
	padding:90px;
	position:relative;
	margin-left:30px;
}
.visionleft-section h3{
    font-size:25px;
    color:#fff;
    text-transform:uppercase;
    margin-top:8px;	
	word-spacing:14px;
	
 }
.visionright-section{
	width:80%;
	height:50vh;
	display:flex;
	background-color:#f3f6f6;
	float:right;
	margin-top:225px;
	margin-left:360px;
	padding-top:50px;
	padding-bottom:35px;
	padding-left:40px;
	padding-right:40px;
	border-radius:8px;
	box-shadow:8px 12px 14px #caf0f8;
	position:absolute;
	z-index:1;	
}
.visionright-section p{
    font-size:20px;
    color:#023e8a;
	font-family: 'Crimson Text', serif;
    	
 }
 .payment1-image{
    width:500px;
	height:600px;	 	 
 }
 .tickleft-section{
	max-width:100%;
	max-height:80vh;
	display:flex;
	background-color:#57c24c ;
	float:left;
	margin-top:65px;
	padding:90px;
	position:relative;
	margin-left:70px;	 
}
.tickleft-section h3{
	font-size:28px;
    color:#fff;
    text-transform:uppercase;
    margin-top:8px;	
	word-spacing:14px;
	font-family: 'Crimson Text', serif;
}
.tickright-section{
    width:80%;
	height:70vh;
	display:flex;
	background-color:#f5f9f5;
	float:right;
	margin-top:225px;
	margin-left:360px;
	padding-top:50px;
	padding-bottom:35px;
	padding-left:40px;
	padding-right:40px;
	border-radius:8px;
	box-shadow:8px 12px 14px #9ef79e;
	position:absolute;
	z-index:1;			
}
.tickright-section p{
	font-size:20px;
    color:#023e8a;
	font-family: 'Crimson Text', serif;	
}
#tick-b{
    margin-top:2px;		
}
#tick-c{
    margin-top:4px;		
}	
#tick-d{
    margin-top:8px;		
}
#tick-e{
    margin-top:10px;		
}
#tick-f{
    margin-top:14px;		
}
#tick-g{
	margin-top:36px;
}

.historyshadow{
	box-shadow:-6px -6px 10px #f19c79,
	           8px 8px 10px #f19c79;
}
.gallery  {
    margin-top:15px;
	margin-bottom:45px;
    font-weight:600px;
    font-family:'Crimson Text', serif;
	color:#8fd507;
	font-size:40px;
}
.download{
    padding-top:15px;
	padding-bottom:35px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	width:150px;
	height:20px;
	background-color:#88c7db;
	border-radius:6px;
	color:black;
	margin-top:50px;	
}
	
@media (max-width:375px) {
 .download{	
    margin-top:0px;
 }

}	
@media screen and (max-width: 768px) {
	
.aboutcontent{
    font-size:20px;
    margin-top:120px;	
  }
.about{
	font-size: 25px;
 }
.payment-image{
    margin-left:0px;
    width:375px;
	height:600px;
 }
 .payment1-image{
	margin-left:0px;
    width:340px;
	height:550px;
 }
.visionleft-section{
    max-width:100%;
	max-height:80vh;
	display:flex;
	float:left;
	margin-top:65px;
	padding:90px;
	position:relative;
	margin-left:0px;
 }
 .visionright-section{
	width:93%;
	height:auto;
	display:flex;
	margin-top:357px;
	margin-left:0px;
	position:absolute;
	z-index:1;
	
  }
 .visionleft-section h3{
	line-height:40px;
	word-spacing:16px;
 }
.tickleft-section{
	max-width:100%;
	max-height:80vh;
	display:flex;
	background-color:#57c24c;
	float:left;
	margin-top:65px;
	padding:90px;
	position:relative;
	margin-left:0px;
 }
 .tickleft-section h3{
	line-height:40px;
 }
 .tickright-section{
    width:93%;
	height:135vh;
	display:flex;
	background-color:#f5f9f5;
	float:left;
	margin-top:360px;
	margin-left:0px;
	border-radius:8px;
	box-shadow:8px 12px 14px #9ef79e;
	position:absolute;
	z-index:1;			
}
#tick-a{
    display:none;   	
}
#tick-b{
    display:none;
    	
}
#tick-c{
    display:none;
   		
}	
#tick-d{
    display:none;
    		
}
#tick-e{
    display:none;
		
    	
}
#tick-f{
    display:none;
    		
}
#tick-g{
	display:none;
		
}
.tickright-section p{
	margin-top:20px;
  }
}
.contact-a{
       width: 250px;
       height: 70px;
       background-color:#c85b6c;
       border-radius: 5px;
       margin-top: 170px;
       position: absolute;
       transform: translateX(110px);
       z-index: 1;
     }

     .contact-a h4{
       color: #fff;
       margin-top: 23px;
	   font-size:27px;
	   word-spacing:8px;
	   font-family: 'Crimson Text', serif;
     }

     .contact-b{
       width: 500px;
       height: 370px;
       background-color:#f9f3f4;
       border-radius: 2px;
       margin-left: 320px;
       margin-top: 45px;
       position: relative;
       box-shadow: 5px 5px 10px #f9dbbd ;
     }
     .contact-b h5{
       color:#a72841 ;
       margin-top: 25px;
       margin-left: 70px;
	   font-size:26px;
	   font-family: 'Crimson Text', serif;
     }
     .contact-b p{
       margin-left: 70px;
	   font-size:19px;
	   font-family: 'Crimson Text', serif;
	   word-spacing:8px;
    }
    @media only screen and (max-width: 768px) {
     .contact-a {
       width: 200px;
       height: 70px;
       background-color:#d17c89;
       border-radius: 5px;
       margin-top: -10px;
       position: absolute;
       transform: translateX(0px);
       z-index: 1;
       margin-left: 112px;
       box-shadow: 0px 5px 7px #f9dbbd;
	   
    }
     .contact-b{
       width: 396px;
       height: 346px;
       background-color:#f9f3f4;
       border-radius: 2px;
       margin-top: 45px;
       box-shadow: 5px 5px 10px #f9dbbd ;
       margin-left: 12px;
	   padding-top:10px;
     }
     #address {
       margin-top: 40px;
	   margin-left:20px;
	   font-size:22px;
    }
	#p1{
	   margin-left:20px;
       font-size:19px;	   
	}
     #contact{
       margin-top: 0px;
	   margin-left:20px;
     }
	 #p2{
	   margin-left:20px;
	   font-size:19px;
	 }
     #email{
       margin-top: 0px;
	   margin-left:20px;
     } 
     #p3{
	   margin-left:20px;
	   font-size:19px;
	 }

  }
 @media (max-width: 580px) {
 .tickright-section{
	 height:580px;
   }
 .contact-b {
	width:89%;
    margin-left:23px;
    flex-direction:column;	
   }
 .contact-a {
	margin-left:25%; 
    	
   }
 
 }

/* END ABOUT */

/* START AFFILIATION */
.affiliation-a {   
       width: 250px;
       height: 70px;
       background-color:#457b9d;
       border-radius: 5px;
       margin-top: 170px;
       position: absolute;
       transform: translateX(120px);
       z-index: 1;
     }
.affiliation-a h4{
       color: #fff;
       margin-top: 23px;
	   font-size:27px;
	   word-spacing:8px;
	   font-family: 'Crimson Text', serif;
     }
.affiliation-b{
       width: 500px;
       height: 370px;
       background-color:#f4f9fb;
       border-radius: 2px;
       margin-left: 320px;
       margin-top: 45px;
       position: relative;
       box-shadow: 5px 5px 10px #cee7f2 ;
     }
#affiliation-p1{	 
       margin-left:90px;
       font-size:17px;
	   margin-top:70px;
	   color:#457b9d ;
}
 @media (max-width: 580px) {
 .affiliation-b {
	width:89%;
    margin-left:23px;
    flex-direction:column;	
   }      
.affiliation-a {
	   margin-left:27%;
       width: 200px;
       height: 70px;
       border-radius: 5px;
       margin-top: 25px;
       position: absolute;
       transform: translateX(0px);
       z-index: 1;
       margin-left: 95px;	
   }
#affiliation-p1 {
	padding-top:100px;
	margin-left:30px;
   }  
 }

/* END AFFILIATION */


/* START  PHOTO GALLERY */

/*    .img-responsive{
	    border-radius: 40px;
	  }
	  .card{
		border-radius: 40px; 
        width:270px;
        height:260px;		
	  }
	  .img-responsive:hover{
		width:270px;
        height:260px;
        transition-timing-function:  linear;
		transition-duration: 5s;

	  }
	  .gallery  {
        margin-top:100px;
	    margin-bottom:25px;
        font-weight:600px;
        font-family:'Crimson Text', serif;
	    color:#8fd507;
	    font-size:40px;
		text-align:center;
}	
@media (max-width:375px) {
	  .img-responsive{
	    border-radius: 40px;
	  }
	  .card{
		border-radius: 40px;   
	  }
	  .img-responsive:hover{
		width:290px;
        height:260px;
        transition: width 2s;
		transition: height 2s;
	  }
	  .card:hover {
		width:290px;
        height:260px;
        transition-property:transform;
        transition-duration:2s;
        transition-timing-function:ease-in-out;		
	  }
  }
  */
/* END  PHOTO GALLERY */

/* START SYLLABUS */
.syllabus {
    margin-bottom:90px;
    color:#8fd507;	
 }
 .syllabus-detail-b ul li a {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:100px;
	 
 }
  #download-b {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:105px;
 }
  #download-c {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:106px;
 }
  #download-d {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:150px;
 }
  #download-e {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:150px;
 }
  #download-f {
	 background-color:#0077b6;
	 color:#fff;
	 margin-left:150px;
 }
@media (max-width:400px) {
#download-a	{
     margin-left:38px;
  }
#download-b{
	 margin-left:44px;
  }
#download-c{
	 margin-left:44px;
  }
#download-d{
	 margin-left:87px;
  }
#download-e{
	 margin-left:87px;
  }
#download-f{
	 margin-left:87px;
  }

}	
 
 .syllabus-detail-b ul li {
	 text-decoration:none; 
	 margin-top:5px;
	 padding:20px 25px;
	 background-color:#0077b6;
	 color:#fff;
	 
  }
/* END SYLLABUS */
 
/* START AFFILIATION */

.bpsaffiliation-image{
	margin-top:20px;
    margin-bottom:20px;
    border: 2px solid #adca32;
}
@media (max-width: 375px) {
.bpsaffiliation-image {	
    margin-left:10px;
    width:355px;
  }
}

@media (max-width: 425px) {
.bpsaffiliation-image {	
    margin-left:10px;
    width:405px;
  }	
}
/* END AFFILIATION */ 

/* START COLLEGE LAND DOCUMENT */

.collegedocument-image{
	margin-top:20px;
    margin-bottom:20px;
    border: 2px solid #adca32;
}
.collegedocument-heading {
    margin-bottom:50px;
    font-size:30px;	
	font-family:'Crimson Text', serif;
    text-transform:uppercase;
    color:#adca32;	
 }
@media (max-width: 375px) and (max-width: 425px) {
.collegedocument-image {	
    margin-left:10px;
    width:355px;
  }
}

/* END COLLEGE LAND DOCUMENT */ 

/* START TAX PAYMENT DOCUMENT */
 .taxpayment-image {
    margin-top:20px;
    margin-bottom:20px;
    border: 2px solid #adca32;
}
.tax-payment-heading {
    margin-bottom:50px;
    font-size:30px;	
	font-family:'Crimson Text', serif;
	text-transform:uppercase;
	color:#adca32;
 }
@media (max-width: 425px) {
.taxpayment-image {	
	margin-left:13px;
    width:397px;
   }
 } 
/* END TAX PAYMENT DOCUMENT */

/* START HUMANITIES */
.humanities {
   width:900px;
   height:380px;
   margin:auto;
   margin-top:120px;
   padding:50px;
   background-color:#F8F1FF ;
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   justify-content:center;
   box-shadow:3px 3px 3px  #1B998B;
}
.humanities p{
	width:700px;
	margin-left:35px;
	margin-top:-28px;
	margin-bottom:40px;
	font-size:1.9rem;
	font-family:'EB Garamond', serif;
	word-spacing:0.6px;
	color:black;
}
.heading-humanities {
	font-size:50px;
	color:#1B998B;
	font-family:'Crimson Text', serif;
}
.arrow-right {
	color:#1B998B;
}
 @media (max-width: 768px) {
.humanities {
	 max-width:518px;
	 height:auto;
     flex-direction:column;	
     padding:0px;
     padding-top:30px;
     padding-right:0px;	
     padding-left:33px;	 
 }
 .humanities p{
	 max-width:357px;
	 height:auto;
	 font-size:2rem;
	 margin-top:-33px;
 }
@media (min-width: 576px) and (max-width: 767px) {
 .humanities {
	 max-width:489px;
	 height:auto;
     flex-direction:column;	
     padding:0px;
     padding-top:30px;
     padding-right:0px;	
     padding-left:0px;	 
 }
 .humanities p{
	 max-width:357px;
	 height:auto;
	 font-size:2.1rem;
	 margin-top:-33px;
   }  
 }
@media (max-width: 425px) {
	.humanities {
	 max-width:397px;
	 height:auto;
     flex-direction:column;	
     padding:0px;
     padding-top:30px;
     padding-right:0px;	
     padding-left:8px;	 
 }
 .humanities p{
	 max-width:324px;
	 height:auto;
	 font-size:1.9rem;
	 margin-top:-33px;
   }  
 } 	  
 @media (max-width: 375px) {
.humanities {
	 max-width:357px;
	 height:auto;
	 margin:auto;
     flex-direction:column;	
     padding:0px;
     padding-top:30px;
     padding-right:0px;	
     padding-left:8px;	 
 }
.humanities p{
	 max-width:276px;
	 height:auto;
	 font-size:1.9rem;
	 margin-top:-33px;
   }  
 } 	  
/* END HUMANITIES */

/* START SOCIALSCIENCE */



/* END SOCIALSCIENCE */