@charset "UTF-8"; 



.exp_found_ytbox{
	width: 100%;
	height: 315px;
}





.exp_found_wrapper_outer {
	display: flex;
	width: 100%;
	height:auto;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-image:url("../jpg/principle_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.exp_found_wrapper_inner {
	display: flex;
	width: 80%;
	max-width: 1200px;
	height:50%;
	align-items: center;
	box-sizing: border-box;
	padding-top: 5%;
	padding-bottom: 5%;
}


.exp_found_left-stack{
	width: 45%;
	height: 80%;
	box-sizing: border-box;
}



.exp_found_stack_heading{
	color: #000000;
	font-size: 140%;
	font-weight: 600;
	text-align: left;
	width: 100%;
	height: 10%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-bottom: 2%;
}

.exp_found_stack_para{
	width: 100%;
	height:200px;
	overflow-y: scroll;
	box-sizing: border-box;
	padding-right: 2%;
	
}



.exp_found_stack_Button_wrapper{
	width: 100%;
	height: 10%;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	margin-top: 10%;
	box-sizing: border-box;
}


.exp_found_stack_button{
	width: 40%;
	height: 100%;
	background-color: #dc143c;
	color: white;
	text-align: center;
	padding: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5%;
	cursor: pointer;
}


.exp_found_stack_button:hover{
	width: 40%;
	height: 100%;
	background-color: #ff5777;
	color: white;
	text-align: center;
	padding: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5%;
	cursor: pointer;
}
.stack_button{
	width: 100%;
	height: 100%;
	background-color: #dc143c;
	color: white;
	text-align: center;
	padding: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0%;
		margin-top: 2%;
	cursor: pointer;
}



/* CSS Document */
/*-----------------------------------------------------------------------QUERY1----------------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
	
	
.exp_found_left-stack{
	width: 55%;
	height: 80%;
	box-sizing: border-box;
}
	
	
.exp_found_ytbox{
	width: 100%;
	height: 315px;
}	
	
	
	
	}	
/*-----------------------------------------------//QUERY1------------------------------------- */	




/*------------------------------------------------QUERY2------------------------------------- */

@media screen and (max-width: 700px) {
	
	
.exp_found_ytbox{
	width: 100%;
	height: 315px;
	margin-top: 4%;
}	
	
	
.exp_found_wrapper_inner {
	display:block;
	width: 80%;
	max-width: 1200px;
	height:50%;
	align-items: center;
	box-sizing: border-box;
	padding-top: 5%;
	padding-bottom: 5%;
}	
	
	
	

	
	
	.exp_found_left-stack{
		width: 100%!important;
		padding-left: 0!important;
	height: 80%;
	box-sizing: border-box;
}
	
	
	.exp_found_stack_button{
	width: 45%;
	height: 100%;
	background-color: #dc143c;
	color: white;
	text-align: center;
	padding: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5%;
	cursor: pointer;
}
	
	
	


	#exp_found_w1 {
	background-image:url("../jpg/principle_bg2.jpg");
	padding-top: 5%;
	padding-bottom: 5%;
    }
	

	
	
	}	
/*------------------------------------------------//QUERY2------------------------------------- */	



/*---------------------------------------------------QUERY3--------------------------------- */

@media screen and (max-width: 550px) {
	




	
	.exp_found_stack_Button_wrapper{
flex-direction: column;
}
	
	.exp_found_stack_button{
	width: 100%;
	height: 100%;
	background-color: #dc143c;
	color: white;
	text-align: center;
	padding: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0%;
		margin-top: 2%;
	cursor: pointer;
}



	
	}	
/*--------------//QUER3--------- */	







.exp_button
{
	width: 100%;
	height: 100%;
	background-color: #dc143c;
	align-items: center;
	color: #fff;
	padding:15px;
	text-decoration: none;
	cursor: pointer;
}
.exp_button a
{
	width: 100%;
	height: 100%;
	background-color: #dc143c;
	align-items: center;
	color: #fff !important;
	padding:15px;
	text-decoration:none;
	cursor: pointer;
	border:1px solid grey;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #fff;
  height:150px;
  text-align: center;
  border:2px solid #dc143c;

}

.flex-container > div {
  background-color: #fff;
  width: 20%;
  margin: 1px;
 
 
  font-size: 15px;
  padding-top:50px;
 
}


@media (max-width: 800px) {
  .flex-container {
	display: flex;

  flex-direction: column;
 
  height:auto;

	
  }

  .flex-container > div {
  background-color: #fff;
  width: auto;
  padding-left:50px;
  padding-top:30px;
  height:200px;
  text-align:center !important;
  
}


}


 
@media (max-width: 480px) {
  .flex-container {
	display: flex;
   flex-direction: column;
   width: 100%;
   height:200px;
   text-align:center !important;
   }

  .flex-container > div {
  background-color: #fff;
  width: auto;
  padding-left:50px;
  padding-top:50px;
  height:200px;
  text-align:left !important;
  
}


}


/* start vp vp quote */
.vp{
   width: 100%;
}



.exp_found_wrapper_inner_vp {
   display: flex;
   width: 80%;
   max-width: 1200px;
   height:50%;
   align-items: center;
   box-sizing: border-box;
   padding-top: 5%;
   padding-bottom: 5%;
}


.exp_found_left-stack_vp{
   height: 80%;
   box-sizing: border-box;
}


.exp_found_stack_para_vp{
   width: 100%;
   height:200px;
   overflow-y: scroll;
   box-sizing: border-box;
   padding-right: 2%;
   
}


@media screen and (max-width: 950px) {
   
   
   .exp_found_left-stack_vp{
	   width: 55%;
	   height: 80%;
	   box-sizing: border-box;
   }
	   
	   
   
	   
	   
	   }	
   /*-----------------------------------------------//QUERY1------------------------------------- */	
   
   
   
   
   /*------------------------------------------------QUERY2------------------------------------- */
   
   @media screen and (max-width: 700px) {
	   
	   
   .vp{
	   width: 20%;
	   margin-bottom: 2%;
   }	
	   
   
	   
   .exp_found_wrapper_inner_vp {
	   display:block;
	   width: 80%;
	   max-width: 1200px;
	   height:50%;
	   align-items: center;
	   box-sizing: border-box;
	   padding-top: 5%;
	   padding-bottom: 5%;
   }	
	   
	   
	   
   
	   
	   
	   .exp_found_left-stack_vp{
	   width: 100%!important;
	   height: 80%;
	   box-sizing: border-box;
   }
	   
	   
   
	   
	   
   
   
   
	   
	   
	   }