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

@media (max-width: 768px){


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

div.about h1{		
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	text-align: left;
	color: #141414;
}

div.about p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
	margin-top: 24px;
}
div.about img{
	border-radius: 24px;
}

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

div.vid {
	display: none;
}
div.vid .video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

div.vid .bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

div.vid .video-content {
  position: relative;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

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

div.drs1{
	background-color: #fff;
}
div.drs1 img{
	border-radius: 24px;
}

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

div.abt{
	padding: 16px 0 ;
	background-color: #fff;
}
div.abt h1{
	font-size: 48px;
	font-weight: 600;
	color: #0B1F3B;
	text-align: left;
	margin-top: 0px;
}
div.abt p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}
div.abt p span{
	font-weight: 700;
	color: #004A97;

}
div.abt h6{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	margin-top: 48px;
	color: #141414;
}
div.abt h5{
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}

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

div.vision{	
	padding: 0 0 16px 0 ;
	background-color: #fff;
}
div.vision .bg{
	
}
div.vision h1{	
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #0B1F3B;
	margin-top: 0px;
	padding-bottom: 0px;
}
div.vision p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #141414;
}

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

div.commitment{	
	padding: 16px 0 ;
	background-color: #F9FBFF;

}
div.commitment h1{	
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #141414;
	margin-top: 0px;
	padding-bottom: 0px;
}
div.commitment h4{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
div.commitment h5{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
div.commitment p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #565656;
}
div.commitment p i{
	font-size: 16px;
	padding-right: 4px;
}
div.commitment .topmar{
	margin-top: 16px;
}
div.commitment .thumb{
	margin-bottom: 24px;
}
div.commitment img{
	border-radius: 8px;
}
div.commitment .thumb .caption1{
	padding-top: 0px;
}

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

div.getcall{
	padding: 16px 0;
	background: url('../img/asset/her.jpg') no-repeat center center ;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	background-color: #e9f1f4;
}

div.getcall h1{	
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: 'Oswald', sans-serif;
}

div.getcall p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 24px 0;
}
div.getcall h4{	
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
}



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

div.getcall1{
	padding: 16px 0;
	background: url('../img/asset/her.jpg') no-repeat center center ;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	background-color: #e9f1f4;
}

div.getcall1 h1{	
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: 'Oswald', sans-serif;
}

div.getcall1 p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 32px 0;
}
div.getcall1 h4{	
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 16px;
}


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

div.values{	
	background: url('../img/values.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 800px;
	background-color: #1E3A8A;
}

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


div.leadership{
	padding: 0 0 128px 0 ;
	background-color: #fff;
}
div.leadership h1{
	font-size: 48px;
	font-weight: 600;
	color: #0B1F3B;
	text-align: left;
	margin-top: 0px;
}
div.leadership h2{
	font-size: 20px;
	font-weight: 700;
	color: #0B1F3B;
	text-align: left;
}
div.leadership p{
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #565656;
}
div.leadership h6{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: right;
	margin-top: 0px;
	color: #141414;
	position: absolute;
	z-index: 10px;
	bottom: 40px;
	right: 32px;
}
div.leadership h5{
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}
div.leadership a{
	text-decoration: none;
}
div.leadership .thum{	
	background-color: #F9FBFF;
	border-radius: 24px;
	padding: 8px;
	border: 1px solid #EFF4FF;
	margin-bottom: 32px;
	min-height: 500px;
}
div.leadership .thum:hover{	
	background-color: #F9FBFF;
	border-radius: 24px;
	padding: 8px;
	border: 1px solid #EFF4FF;
}
div.leadership .cap{
	padding: 8px 16px;
}

div.leadership img{
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  border-radius: 16px;
  transition: filter 0.3s ease, transform 0.3s ease;
}

div.leadership img:hover{
   -webkit-filter: none;
  filter: none;
  transform: scale(1); /* optional subtle zoom */
}

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

div.dr{	
	padding:200px 0 128px 0 ;
	background-color: #fff;
}

div.dr h1{		
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
div.dr h3{		
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	text-align: left;
	color: #141414;	
	margin-top: 64px;
}
div.dr h4{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #141414;
	margin-top: 0px;
}
div.dr h5{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #565656;
	margin-bottom: 32px;
}
div.dr p{
	font-size: 18px;
	font-weight: 400;
	line-height:28px;
	text-align: left;
	color: #141414;
}
div.dr p i{
	padding-right: 4px;
	font-size: 16px;
}
div.dr img{
	border-radius: 24px;
}

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

div.drconnect{
	padding:128px 0 128px 0 ;
	background-color: #F9FBFF;
}
div.drconnect .media{
	background-color: #fff;
	padding: 12px 12px 8px 12px;
	margin-bottom: 16px;
	border-radius: 16px;
	border: 1px solid #eee;
}
div.drconnect .media:hover{
	background-color: #E9F0FF;
	padding: 12px 12px 8px 12px;
	margin-bottom: 16px;
	border-radius: 16px;
	border: 1px solid #D8E5FF;
}
div.drconnect .media a{
	text-decoration: none;
}
div.drconnect .media-object{
	height: 80px;
	width: 80px;
	border-radius: 10px;
}
div.drconnect .media-heading{
	font-size: 16px;
	color: #141414;
	font-weight: 700;
	line-height: 24px;

}
div.drconnect h1{		
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
div.drconnect h5{		
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	color: #141414;	
	margin-top: 4px;
}
div.drconnect p{		
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: #141414;	
	margin-top: 4px;
}


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



}


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


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

.about h1{		
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-align: left;
	color: #141414;
}

.about p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #141414;
	margin-top: 60px;
}
.about img{
	border-radius: 24px;
}

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

.vid {
	background: url('../img/asset/hero10.jpg') no-repeat center top fixed;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	padding: 128px 0 ;
	background-color: #fff;
	min-height: 500px;
}
.vid .video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.vid .bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

.vid .video-content {
  position: relative;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

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

.drs1{
	background-color: #fff;
}
.drs1 img{
	border-radius: 24px;
}

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

.abt{
	padding: 128px 0 ;
	background-color: #fff;
}
.abt h1{
	font-size: 48px;
	font-weight: 600;
	color: #0B1F3B;
	text-align: left;
	margin-top: 0px;
}
.abt p{
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}
.abt p span{
	font-weight: 700;
	color: #004A97;

}
.abt h6{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	margin-top: 48px;
	color: #141414;
}
.abt h5{
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}

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

.vision{	
	padding: 0 0 128px 0 ;
	background-color: #fff;
}
.vision .bg{
	
}
.vision h1{	
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #0B1F3B;
	margin-top: 0px;
	padding-bottom: 16px;
}
.vision p{
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	color: #141414;
}

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

.commitment{	
	padding: 128px 0 ;
	background-color: #F9FBFF;

}
.commitment h1{	
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #141414;
	margin-top: 0px;
	padding-bottom: 16px;
}
.commitment h4{
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	text-align: left;
	color: #141414;
}
.commitment h5{
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	color: #141414;
}
.commitment p{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
.commitment p i{
	font-size: 16px;
	padding-right: 4px;
}
.commitment .topmar{
	margin-top: 48px;
}
.commitment .thumb{
	/*background-color: #fff;
	border-radius: 24px;
	border: 1px solid #EAECFC;*/
}
.commitment img{
	border-radius: 24px;
}
.commitment .thumb .caption1{
	padding-top: 16px;
}

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

.getcall{
	padding: 208px 0;
	background: url('../img/asset/hero3.jpg') no-repeat center center ;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
}

.getcall h1{	
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: 'Oswald', sans-serif;
}

.getcall p{
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 32px 0;
}
.getcall h4{	
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 16px;
}



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

.getcall1{
	padding: 208px 0;
	background: url('../img/asset/hero17.jpg') no-repeat center center ;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
}

.getcall1 h1{	
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #141414;
	text-align: left;
	margin-top: 0px;
	font-family: 'Oswald', sans-serif;
}

.getcall1 p{
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	text-align: left;
	color: #141414;	
	padding: 8px 0 32px 0;
}
.getcall1 h4{	
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	color: #141414;
	text-align: left;
	margin-top: 16px;
}


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

.values{	
	background: url('../img/values.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
	background-size: cover;
	min-height: 800px;
	background-color: #1E3A8A;
}

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


.leadership{
	padding: 0 0 128px 0 ;
	background-color: #fff;
}
.leadership h1{
	font-size: 48px;
	font-weight: 600;
	color: #0B1F3B;
	text-align: left;
	margin-top: 0px;
}
.leadership h2{
	font-size: 20px;
	font-weight: 700;
	color: #0B1F3B;
	text-align: left;
}
.leadership p{
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #565656;
}
.leadership h6{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: right;
	margin-top: 0px;
	color: #141414;
	position: absolute;
	z-index: 10px;
	bottom: 40px;
	right: 32px;
}
.leadership h5{
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	color: #141414;
}
.leadership a{
	text-decoration: none;
}
.leadership .thum{	
	background-color: #F9FBFF;
	border-radius: 24px;
	padding: 8px;
	border: 1px solid #EFF4FF;
	margin-bottom: 32px;
	min-height: 500px;
}
.leadership .thum:hover{	
	background-color: #F9FBFF;
	border-radius: 24px;
	padding: 8px;
	border: 1px solid #EFF4FF;
}
.leadership .cap{
	padding: 8px 16px;
}

.leadership img{
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  border-radius: 16px;
  transition: filter 0.3s ease, transform 0.3s ease;
}

.leadership img:hover{
   -webkit-filter: none;
  filter: none;
  transform: scale(1); /* optional subtle zoom */
}

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

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

.dr h1{		
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
.dr h3{		
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	text-align: left;
	color: #141414;	
	margin-top: 64px;
}
.dr h4{
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #141414;
	margin-top: 0px;
}
.dr h5{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #565656;
	margin-bottom: 32px;
}
.dr p{
	font-size: 18px;
	font-weight: 400;
	line-height:28px;
	text-align: left;
	color: #141414;
}
.dr p i{
	padding-right: 4px;
	font-size: 16px;
}
.dr img{
	border-radius: 24px;
}

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

.drconnect{
	padding:128px 0 128px 0 ;
	background-color: #F9FBFF;
}
.drconnect .media{
	background-color: #fff;
	padding: 12px 12px 8px 12px;
	margin-bottom: 16px;
	border-radius: 16px;
	border: 1px solid #eee;
}
.drconnect .media:hover{
	background-color: #E9F0FF;
	padding: 12px 12px 8px 12px;
	margin-bottom: 16px;
	border-radius: 16px;
	border: 1px solid #D8E5FF;
}
.drconnect .media a{
	text-decoration: none;
}
.drconnect .media-object{
	height: 80px;
	width: 80px;
	border-radius: 10px;
}
.drconnect .media-heading{
	font-size: 16px;
	color: #141414;
	font-weight: 700;
	line-height: 24px;

}
.drconnect h1{		
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	text-align: left;
	color: #141414;	
	margin-top: 0px;
}
.drconnect h5{		
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	color: #141414;	
	margin-top: 4px;
}
.drconnect p{		
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: #141414;	
	margin-top: 4px;
}


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