@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
    --logoColor : #801912;
}

.logo img{
    width: 3rem;
    height: 3rem;
}

.home{
    background-color: rgba(128, 0, 0, 0.069);
}

.navbar ul li{
    list-style-type: none;
}

.navbar ul li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.heading h1{
    font-size: 5rem;
    font-family:"Playfair Display", serif;

}

.home_img img{
    width: 64rem;
    height: 30rem;
}

span{
    color: var(--logoColor);
    font-weight: 500;
}

.btn-group button{
    padding: 1rem 5rem;
    border: none;
    background-color: var(--logoColor);
    color: white;
    font-weight: bold;
    border-radius: 15px;
}

.menu_box{
    /* background-color: rgba(128, 0, 0, 0.069); */
    max-width: 11rem !important;
}

.menu_box .menu_img_box{
    width: 10rem;
    height: 10rem;
    border-radius:50%;
    background-color: rgba(128, 0, 0, 0.323);

}

.menu_img_box img{
    width: 9rem;
    height: 8rem;
    border-radius: 50%;
}

.menu_box:hover .menu_img_box{
    background-color: var(--logoColor);
}

/* .menu_box:hover span{
    color: white;
} */

.selected_text{
    border-bottom: 2px solid var(--logoColor);
}

.menu .container{
    min-height: 100vh;
}

.selected_item_box{
    border: 1px solid var(--logoColor) !important;
    border-radius: 12px;
    margin: 1rem !important;

}

.selected_item_box:hover{
    border: 2px solid var(--logoColor);
    box-shadow: 0 0 10px #801912;
}

.about{
    background-color: rgba(128, 0, 0, 0.069);
    min-height: 80vh;

}

.info_details_box{
    background-color: rgb(250, 250, 250);
    box-shadow: 0 0 5px #80191215;
}

.footer{
    background-color: #801912;
    height: 30vh;
}

.about_info p{
    font-family:"Playfair Display", serif;
    font-size: 1.2rem;
    line-height: 2.8rem;
}

.menu_list{
    width: 100%;
}

.menu_scrollbar{
    width: 100%;
    overflow: scroll;
    scrollbar-width: none !important;

}

footer ul{
    list-style: none;
}

footer ul li{
    padding: 5px;

}

footer ul li a{
    color: white;
    text-decoration: none;
    padding: .4rem 2rem;
    font-weight: 500;
}
 
.footer_col_3 h2{
    font-size:18px !important;
}

@media (max-width:768px){
    .heading h1{
    font-size: 3rem;

}

.home_img img{
    width: 100%;
    height: 15rem;
    padding: 1rem 0rem;
}

.footer_col_3 h2{
    font-size: 13px !important;
}

.footer{
     height: 60vh;
}

.footer_img img{
    width: 100% !important;
} 

.contact_img img{
    
    width:100% !important;
}

.contact_maps{
    margin-top:2rem !important;
}

.contact_maps iframe{
    width:100% !important;
}

.contact_info p{
    font-size:14px !important;
}

.contact_info span{
    font-size:17px !important;
}

.logo{
    display:flex;
    justify-content:center;
    align-items:center;
    
}

.logo img{
    width: 50% !important;
    height: 5rem;
    margin-bottom: 1rem;
}
}