.landerphoto {
	background-image: url("../rdem_image/land_unsplash.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -135px;
	height: 600px;
	width: 100%;
	position: relative;
}
.chartsection {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url("../rdem_image/demo/chart3.png");
  background-size: cover;
  background-position: center;
  border-top: 1px solid darkcyan;
  border-bottom: 1px solid darkcyan;
}
.chartsection::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 83, 89, 0.7); /* #86d1d0 with 50% opacity */
}
.chartsection .text {
	position: relative;
	z-index: 2;
	color: white;
}
.fenway {
	font-size: 17px;
}
.whiteliner {
	text-decoration: underline 1px solid white;
}
.landercredit p {
	position: absolute;
	bottom: 0;
	margin: 0;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
}
.landercredit a {
	color: white;
}
.boxlander {
	border-bottom: 1px solid darkcyan !important;
}
.landercredit h4 {
	color: white;
}
.marbottomlist {
	margin-bottom: 30px;
}
.herotexter {
	position: absolute;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: rgba(0, 0, 0, 0.5);
}
.herotexter ul li {
	border-bottom: 1px solid white;
}
.herotexter ul {
	padding: 0px;
}
.martoplist {
	margin-top: 50px;
}
.imagebordah {
	border: 1px solid darkcyan;
	border-radius: 15px;
}
.imagebordah2 {
	border: 1px solid black;
	border-radius: 15px;
}
.padtopgo {
	padding-top: 30px;
}
.martop {
	margin-top: 10px;
}
.cuslogo {
	width: 100px;
}
.cuslogo2 {
	width: 50px;
}
.cuslogo3 {
	width: 200px;
}
.explainer {
	margin-top: 90px;
}
.no_x {
	overflow-x: hidden;
}
.chartborder {
	border-radius: 15px;
	border: 1px solid #86d1d0;
}
.padtoplist {
	padding-top: 50px;
}
.padtop {
	padding-top: 10px;
}
.padleft {
	padding-left: 10px;
}
.project-card {
	background-color: transparent;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: none;
	transition: transform 0.2s;
}
.project-card:hover {
	transform: translateY(-5px);
}
.noshow {
	display: none !important;
}
.clicker {
	cursor: pointer !important;
}
.footersec {
	background-color: darkcyan;
	color: white;
}
.footersec p {
	margin-bottom: 0px;
}
.carousel {
	position: relative;
	max-width: 800px;
	margin: auto;
	overflow: hidden;
	border: 1px solid darkcyan;
}
.carousel-container {
	display: flex;
	transition: transform 0.5s ease-in-out;
}
.carousel-slide {
	min-width: 100%;
	box-sizing: border-box;
}
.marbottom {
	margin-bottom: 10px;
}
.nomarbottomp p {
	margin-bottom: 0px;
}
.carousel-slide img {
	width: 100%;
	height: auto;
	display: block;
}
.padbottom20 {
	padding-bottom: 20px;
}
.ablank {
	text-decoration: none;
	color: black !important;
}
.caption {
	text-align: center;
	padding: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            position: absolute;
            bottom: 0;
            width: 100%;
            box-sizing: border-box;
        }
        .prev, .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 18px;
        }
        .prev {
            left: 10px;
        }
        .next {
            right: 10px;
        }
        .prev:hover, .next:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }
@media only screen and (max-width: 700px){
	.chartsection { height: 700px; }
}
@media only screen and (max-width: 1100px){
	.landerphoto { 	background-position: 0px 0px; }
}