html {
  scroll-behavior: smooth;
}
.active2{
	color: #e25098 !important;
}
/*.col-12{
	position: relative;
}*/
.first {
	position: relative;
}
.col-12 img{
	width: 100%;
}
.first img{
	width: 100%;
}
/* img{
	width: 100%;
	height: 400px;
} */
.col-12 .parag{
	position: absolute;
	top: 100px;
	left: 10%;
	right: 10%;
	color: #fff;
}
.first .parag{
	position: absolute;
	top: 100px;
	left: 10%;
	right: 10%;
	color: #fff;
}
.only-img{
	height: 400px;
}
.only-img img{
	width: 100%;
	height: 100%;
}
@media screen and (max-width:  991px){
	.col-12 .parag{
		position: absolute;
		top: 10px;
		left: 10%;
		right: 10%;
		color: #fff;
	}
	.first .parag{
		position: absolute;
		top: 10px;
		left: 10%;
		right: 10%;
		color: #fff;
	}
	.only-img{
	height: 300px;
}
}
@media screen and (min-width:  991px){
	.col-12 .parag{
		position: absolute;
		top: 30%;
		left: 10%;
		right: 10%;
		color: #fff;
		width: 50%;
	}
	.first .parag{
		position: absolute;
		top: 30%;
		left: 10%;
		right: 10%;
		color: #fff;
		width: 85%;
	}
	.col-12 .paragg{
		position: absolute;
		top: 30%;
		left: 40%;
		right: 10%;
		color: #fff;
		width: 50%;
	}
	.first .paragg{
		position: absolute;
		top: 30%;
		left: 40%;
		right: 10%;
		color: #fff;
		width: 50%;
	}
	.col-12 .paragg img{
		background-color: #2B3595;
		opacity: 0.5;
		background: transparent;
	}
	.first .paragg img{
		background-color: #2B3595;
		opacity: 0.5;
		background: transparent;
	}
}
@media screen and (max-width:  767px){
	.col-12 .paragg img{
	width: 100%;
	height: 600px;
	font-size: 10px;
	line-height: 0.5;
}
.first .paragg img{
	width: 100%;
	height: 600px;
	font-size: 10px;
	line-height: 0.5;
}
	.col-12 img{
	width: 100%;
	height: 500px;
	font-size: 10px;
	line-height: 0.5;
}
.first img{
	width: 100%;
	height: 500px;
	font-size: 10px;
	line-height: 0.5;
}

}