.home-21-section-bg,
.home-21.footer-area .copyright-area.copyright-bg {
    background: #f7fffa;
}

.home-21.footer-area .footer-top {
    background-color: #F7FFFA !important;
}

.home-21.footer-area .copyright-area.copyright-bg {
    background: #F7FFFA !important;
}

.single-contact-item .icon.style-01 {
    color: #405d30;
}
.single-contact-item .icon.style-02 {
    color: #405d30;
}

.single-contact-item .icon.style-03 {
    color: #405d30;
}

.single-what-we-cover-item-02 .icon-02, .single-what-we-cover-item-02 .img-icon {
    background-color: #405d30;
}

.single-what-we-cover-item-02 .icon-02.style-02, .single-what-we-cover-item-02 .img-icon.style-02 {
    background-color: #405d30;
}

.single-what-we-cover-item-02 .icon-02.style-03, .single-what-we-cover-item-02 .img-icon.style-03 {
    background-color: #405d30;
}

.single-contact-item .icon.style-04 {
    color: #405d30;
}

.bg-blue {
    background-color: var(--bg-color);
}

:root {
--bg-color: #405d30;
}


.header-area {
    position: relative;
}

.header-area::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 128, 0, 0.5), rgba(0, 128, 0, 0.5));
    pointer-events: none;  /* This makes sure clicks go through the overlay */
}


.bg-liteblue {
    background-color: #f9fff2;
}

.logo-wrapper .logo img {
    width: 250px !important; /* or whatever width you desire */
    height: auto !important; /* maintain aspect ratio */
}
.navbar-toggler {
    background-color: #405d30 !important;
}


/* Change the class of navbar */
.navbar-area.nav-absolute.nav-style-01 {
    background-color: rgb(255, 255, 255);
}

/* Update the logo */
.logo img {
    content: url('https://www.chaulafarm.com/assets/uploads/media-uploader/logigii1697085669.png') !important;
}

/* Style for all menu items */
.navbar-nav li a {
    color: green !important;
    font-weight: bold !important;
}

/* Style for the active menu item */
.current-menu-item a {
    color: #000 !important;  /* Change color to your preference */
    font-weight: bold !important;
   
}


.header-area .title {
    font-size: 25px;
    line-height: 60px;
}








    .slider-container {
        position: relative;
        overflow: hidden;
        max-height: 500px; /* Set a maximum height for the slider */
    }

    #css-slider {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .slide {
        min-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .slide img {
        width: 100%; /* Make images scale proportionally */
        height: auto; /* Maintain aspect ratio */
        object-fit: cover; /* Ensure images cover the slide area */
    }

    .prev, .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5); /* Optional: Add a background color for better visibility */
        color: white; /* Optional: Set a color for the button text */
        border: none; /* Optional: Remove border */
        padding: 10px; /* Optional: Add some padding */
        cursor: pointer; /* Optional: Change cursor on hover */
    }

    .prev { left: 0; }
    .next { right: 0; }


}
.footer-widget.widget_tag_cloud .tagcloud a, .widget.footer-widget p, .widget.footer-widget.widget_calendar caption, .widget.footer-widget.widget_calendar td, .widget.footer-widget.widget_calendar th {
    color: rgb(0 0 0);
}