*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
   
}

body{
  
    font-family: "Roboto", sans-serif;
    
    
}



header .logo{
    width: 300px;
    height: auto;

     
}




.main-heading{
    font-size: 80px;
    text-align: center;
    color: #0c2004;
    font-weight: 700;
}

.description{
    font-size: 24px;
}


.contact-btn-group{

    padding: 20px;
    gap: 20px 20px;
}

.btn-1{
width: 200px;
padding: 10px 30px;
background-color: #0c2004;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 100px;

&:hover{
    background-color: #133306;
    transition: .4s ease;
}
}

.btn-2{
    width: 200px;
padding: 10px 30px;
background-color: #0c2004;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 100px;

&:hover{
    background-color: #133306;
    transition: .4s ease;
}
}


.choosing-section{
    height: 100vh;
    padding-top: 60px;
    padding-bottom: 30px;

}

.choosing-heading{
    font-size: 54px; 
    font-weight: 700;
}

.accordion-button:focus {
    border-color: #0c2004 !important; /* Change this to the desired color */
    box-shadow: 0 0 0 0.25rem #0c2004 !important; /* Adjust shadow and color as needed */
}

.accordion-button:not(.collapsed) {
    background-color: #0c2004 !important; /* Change this to the desired background color */
    color: #fff !important; /* Text color when clicked */
    border-color: #0c2004 !important; /* Border color when clicked */
}



.accordion-item {
    margin-bottom: 35px; /* Adjust the gap size as needed */
}

.gallery{
    height: auto;
}


.milk-img{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    
    

}




.milk-img img{
    width: 300px;
    height: 300px;
}
@media screen and (max-width: 512px) {
    

    header .logo{
        width: 200px;
        height: auto;
    
    }


    .main-heading{
        font-size: 50px;
        text-align: center;
    }

    .description{
        font-size: 16px;
    }
    
}