/*

pink :   light- fbd0dc  base- EC1652  dark- 8e0d31 
blue :   light- cceffc  base- 00ADEE  dark- 00ADEE
green :  light- e0f2e7  base- 00ADEE  dark- 3c7352
orange : light- feecd1  base- F9A11B  dark- 956110

Greys :
dark: 141414
light:fafafa
medium:565656

Positive:25AB21
Error:F50031
Warning: F06D0F

*/

/* Media start----------------------------------------*/

@media (max-width: 768px){

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

div.lifesavers{
	padding:64px 0 32px 0;
	background-color: #fff;
}
div.lifesavers h1{
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
}
div.lifesavers p{
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #141414;
	margin-bottom: 8px;
}
div.lifesavers h6{
	margin-top: 48px;
}
div.lifesavers h6 a{
	margin-right: 8px;
	display: inline-block;
	margin-bottom: 16px;
	width: 100%;
}
div.lifesavers img{
	margin-bottom: 24px;
	border-radius: 24px;
}


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

div.mission{
	padding:32px 0;
	background: linear-gradient(135deg, #fafafa, #eee);
}
div.mission h1{
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
}
div.mission p{
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #141414;
	margin-bottom: 16px;
}
div.mission h4{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #141414;
	margin-bottom: 8px;
}

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

div.part1{	
	padding:32px 0;
 	background-color: #fff;
	border-radius: 0px;
}

div.part1 h1{
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: "Poppins", serif;
}

div.part1 p{
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #434343;
	margin-bottom: 8px;
}
div.part1 p:hover{
	color: #000;
	font-weight: 600;
}
div.part1 p:hover i {
  animation: pulse 0.6s infinite alternate;
  color: #FF0067;
  background-color: #ffe6f0;
}
div.part1 p i{
	padding: 8px;
	background-color: #eee;
	margin-right: 12px;
	border-radius: 1000px;
	display: inline-block; /* Required for transform to work */
}


@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.3);
  }
}

div.part1 img{
	border-radius: 24px;
	margin: 32px 0 24px 0;
}
div.part1 .video-background{
	width: 100%;
	border-radius: 24px;
}

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

div.serviceshome{
	padding: 32px 0;
	background-color: #fafafa;
}
div.serviceshome h1{
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: "Poppins", serif;
	padding-bottom: 24px;
}
div.serviceshome h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: #64BF88;
	font-family: "Poppins", serif;
}

div.serviceshome img{
	border-radius: 23px 23px 0 0;
}
div.serviceshome .serv{
	border: 1px solid #eee;
	border-radius: 24px;
	height: auto;
	margin-bottom: 24px;
	background-color: #fff;
}
div.serviceshome .serv:hover{
	border: 1px solid #eee;
	border-radius: 24px;
	background-color: #fafafa;
	box-shadow: 0px 4px 10px #eee;
}
div.serviceshome .serv .cap{ 
	padding: 0 16px 16px 16px;
}

div.serviceshome h2{
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	font-family: "Poppins", serif;
	color: #141414;
}
div.serviceshome h5{
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #141414;
}
div.serviceshome p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
div.serviceshome h6{
	text-align: left;
	margin-top: 32px;
}
div.serviceshome a{
	text-decoration: none;
}
div.serviceshome .mar1{
	margin-bottom: 0px;
}


}
/* CSS end --------------------------------------*/




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


.lifesavers{
	padding:150px 0;
	background-color: #fff;
}
.lifesavers h1{
	font-size: 80px;
	font-weight: 300;
	line-height: 96px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
}
.lifesavers p{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #141414;
	margin-bottom: 8px;
}
.lifesavers h6{
	margin-top: 48px;
}
.lifesavers h6 a{
	margin-right: 8px;
}
.lifesavers  .carousel .item img{
	margin-bottom: 24px;
	border-radius: 24px;
}


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

.mission{
	padding:150px 0;
	background: linear-gradient(135deg, #fafafa, #eee);
}
.mission h1{
	font-size: 128px;
	font-weight: 300;
	line-height: 96px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
}
.mission p{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #141414;
	margin-bottom: 16px;
}
.mission h4{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #141414;
	margin-bottom: 8px;
}

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

.part1{	
	padding:128px 0;
 	background-color: #fff;
	border-radius: 0px;
}

.part1 h1{
	font-size: 56px;
	font-weight: 300;
	line-height: 72px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: "Poppins", serif;
}

.part1 p{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #434343;
	margin-bottom: 8px;
}
.part1 p:hover{
	color: #000;
	font-weight: 600;
}
.part1 p:hover i {
  animation: pulse 0.6s infinite alternate;
  color: #FF0067;
  background-color: #ffe6f0;
}
.part1 p i{
	padding: 8px;
	background-color: #eee;
	margin-right: 12px;
	border-radius: 1000px;
	display: inline-block; /* Required for transform to work */
}


@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.3);
  }
}

.part1 img{
	width: 100%;
	height: 100%;
	border-radius: 24px;
}
.part1 .video-background{
	width: 100%;
	border-radius: 24px;
}

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

.serviceshome{
	padding: 128px 0;
	background-color: #fafafa;
}
.serviceshome h1{
	font-size: 56px;
	font-weight: 300;
	line-height: 72px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: "Poppins", serif;
	padding-bottom: 48px;
}
.serviceshome h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: #64BF88;
	font-family: "Poppins", serif;
}

.serviceshome img{
	border-radius: 23px 23px 0 0;
}
.serviceshome .serv{
	border: 1px solid #eee;
	border-radius: 24px;
	height: 405px;
	background-color: #fff;
}
.serviceshome .serv:hover{
	border: 1px solid #eee;
	border-radius: 24px;
	background-color: #fafafa;
	box-shadow: 0px 4px 10px #eee;
}
.serviceshome .serv .cap{ 
	padding: 0 16px 16px 16px;
}

.serviceshome h2{
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	font-family: "Poppins", serif;
	color: #141414;
}
.serviceshome h5{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
.serviceshome p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
.serviceshome h6{
	text-align: left;
	margin-top: 32px;
}
.serviceshome a{
	text-decoration: none;
}
.serviceshome .mar1{
	margin-bottom: 32px;
}

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