*{
    padding:0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
#main-t{
    font-size: clamp(0.15rem, 0.4923rem + 0.9014vw, 1.45rem);  
    margin-bottom: 0;  
}

/* @media screen and (max-width:380px){
    #main-t{
       display: none;
    }
} */
#my-nav {
   
   z-index: 995;
}
#mylist{
    gap: 3rem;
}

@media screen and (max-width:991px)
{
    #mylist{
        gap:0;
    }
}

#mylist a{
    transition:  background-color 0.2s ease-out;

}
#mylist a:hover{
    background-color: black;
    color: white;
    transition:  background-color 0.4s ease-in;
}


/* HOME */

.big{
    background-image: url('/static/images/cashew.jpg');
    background-position:center;
    background-size: cover;
    height: 600px;
    background-repeat: no-repeat;
    position:relative;
    filter: grayscale(10%);  
    
}

.overlay{
  
    position: absolute;
    right:15%;
    bottom:25%;


}

.overlay h2{
    font-size: clamp(2rem, 2.8028rem + 1.1268vw, 4rem);
    font-weight: 300;
    color: white;
    font-family: "Oswald", sans-serif;


}

.overlay-2{
    position: absolute;
    left:8%;
    top:25%;



}

.overlay-2 img{
   max-width:500px;
   width:100%;
    /* height:70px; */
}

@media screen and (max-width:800px) {
    .overlay-2{
        display: none;
    }
}



@media screen and (max-width:1200px) {
    .overlay-2 img{
        max-width:300px;
        width:100%;
         /* height:70px; */
     }
      
    
}

.und{
   
  
    height: 20px;
    width: 100%; 
    background-color: bisque; 
}

.about{
    margin-top: 4rem;
    text-align: justify;
}

.about h2{
    color:#38761d;
    font-weight: 600;
}



.main-grid{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );




    gap:4rem;
    margin-top: 4rem;


}

@media screen and (max-width:600px){
    .main-grid{
        grid-template-columns: auto;
        text-align: justify;
    }
}

.new-btn{
    color:#95e074;
    display:flex;
    justify-content:center;
    align-items:center ;
    border:1px solid rgb(149, 224, 116);
    height: 50px;
    text-decoration: none;
}

.new-btn:hover{
    background-color: rgba(149, 224, 116,.15)
}


#card2 img{
    height: 600px;
    object-fit: fill;
}


@media screen and (max-width:600px){
    #card2 img{
        height: 350px;
        object-fit: fill;
    }
}



.products{
    padding: 3rem 0 3rem 0;

    margin-bottom: 4rem;

}

.products h2{
    color: #38761d;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 4rem;
   
}


.thflx{
    display: flex;
    justify-content:center;
    align-items: center;
    gap:2rem;
    flex-wrap: wrap;
}



.footer{
    padding:3rem 0 1rem 0;
    margin-bottom: 5rem;
   
}

.grid-footer{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
    gap:2rem;
    /* margin: 5rem; */



}


@media screen and (max-width:850px){
    .grid-footer{
        grid-template-columns: auto;
        text-align: justify;
    }
}

.cont h2{
    color:  #38761d;
    font-weight: 600;

}


.footer-g{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
    gap:2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

@media screen and (max-width:600px){
    .footer-g{
        grid-template-columns: auto;
        text-align: justify;
    }
}


.adimage img{
    height: 250px;
    object-fit: cover;

}

.mftrt{
    /* background-color: #ecc38e; */
    background-image: url('/static/images/footer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color:white;
}
.mftr{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
    gap:2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;

}
#nav-flex{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.atst{
    /* font-size: clamp(1rem, 0.8028rem + 1.1268vw, 2rem); */
    font-weight: 300;
    font-size: 1.25rem;
   
}
.mftr h3{
    font-size: clamp(1.25rem, 1.1021rem + 0.8451vw, 2rem);
    font-weight: 400;

}



/* ABOUT */


.bgrnd{
    background-image: url(/static/images/abt.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
    height: 300px;
 
}


.ovrl{
    position:absolute;
    bottom:20%;
    left:42%;
  
}
@media screen and (max-width:600px){
    .ovrl{
        position:absolute;
        bottom:20%;
        left:34%;
      
    }
}



.ovrl h4{
    font-size: clamp(2rem, 1.4085rem + 3.3803vw, 5rem);
        font-weight: 300;
    color: white;
}

.uln{
    width: 100%;
    height:12px;
    background-color: #ecc38e;
}




/* PRODUCTS */


.bgrnd1{
    background-image: url(/static/images/pr.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
    height: 300px;
}
.ovrlp{
    position:absolute;
    bottom:20%;
    left:35%;
  
}
@media screen and (max-width:600px){
    .ovrlp{
        position:absolute;
        bottom:20%;
        left:20%;
      
    }
}

.ovrlp h4{
    font-size: clamp(2rem, 1.4085rem + 3.3803vw, 5rem);
    font-weight: 300;
    color: white;
}


.product{
    padding: 3rem 0 3rem 0;

    margin-bottom: 4rem;

}


.product h2{
    color:#38761d;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 4rem;
   
}



/* CONTACT */




.bgrnd2{
    background-image: url(/static/images/contat.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
    height: 300px;
}


.ovrlc{
    position:absolute;
    bottom:20%;
    left:35%;
  
}
@media screen and (max-width:600px){
    .ovrlc{
        position:absolute;
        bottom:20%;
        left:20%;
      
    }
}

.ovrlc h4{
    font-size: clamp(2rem, 1.4085rem + 3.3803vw, 5rem);
    font-weight: 300;
    color: white;
}



.cn{
    margin-top: 3rem;

}

.cn h3{
    color:#38761d;
}


.cn p{
  text-align: center;
  line-height: 35px;
}


@media screen and (max-width:600px){
    .cn p {
        text-align: justify;
    }
}



.new-btn1{
    background-color:#77bf1f;
    display:flex;
    justify-content:center;
    align-items:center ;
    border:1px solid black;
    height: 50px;
    text-decoration: none;
    color: #000000;
}

/* .new-btn1:hover{
    background-color: rgba(149, 224, 116,.15)
} */