@charset "utf-8";
/* CSS Document */

.carousel-item {
	position: relative;
	padding: 95px 0 0 0;
}

.carousel-item .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(225, 174, 145, 1));
	/* background-color: #080d15; */
	opacity: .7;
}

.carousel-caption {
	width: 100%;
	height: auto;
	margin: auto;
}



.carousel-caption h5 {
	font-size: 24px;
	color: #fff;
	font-family: 'Merriweather', serif;
	text-transform: uppercase;
	font-weight: bolder;

}

.carousel-caption .A {
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 0 0 120px 0
}

.carousel-caption p {
	font-size: 24px;
	color: #fff;
	font-family: 'Quintessential', cursive;
	font-weight: 500;
	text-align: center;
	line-height: 50px;
	/* text-transform: uppercase; */
	width: 50%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

}

.carousel-caption span {
	padding: 10px 0 0 0;
	font-weight: 600;
	color: #54ab42;
}

.carousel-item .btn {
	width: 125px;
	height: 35px;
	background: #fff;
	border-radius: 10px;
	color: #54ab42;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	align-items: center;
	display: flex;
}

.carousel-caption .alagu {
	margin: 0 0 60vh 100vh;
	position: relative;
	width: 150px;
	height: auto;
}

.carousel-caption .Atext {
	display: flex;
	justify-content: center;
	align-content: center;
	font-size: 30px;
}

.banner-reachout {
	width: 100%;
	height: auto;
	margin-left: 90%;
	margin-top: 20%;
	z-index: 1;
}


@media only screen and (min-width: 768px) and (max-width: 1919px) {
	.carousel-caption .alagu {
		margin: 0 0 48vh 100vh;
		position: relative;
		width: 150px;
		height: auto;
	}

	.carousel-caption .A {
		display: flex;
		justify-content: center;
		align-content: center;
		margin: 0 0 70px 0
	}

	.carousel-caption .Atext {
		display: flex;
		justify-content: center;
		align-content: center;
		font-size: 24px;
	}

}

@media only screen and (max-width: 600px) {
	.carousel-caption {
		width: 100%;
		height: auto;
		text-align: center;
		margin: auto;
		padding: 50px;
	}

	.carousel-caption h5 {
		font-size: 18px;
		color: #fff;
		font-family: 'Merriweather', serif;
		text-transform: uppercase;
		font-weight: bolder;

	}

	.carousel-caption .slide5 {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 50px;


	}

	.carousel-caption img {
		display: flex;
		justify-content: center;
		align-content: center;
		width: 50%;
		height: auto;

	}


	.carousel-caption p {
		font-size: 12px;


	}

	.carousel-item .btn {
		width: 90px;
		height: 25px;
		background: #fff;
		border-radius: 10px;
		color: #54ab42;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.5px;
		align-items: center;
		display: flex;
	}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.carousel-caption {
		width: 100%;
		height: auto;
		text-align: center;

	}

	.carousel-caption h5 {
		font-size: 18px;
	}

	.carousel-caption .slide5 {
		width: 100%;
		height: 10px;
		text-align: left;
		margin-left: -75%;
		padding: 50px;

	}

	.carousel-caption p {
		font-size: 9px;
		line-height: 20px;
		width: 50%;

	}

	.carousel-caption img {
		display: block;
		margin-left: 90%;
		margin-bottom: -85px;
	}

	.carousel-caption .alagu {
		margin: 0 0 8vh 10vh;
		position: relative;
		width: 150px;
		height: auto;
	}

	.carousel-caption .A {
		display: flex;
		justify-content: center;
		align-content: center;
		margin: 0 0 5px 0;
		width: 100px;
	}

	.carousel-caption .Atext {
		display: flex;
		justify-content: start;
		align-content: start;
		font-size: 16px;

	}

	.carousel-caption .S5 {
		display: flex;
		margin: 0 -100px 0 -100px;

	}

	.carousel-caption .S6 {
		display: flex;
		margin: 0 0 0 0;

	}

}