/*media start --------------------------------------*/

@media (max-width: 768px){


div.about{	
	padding:64px 0 32px 0 ;
	background-color: #09070D;
}

div.about h1{	
	margin-top: 16px;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	text-align: left;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}

div.about p{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #fff;
}
div.about img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/

div.vision{	
	padding: 32px 0 ;
	background-color: #0E0A16;
}

div.vision h1{	
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	color: #FFD82A;
	text-align: left;
	margin-top: 32px;
	font-family: "Playfair Display", serif;
}
div.vision h4{
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #fff;	
	padding: 8px 0 8px 0;
}
div.vision p{
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #fff;	
	padding: 8px 0 32px 0;
}
div.vision p i{
	padding-right: 8px;
	color: #B6E4D7;
}


/*--------------------------------------------------------*/

div.mission{	
	padding: 32px 0 ;
	background-color: #09070D;
}

div.mission h1{	
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	color: #FFD82A;
	text-align: left;
	margin-bottom: 32px;
	font-family: "Playfair Display", serif;
}
div.mission .valuess{
	background-color: #0E0A16;
	margin-bottom: 16px;	
	border-radius: 24px;
	padding: 8px 20px;
	border: 1px solid #191227;
	min-height: auto;
}
div.mission h2{	
	font-size: 24px;
	font-weight: 600;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}
div.mission h4{
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #09070D;	
	padding: 8px 0 8px 0;
}
div.mission p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #fff;	
	padding: auto;
}
div.mission p i{
	padding-right: 8px;
	color: #09070D;
}

/*--------------------------------------------------------*/


div.commitment{	
	padding: 32px 0 ;
	background-color: #fafafa;
}

div.commitment h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #09070D;
	text-align: left;
	font-family: "Playfair Display", serif;
}

div.commitment h4{
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #09070D;	
	padding: 8px 0 32px 0;
}
div.commitment p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #09070D;	
	margin-bottom: 16px;
}


/*--------------------------------------------------------*/

div.support{	
	padding: 32px 0 ;
	background-color: #fff;
}

div.support h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #09070D;
	text-align: left;
	margin: 0px 0px 40px 0px;
	font-family: "Playfair Display", serif;
}

div.support p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #09070D;	
	margin-bottom: 16px;
}

/*--------------------------------------------------------*/


}


/*media end --------------------------------------*/


.about{	
	padding:128px 0 128px 0 ;
	background-color: #09070D;
	min-height: 700px;
}

.about h1{	
	margin-top: 70px;
	font-size: 80px;
	font-weight: 500;
	line-height: 96px;
	text-shadow: none;
	text-align: left;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}

.about p{
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: #eee;
}
.about img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/

.vision{	
	padding: 128px 0 ;
	background-color: #0E0A16;
}

.vision h1{	
	font-size: 108px;
	font-weight: 500;
	line-height: 108px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
}
.vision h4{
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
	color: #eee;	
	padding: 8px 0 32px 0;
}
.vision p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #eee;	
	padding: 8px 0 32px 0;
}
.vision p i{
	padding-right: 8px;
	color: #B6E4D7;
}


/*--------------------------------------------------------*/

.mission{	
	padding: 128px 0;
	background-color: #09070D;
}

.mission h1{	
	font-size: 108px;
	font-weight: 500;
	line-height: 108px;
	color: #FFD82A;
	margin: 0px 0px 80px 0px;
	font-family: "Playfair Display", serif;
}
.mission h2{	
	font-size: 32px;
	font-weight: 500;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}
.mission .valuess{
	background-color: #0E0A16;
	margin-bottom: 32px;	
	border-radius: 24px;
	padding: 16px 20px;
	border: 1px solid #191227;
	min-height: 210px;
}
.mission p{
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	color: #eee;	
	padding: 8px 0px;
}

/*--------------------------------------------------------*/


.commitment{	
	padding: 128px 0 64px 0;
	background-color: #fafafa;
}

.commitment h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 80px;
	color: #09070D;
	text-align: left;
	font-family: "Playfair Display", serif;
}

.commitment h4{
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	text-align: left;
	color: #09070D;	
	padding: 8px 0 32px 0;
}
.commitment p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #09070D;	
	margin-bottom: 16px;
}


/*--------------------------------------------------------*/

.support{	
	padding: 128px 0;
	background-color: #fff;
}

.support h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 80px;
	color: #09070D;
	text-align: left;
	margin: 0px 0px 40px 0px;
	font-family: "Playfair Display", serif;
}

.support p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #09070D;	
	margin-bottom: 16px;
}

/*--------------------------------------------------------*/