body {
    margin: 0px;
    padding: 0px;
    font-family: "Poppins", sans-serif;
    color:#000 !important;
}

h1,h2,h3,h4,h5,h6,p{
    color:#000;
}
.margin-top-custom{
    margin-top:13rem;
}
.nav-link{
    color:#fff !important;
}
.text-dark-green {
    color: #2a9d8f;
}

a {
    color: #2a9d8f;
    text-decoration: none;
}
a:active {
    color: #2a9d8f !important;
    text-decoration: none;
}
a:hover {
    color: #2a9d8f !important;
    text-decoration: none;
}
.nav-link{
    color:#fff;
}
.nav-link.active{
    color: #2a9d8f !important;
}
.card {
  background: #f8f9fa; /* Light gray background */
  transition: transform 0.3s ease-in-out;
}

.card:hover {
  transform: translateY(-5px); /* Hover effect */
}

.card p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: #333;
}

.card i {
  color: #198754;
}

.blockquote-footer {
  font-style: italic;
  font-size: 0.9rem;
  color: #555;
}

.herosection {
    /* background-image: url(/images/herosection.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    color: #ffffff;
}
.btnsection {
    border: 1px solid !important;
    background: #3e3e3e66 !important;
    border-color: linear-gradient(
        118.94deg,
        rgba(174, 174, 174, 0.32) 0.62%,
        rgba(71, 71, 71, 0) 89.66%
    ) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}
.breadcrumb{
    border: 1px solid !important;
    background: #3e3e3e66 !important;
    border-color: linear-gradient(
        118.94deg,
        rgba(174, 174, 174, 0.32) 0.62%,
        rgba(71, 71, 71, 0) 89.66%
    ) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    display: inline-block;
}
.btn-submit {
    background: #ffffff;
    color: #2a9d8f;
    cursor: pointer;
    border: solid 1px #ffffff;
}
.bg-property {
    background: #3e3e3e66;
    border: 1px solid #ffffff;
    border-color: linear-gradient(
        118.94deg,
        rgba(174, 174, 174, 0.32) 0.62%,
        rgba(71, 71, 71, 0) 89.66%
    );
}
.bg-greencolor {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2a9d8f;
    color: white;
    padding: 10px;
}
.navbtn {
    background-color: #2a9d8f;
    border: 1px solid #2a9d8f;
    color: #ffffff;
    border-radius: 20px;
}
.btnblack {
    background-color: #1b1e20;
    border: 1px solid #1b1e20;
    color: #ffffff;
    border-radius: 20px;
}
.mycard {
    border: 1px solid #e1ece7;
    background-color: #fff;
    color: #1b1e20 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(10px); /* Light blur for subtle elegance */
}

.mycard:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

.image-wrapper {
    max-height: 200px;
    overflow: hidden;
    border-radius: 8px;
}

.img-fluid {
    object-fit: cover;
    transition: transform 0.3s ease;
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.text-colorgreen {
    color: #30ad05; /* Consistent with your preferred green */
}

.card-text {
    font-size: 0.9rem;
    line-height: 1.5;
}

.shadow-sm {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}


.bg-article {
    background-color: transparent;
    cursor: pointer;
}
.bg-article:hover {
    background: var(--primary, #2a9d8f);
    border-left: 3px solid #1b1e20;
}
.bg-venture {
    background-image: url(/images/secondimg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-about {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    height: auto;
    padding-bottom:2em;
}
.bg-touch {
    /* background-image: url(); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-ourfounder {
    /* background-image: url(); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-inflation {
    background-image: url(/images/bulding.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-ourproces {
    /* background-image: url(/images/ourprocespic.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
.bg-investor {
    background: linear-gradient(93.55deg, #2a9d8f 2.77%, #287271 98.59%);
    color: #ffffff;
}
.bg-fotter {
    background: var(--background, #1b1e20);
    color: #ffffff;
}
.bg-growing {
    background: #e5e9ec;
}
.inputfiled {
    background-color: transparent !important;
}
.inputfiled::placeholder {
    color: #ffffff;
}
.bg-detail {
    background-image: url(/images/detailimg.png);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: contain;
    color: #ffffff;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.setimage {
    transform: translate(-30px, -80px);
}
@media (max-width: 992px) {
    .setimage {
        transform: translate(0px, 0px) !important;
    }
    .lg-block {
        display: block;
    }
    .herosection {
        height: auto;
    }

    .bg-about {
        height: auto;
    }
    .bg-touch {
        height: auto;
    }

    .bg-detail {
        height: auto;
    }
}
@media (max-width: 576px) {
    .lg-block {
        display: none;
    }
}