@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&family=Martel:wght@300;400;600&family=PT+Serif&family=Playfair+Display:wght@400;600&family=Source+Serif+Pro:wght@300;400;600;700&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  margin:0;
  padding:0;
}


h2{
	text-align:center;
	font-weight:bold;
	font-size:30px;
	color:#040bcc;
	padding:10px;
}

a {
	text-decoration:none;
}

p{
	font-size:150%;
	line-height:1.8;
}

@media screen and (max-width: 600px) {
	p{
	font-size:120%;
	line-height:1.5;
     }

}


/*index page starts*/

.marquee{
	/*background-color:#BCFD4C;*/
	background:linear-gradient(to right, #fffc00, #ffffff);
	font-size:120%;
	padding-top:5px;
}
.marquee a{
	text-decoration:none;
	color:red;
}


.introabt {
	  margin:10px auto;
	  padding:10px 30px;
	  max-width:1000px;
}

.introabt a{
	text-decoration:none;
	color:#040bcc;
}
.introabt a:hover {
	color:#c3073f;
}

.introproducts {
	  background:linear-gradient(to right, #FFEFBA, #FFFFFF);
	  margin:10px auto;
	  padding:10px 30px;
}

.introproductsflex{
	    margin:10px auto;
		display:flex;
		justify-content:center;
	    align-items:center;
	    flex-wrap:wrap;
		flex:1;
        max-width:1000px;		
}

.container {
  position: relative;
  width: 50%;
  max-width: 260px;
  margin:10px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.container:hover .overlay {
  opacity: 1;
}


@media screen and (max-width: 500px) {
	    .introproductsflex {
		flex-direction:coloumn;
		text-align:center;
	        }
		.container{
			width: 70%;
		}	
	    
}

/*index-page ends*/

/*About page*/
.about{
	  margin:10px auto;
	  padding:10px 30px;
	  background:linear-gradient(to left, #FFEFBA, #FFFFFF);
	  max-width:1100px;
}

.about span{
	font-size:30px;
	font-weight:bold;
	color:#040bcc;
}

.aboutflex{
		margin:0 auto;
		display:flex;
		justify-content:space-around;
	    align-items:center;
	    flex-wrap:wrap;
		flex:1;
		max-width:1100px;
}

.visonmission{
	 padding:30px;
	 margin:0 auto;
}

.visonmission p{
	 margin-left:20px;
	 color:#000;
}

.vision{
	    margin:10px auto;
		display:flex;
		justify-content:flex-start;
	    align-items:center;
	    flex-wrap:wrap;
		flex:1;
		max-width:1100px;
}

.part1{
	   margin:0;
	   border-radius:100px 0 0 100px ;
	   width:120px;
	   height:60px;
	   background-color:#ec38bc;
	   color:#fff;
	   font-size:40px;
	   text-align:right;
	   
}

.part2{
	   margin:0;
	   border-radius:0 100px 100px 0  ;
	   width:120px;
	   height:60px;
	   background-color:#fdeff9;
	   color:#000;
	   font-size:40px;
	   text-align:left;
}


.corevalues h1{
	text-align:center;
	font-size:40px;
	color:#040bcc;
}

.corevalues{
	  margin:10px auto;
	  padding:10px 30px;
	  max-width:1100px;
	  
}

@media screen and (max-width: 500px) {
	.corevalues p {
		text-align:left;
	}
	
	.vision p {
		line-height:1.8;
		padding-top:10px;
	}
}
/*About page ends*/

/*contact page */
.contact{
	  margin:25px auto;
	  padding:10px 30px;
	  max-width:800px;
	  background:linear-gradient(to left, #bdc3c7, #2c3e50);
	  color:white;
}
.contact h1{
	text-align:center;
}
.contact a{
	text-decoration:none;
	color:white;
}
.contact a:hover{
	color:#000;
}
.contact span{
	font-size:30px;
}
/*contact page ends*/

/*forms page*/
.forms{
	    margin:0px auto;
		display:flex;
		justify-content:center;
	    align-items:center;
	    flex-wrap:wrap;
		flex:1;
        max-width:1000px;
		padding:0;
}
.formcont{
	padding:10px;
}
.formcont{
	font-size:25px;
	color:#333;
	padding-top:15px;
	margin:0;
}
.links a{
	text-decoration:none;
	color:#00e;
	font-size:30px;
}

.links a:hover{
	color:#c3073f;
}
/*forms page end*/