.main-ad{
    max-width: 70rem;
    margin-inline: auto;
}

.main-ad a{
    color: black;
}

.div1{
    background-color: rgba(21, 165, 8, 0.534);
    padding: 4rem;
}

.div2{
    background-color: rgba(21, 165, 8, 0.534);
    padding: 4rem;
}

.accordion-item{
    padding-inline-start: 0;
    padding-block: 0.2rem;
    background-color: brown;
    color: white;
}

.accordion-button{
    padding-inline-start: 0;
    padding-block: 0.2rem;
    background-color: brown;
    color: white;
}

.accordion-collapse{
    padding-inline-start: 0;
    padding-block: 0.2rem;
    background-color: rgb(15, 6, 41);
    color: white;
}

.dashmain{
        display: grid;
        grid-template-columns: 1fr 5fr;
        gap: 1rem;
        min-height: 95vh;
        background-color: #f4f6f8;
    }

    .dashhead1{
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-column: 1/-1;
        border: .2rem solid brown;
        /* padding-inline: 20px; */
        margin-block-start: 1rem;
        max-height: 4rem;
    }

    .dashhead2{
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-column: 1/-1;
        border: .2rem solid brown;
        /* padding-inline: 20px; */
        margin-block-start: 1rem;
        max-height: 4rem;
    }


    /* .dash-sidebar details{
        list-style-position: outside;
        list-style: none;
        transition: 6s ease;
    } */

    /* Main Content */
    .dash-container {
        display: grid;
        grid-column: 2/-1;
        margin-inline-end: 0.5rem;
        overflow-x: scroll;
    }

    /* Dashboard gcards container */
    .dash-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        gap: 1rem;
    }

    .gcard {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 20px;
        color: black;
        height: auto;
       
    }

    .gcard h3 {
        font-size: 1.2em;
        margin-bottom: 10px;
        color: #333;
    }

    /* Responsive layout for larger screens */
    @media (min-width: 768px) {
        .dash-content {

        }

        /* .card {
          
            min-width: 200px;
        } */
    }

    /* Mobile view adjustments */
    @media (max-width: 768px) {
 
        .dashmain{
            overflow-x: scroll;
        }
        .dashhead{
            margin-block-start: 4rem;
            min-height: 4rem;
        }

        .dash-sidebar {
            width: max-content;
            height: auto;
            position: relative;
        }

        .dash-container {
            margin-left: 0;
        }
    }