.index-new .footer {
	background-color: #00321f;
}

.carousel-item img {
	height: 100vh;
}

.indexContentWrapper {
	background-color: #efefef;
	padding: 20px 0;
}

.indexContent {
	text-align: center;
	align-content: center;
	display: inline-grid;
	width: 100%;
}

.indexContentTitle h2 {
	color: #3d725e;
	margin-bottom: 0;
}

.indexContentTitle h2 span {
	font-weight: 500;
	color: #045939;
}

.indexContentSubTitle {
	font-size: 18px;
	margin: 10px 0;
}

.indexMenuItem a {
	color: #003d26;
}

.indexMenuItem a:hover {
	color: #003d26;
	text-decoration: none;
}

.indexNewsInner {
	background-color: #fff;
	padding: 10px 15px;
}

.indexNewsItem {
	text-align: center;
	padding: 10px 0;
}

.indexNewsItem img {
	width: 100%;
	height: 230px;
}

.indexNewsDetailsContent {
	text-align: left;
}

.indexNewsDetails {
	height: 250px;
}

.readMore {
	text-align: left;
}

.readMore a {
	color: #000;
	font-weight: 700;
	align-items: center;
}

.readMore a:hover {
	color: #003d26;
	text-decoration: none;
}

.indexNewsText {
	color: #045939;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.indexNewsTitle {
	color: #4b4b4b;
	font-size: 16px;
	font-weight: 600;
}

.indexNewsDetailsTitle {
	color: #4b4b4b;
	margin: 10px 0;
	font-size: 20px;
}

.blackLine {
	border-bottom: 3px solid black;
	padding: 5px 0;
}

.indexNewsDate {
	text-align: right;
}

.latestProjectWrapper {
	margin: 20px 0;
}

.latestProjectItem {
	margin-bottom: 10px;
}

.latestProjectText {
	color: #4b4b4b;
	text-align: center;
	margin-bottom: 10px;
}

.latestProjectText h1 {
	margin-bottom: 0;
}

.latestProjectDetails {
	background-color: #fff;
	text-align: center;
	padding: 10px 0;
	height: 130px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 74%, 87% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.latestProjectText span {
	color: #045939;
}

.latestProjectItem img {
	width: 100%;
	height: 165px;
}

.projectName {
	color: #045939;
	font-weight: 500;
	font-size: 20px;
}

.projectDev {
	font-size: 14px;
	color: #a4a4a4;
	margin: 10px 0;
}

.projectDate {
	font-size: 12px;
	color: #a4a4a4;
	font-weight: 500;
}

.latestProjectItem a:hover {
	text-decoration: none;
}

.partnerOwlSlider {
	background-color: #fff;
	border-radius: 10px;
	padding-left: 30px;
}

.partnerSliderItem img {
	width: 120px !important;
	height: 120px;
}

.index-new .dropdown-menu {
	top: 90%;
}

.dotline {
	background: linear-gradient(90deg, #144471 0%, #144471 100%);
	height: 4px;
	margin: 0 auto;
	width: 30px;
	border-radius: 2px;
	position: relative;
}

.dotline:before {
	background-color: #144471;
	box-shadow: 9px 0px 0px 0px #144471, 18px 0px 0px 0px #144471;
	content: "";
	position: absolute;
	left: -27px;
	top: 0;
	display: inline-block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
}

.dotline.titlePosition {
	left: 50%;
	transform: translate(-10%);
	margin: unset;
}

.indexMenuItem p {
	font-weight: bold;
	margin-top: 15px;
	font-size: 20px;
}

.carousel {
	height: 100vh;
}

.indexContent {
	height: 100vh;
}

.indexNewsWrapper {
	height: 100vh;
}

@media only screen and (max-width: 1024px) {
	.carousel {
		height: auto;
	}
	.carousel-item img {
		height: 400px;
	}
	.indexContent {
		height: auto;
	}
	.indexNewsWrapper {
		height: auto;
	}
}

@media only screen and (max-width: 768px) {
	.carousel-item img {
		height: 300px;
	}
	.partnerSliderItem img {
		width: 100% !important;
		height: auto;
	}
	.projectName {
		font-size: 14px;
	}
	.projectDev {
		font-size: 12px;
	}
}

@media only screen and (max-width: 576px) {
	.indexNewsItem img {
		width: 100%;
		height: auto;
	}
	.indexNewsDetailsTitle {
		font-size: 15px;
	}
	.indexNewsDetailsContent {
		font-size: 14px;
	}
	.indexMenuItem img {
		height: 50px;
	}
	.indexMenuItem a p {
		font-size: 14px;
	}
	.indexContentTitle h2 {
		font-size: 22px;
	}
	.indexContentSubTitle {
		font-size: 14px;
	}
	.indexContactUsItem:first-child {
		margin-bottom: 20px;
	}
	.social-media {
		text-align: left;
	}
	.partnerSliderItem img {
		width: 120px !important;
		height: auto;
	}
	.projectName {
		font-size: 16px;
	}
	.projectDev {
		font-size: 14px;
	}
	.latestProjectItem img {
		height: auto;
	}
	.carousel-item img {
		height: 200px;
	}
}