.latest > .row {
	margin: 0 !important;
}			
			
			
			
.latest .col,
.latest .col-1,
.latest .col-10,
.latest .col-11,
.latest .col-12,
.latest .col-2,
.latest .col-3,
.latest .col-4,
.latest .col-5,
.latest .col-6,
.latest .col-7,
.latest .col-8,
.latest .col-9,
.latest .col-auto,
.latest .col-lg,
.latest .col-lg-1,
.latest .col-lg-10,
.latest .col-lg-11,
.latest .col-lg-12,
.latest .col-lg-2,
.latest .col-lg-3,
.latest .col-lg-4,
.latest .col-lg-5,
.latest .col-lg-6,
.latest .col-lg-7,
.latest .col-lg-8,
.latest .col-lg-9,
.latest .col-lg-auto,
.latest .col-md,
.latest .col-md-1,
.latest .col-md-10,
.latest .col-md-11,
.latest .col-md-12,
.latest .col-md-2,
.latest .col-md-3,
.latest .col-md-4,
.latest .col-md-5,
.latest .col-md-6,
.latest .col-md-7,
.latest .col-md-8,
.latest .col-md-9,
.latest .col-md-auto,
.latest .col-sm,
.latest .col-sm-1,
.latest .col-sm-10,
.latest .col-sm-11,
.latest .col-sm-12,
.latest .col-sm-2,
.latest .col-sm-3,
.latest .col-sm-4,
.latest .col-sm-5,
.latest .col-sm-6,
.latest .col-sm-7,
.latest .col-sm-8,
.latest .col-sm-9,
.latest .col-sm-auto,
.latest .col-xl,
.latest .col-xl-1,
.latest .col-xl-10,
.latest .col-xl-11,
.latest .col-xl-12,
.latest .col-xl-2,
.latest .col-xl-3,
.latest .col-xl-4,
.latest .col-xl-5,
.latest .col-xl-6,
.latest .col-xl-7,
.latest .col-xl-8,
.latest .col-xl-9,
.latest .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
 .latestWorkHeading{
	text-align:center;
	margin: auto;
	color:#367588;
	font-size:18px;
	font-weight:400;
	line-height:27px;
	font-family:AzoSans-Medium;

	
 }
 .latestWorkHeading:after {
	display:block;
	content: '';
	border-bottom: solid 2px #367588;  
	transform: scaleX(1);  
	transition: transform 250ms ease-in-out;
	transform-origin:  0% 50%;
 }
 
.latestWorkHeading:hover:after { 
	transform: scaleX(0);
}
.yellow{
	background-color:#89bcde;
	height: 70%;
}

.previewImgContainer{
	margin-bottom: -35%;
	transition: transform .4s;
	display: inline-block;
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	
	
	
}
.previewImg{		
	border-style: none;
	display: block;
	margin-left: -9%;
	width: 118%;
	padding-bottom: 8px;
	padding-top: 5px;
	transition: transform .2s;
	/* transform: scale(1.05); */ 
	
}	
.latestWorkContainer{
	z-index:2;
	padding-top: 34%;
	margin-left: 0%;
	padding-bottom: 45px;
}
.LWCTitle{
	color:#367588;
	display:none;
	line-height:27px;
	font-size:24px;
	font-family:AzoSans-Thin;
}
.LWCSubTitle{
	font-family:AzoSans-Bold;			
	line-height:24px;
	width: max-content;
	font-size:16px;
	margin-bottom: 3px;
	Color:#000000;
}
.LWCSubTitle:after {
	display:block;
	content: '';
	border-bottom: solid 2px #000000;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
	transform-origin:  0% 50%;
 }
 .latestWorkContainer:hover .LWCSubTitle:after { 
	transform: scaleX(1);
}


.LWCSubDescription{
	color:#000000;
	line-height:24px;
	font-size:16px;
	font-family:AzoSans-Thin;
	text-align: justify;
	padding: 0px 10px 0px 0px;
}
.outerCircle{
	left: 70%;
	width: 25px;
	height: 25px;
	background: #367588;
	border-radius: 50%;
	position: relative;
}
.innerCircle{
	position: absolute;
	top: 29%;
	left: 29%;
	display: block;
	width: 11px;
	height: 11px;
	background: white;
	border-radius: 50%;
}
.LWLeftContainer{
	margin-top: -8%;
}
.LWRightContainer{
	margin-top: 0%;
}
.LWRightImgContainer{
	width: 100%;
	display: inline-block;
	overflow: hidden;
	margin: 0px 20px 15px 20px;

}
.LWLeftImgContainer{
	width: 100%;
	display: inline-block;
	overflow: hidden;
	margin: 0px 20px 15px 20px;
	
} 
.LWLeftImg{
	 display: block;
	width: inherit;
	max-width: 100%;
	transition: transform .5s ease-in-out;
} 
.LWLeftImageTextContainer{
	width:100%;
	padding: 0px 20px 0px 20px;

}
.LWRightImageTextContainer{
	width:100%;
	padding: 0px 20px 0px 20px;
}

.LWLeftImgTitle{
	display:table-row-group;
	color: #000000;
	line-height: 24px;
	font-size: 16px;
	font-family:AzoSans-Bold; 
	width: max-content; 

}	
.LWLeftImgTitle:after {
	display: block;
	content: '';
	border-bottom: solid 2px #000000;  
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
	transform-origin:  0% 50%;
 }
.LWLeftImgDescription{
	color: #000000;
	line-height: 24px;
	font-size: 16px;
	font-family:AzoSans-Thin; 
	text-align: justify;
	margin-top: 9px;
}
.LWLeftContainer:hover .LWLeftImgTitle:after{
	transform: scaleX(1); 
}
.LWLeftContainer:hover .LWLeftImg{
	transform: scale(1.2) rotate(5deg);
	transform-origin: 50% 50%; 
}
.LWRightContainer:hover .LWLeftImgTitle:after{
	transform: scaleX(1); 
}
.LWRightContainer:hover .LWLeftImg{
	transform: scale(1.2) rotate(-5deg);
	transform-origin: 50% 50%; 
}
a:hover{
	text-decoration: none;
}
@media only screen and (max-width: 360px) {
	.LWCSubTitle{
		width:auto;
	}
}
@media only screen and (min-width: 768px) {
	.yellow{
		height: 60%;
	}
	.latestWorkContainer{
		z-index:2;
		background-color:white;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.LWCTitle{
		display:block;
		
	}
	.LWLeftContainer{
		margin-top: 12%;
	}
	.LWRightContainer{
		margin-top: -20%;
	}
	.LWRightImgContainer{
		margin: 0px 0px 15px 22px;
	}
	.LWLeftImgContainer{
		margin: 0px 22px 15px 0px;
	
	}
	.LWLeftImageTextContainer{
		padding: 0px 20px 0px 0px;
	}
	.LWRightImageTextContainer{
		padding: 0px 0px 0px 20px;
	}
}