/* 
green: #005c33
text-color: #666666
heading-color: #005c33

*/

body{
    font-family: 'Segoe UI', sans-serif;
}
.background-color{
    /* background-color: #FCF5EE;  */
    background-color:  #fff8dc
}
.image-arch {
    width: 100%;
    /* max-width: 400px; */
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 50% 50% 0 0 / 40% 40% 0 0;
    margin: auto;
  }
.image-arch img {
    width: 100%;
    height: 100%;
    /* border-radius: 0; */
    object-fit: cover;
    display: block;
}
.carousel-inner img{
    height: 70vh;
    object-fit: cover; 
    border-radius: 10px;
}
.h1{
    font: var(--font_0);
    /* color: rgb(var(--color_45)); */
    color: #005c33 !important;
    letter-spacing: 0em;
    font-family: 'Playfair Display', serif;
    font-size: 60px!important;
}


.menu-section {
    min-height: 20vh;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    text-align: center;
    /* padding: 2rem; */
    margin-top: 10px;
}

/* Spice Button */
.btn-container .btn{
    background-color: #005c33;
    border-color: #005c33;
    margin-top: 2rem;
    border-radius: 20px;
}

.btn-container .btn:hover {
    background-color: #005c33;
    border-color: #005c33;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(45, 80, 22, 0.2);
    color: #fff;
}

.nav-link{
    cursor: pointer;
}
.gallery{
    margin: 150px 150px 30px 100px;
}

@media (max-width: 992px) {
    .h1{
        font-size: 40px!important;
    }   
    .h3{
        font-size: 22px!important;
    }
    .carousel-inner img{
        height: 50vh;
    }
    .gallery{
        margin: 150px 50px 25px 100px;
    }

    .menu-section .h2{
        font-size: 22px;
    }
}

@media (max-width: 576px) {
    .h1{
        font-size: 30px!important;
    }
    .h3{
        font-size: 22px!important;
        display: block; /* Ensures the element starts on a new line */
    }  
    .carousel-inner img{
        height: 40vh;
    }
    .gallery{
        margin: 120px 10px 10px 10px;
        padding: 0px !important;
    }
    .menu-section .h2{
        font-size: 18px;
    }
}