/* Green Earth Css Code */
/* #15803d || #CFF0DC*/
.color {
    color: #15803d;
    color: #CFF0DC;
    color: #f0fdf4;
    color: #166534;
    color: #14532d;
    color: #FACC15;
}

.section {
    padding: 50px 80px;
}

.btn-primary {
    background-color: #FACC15;
    color: #15803d;
    border: none;
    border-radius: 50px;
}

.btn-active {
    background-color: #15803d;
    color: #FFFFFF;
    border: none;
}

.all-button:hover {
    background-color: #15803d;
    color: #FFFFFF;
    transition: 0.3s;
}

.main-container {
    height: auto;
}

.about-section {
    padding: 50px 250px;
}


@media (max-width: 768px) {
    .section {
        padding: 10px 20px;
    }

    .navbar {
        padding: 0 20px;
    }

    .hero-leaf {
        display: none;
    }

    .main-section {
        height: auto;
    }

    .main-container {
        justify-content: center;
    }

    .main-box1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .main-box3 {
        width: 100%;
        margin-top: 20px;
    }

    .tree-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #main-img {
        height: 250px;
    }

    .about-text p {
        font-size: 16px;
    }

    .about-list li {
        font-size: 16px;
    }
}