@font-face {
    font-family: dancing-script;
    src: url(./font/DancingScript-VariableFont_wght.ttf);
}

html,body{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.header{
    top: 0;
    position: fixed;
}


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

.main-img{
    background-image: url(./img/main-img.avif);
    background-size: cover;
    height: 100vh;
}

.main-page-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.nav-link{
    font-size: 20px;
    font-weight: bold;
    border: 2px solid transparent;
    
} 

.nav-link:hover{
    border-bottom: 2px solid navajowhite;
    transition: 1s;
    
}

.wrapper{
    display: flex;
    text-align: center;
    justify-content: center;
}

.discover-heading{
    color: navajowhite;
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.royal-heading{
    text-align: center;
    color: white;
    font-size:50px ;
    font-weight: 400;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Suranna', serif;
}

.food-logo{
    width: 20rem;
    height: 15rem;
    text-align: center;
}

.text-light{
    width: 10rem;
    color: rgb(241, 236, 233);
    justify-self: center;
}

.one{
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}


@-webkit-keyframes fadeUp{
    form{
        opacity: 0;
        -webkit-transform:translate3d(0,100%,0);
        tranform:translate3d(0,100%,0);
    }
    to{
        opacity: 0;
        -webkit-transform:translate3d(none);
        tranform:translate3d(none);
    }
}

@keyframes fadeUp{
    form{
        opacity: 0;
        -webkit-transform:translate3d(0,100%,0);
        tranform:translate3d(0,100%,0);
    }
    to{
        opacity: 0;
        -webkit-transform:translate3d(none);
        tranform:translate3d(none);
    }
}

.fadeUp{
    -webkit-animation-name:fadeUp;
    animation-name: fadeUp;
}


.opening-heading{
    color: white;
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
}


.days-heading{
    color: navajowhite;
    text-align: center;
    font-size: 20px;
}

.days-time{
    color: rgb(207, 204, 204);
    text-align: center;
    font-size: 20px;
}

.weekdays-heading{
    color: navajowhite;
    text-align: center;
    font-size: 25px;
    font-family: dancing-script;
}

.weekdays-time{
    color: rgb(207, 204, 204);
    text-align: center;
    font-size: 20px;
    font-family: dancing-script;
}

.our-heading{
    color: rgb(241, 178, 85);
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
}

.card{
    border-color:rgb(237, 228, 228);
    height: 11rem;
    background-color: rgb(145, 137, 128);
    margin-top: 20px;
    width: 17rem;
    border: 0px solid  rgb(237, 228, 228);
}

.discover-heading-story{
    color: navajowhite;
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
    margin-top: 30px;
}

.royal-heading-love{
    text-align: center;
    color:black;
    font-size:40px ;
    margin-top: 20px;
    font-family: 'Suranna', serif;
    
}

.discover-paragraph-story{
    color: rgb(164, 161, 159);
    text-align: center;
    font-size: 20px;
    font-family: dancing-script;
    margin-top: 20px;
}

.feast-bg{
    background-image: url(./img/second\ main\ img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* .gallery-img{
    margin-top: 30px;
    margin-left: 20px;
} */

.discover-menu-heading{
    color: rgb(241, 178, 85);
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
}


.royal-special-heading{
    text-align: center;
    color: rgba(14, 1, 1, 0.776);
    font-size:50px ;
    font-weight: 400;
    font-family: 'Suranna', serif;
       
}

.menu-img{
    width: 30px;
    height: 30px;
}

.special-day-bg{
    background-image: url(./img/bkg-img4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.catering-heading{
    color: rgb(241, 178, 85);
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
}

.special-heading{
    color: rgb(21, 16, 9);
    text-align: center;
    font-size: 50px;
    font-family: 'Suranna', serif;
    margin-top: 5px;
}

.special-heading:hover{
    color: rgb(205, 138, 38);
}

.more-details-heading{
    color: rgb(241, 178, 85);
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.special-paragraph{
    color: rgb(179, 180, 184);
    font-size: 15px;
}

.visit-bg{
    background-image: url(./img/bkg-img5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin-top: 20px;
}

.visit-heading{
    color: navajowhite;
    text-align: center;
    font-size: 50px;
    font-family: dancing-script;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.enjoy-heading{
    color: white;
    text-align: center;
    font-size: 40px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    font-family: 'Suranna', serif;
    
}

.book-heading{
    color:black;
    text-align: center;
    font-size: 30px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    font-family: 'Suranna', serif;
}



.input-group, [type=date],[type=time], [type=text], [type=email], [type=number] {
    width: 15rem;
}

/* .input-group [type=date],[type=time]{
    width: 10rem;
} */

.find-button{
    background-color: rgb(249, 207, 143);
    text-align: center;
    display: block  ;
    flex-direction: column;
    justify-self: center;
    border-radius: 5px;
    border: 0px solid ;
    font-size: 20px;
    color: rgb(5, 4, 21);
    margin-top: 20px;
   
}

.find-button:hover{
    background-color: black;
    color: white;
}

.moment-bg{
    background-color: rgb(49, 48, 48);

}

.moment-heading{
    color: rgb(176, 175, 175);
    font-size: 15px;
    margin-top: 10px;
    margin-left: 20px;
}

.royal-moment-heading{
    color: white;
    font-size: 28px;
    margin-left: 20px;
    margin-top: 10px;
}

.bottom-bg{
    background-color: black;
}

.royal-street-heading{
    color: rgb(209, 213, 216);
    font-size: 15px;
    text-align: center;
}

.reservation-heading{
    color: navajowhite;
    text-align: center;
    font-size: 13px;
}

.number-heading{
    color: rgb(160, 162, 163);
    font-size: 15px;
    text-align: center;
}

.working-heading{
    color: navajowhite;
    text-align: center;
    font-size: 14px;
}

.monday-geading{
    color: rgb(160, 162, 163);
    font-size: 13px;
    text-align: center;
}

.saturday-heading{
    color: rgb(160, 162, 163);
    font-size: 13px;
    text-align: center;
}

/*ABOUT-BG*/

.about-bg{
    background-image: url(./img/about\ bg\ img\ 1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.our-story-heading{
    color: rgb(230, 153, 37);
    text-align: center;
    font-size: 30px;
    font-family: dancing-script;
    margin-top: 30px;
}

.since-heading{
    color: rgb(27, 17, 3);
    text-align: center;
    font-size: 25px;
    margin-top: 30px;
}

.about-img{
    height: 25rem;
    width: 25rem;
}

.indoor-bg{
    background-image: url(./img/about\ bg\ 2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin-top: 20px;
}

.find-button-table{
    text-align: center;
    color: black;
    border-bottom: 3px solid red;
    width: 7rem;
    justify-self: center;
}

.valuable-asset-bg{
    background-image: url(./img/bkg-img7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    
}

.img-text{
    color: rgb(231, 153, 36);
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
}

.chef-text{
    color: rgb(160, 162, 163);
    font-size: 13px;
    text-align: center;
}

.img-paragraph{
    color: rgb(160, 162, 163);
    font-size: 15px;
    text-align: center;
}

.all-bg-img{
    background-image: url(./img/bkg-img20.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    margin-top: 30px;
}

 .bg-black{
    background-color: #161d27;
    padding: 20px;
} 

.img-text-customer{
    color: rgb(231, 153, 36);
    text-align: center;
    font-size: 60px;
    font-family: dancing-script;
    margin-top: 50px;
}

.get-button-table{
    text-align: center;
    border: solid white;
    color: black;
    justify-self: center;
}

.hr-class{
    width:9rem ;
    text-align: center;
    display: block;
    justify-self: center;
    margin-top: -18px;
}

.bg-menu-container{
    background-image: url(./img/second\ main\ img.jpg);
    height: 100vh;
    background-size: cover;
}

.for-heading{
    color: rgb(241, 178, 85);
    text-align: center;
    font-size: 40px;
    font-family: dancing-script;
    margin-top: 30px;
}

.start-heading{
    color: rgba(23, 15, 3, 0.813);
    text-align: center;
    font-size: 40px;
    margin-top: 10px;
    font-family: 'Suranna', serif;
}

.start-hr{
    width: 80px;
    text-align: center;
    justify-self: center;
}

.soups-heading{
    color: rgba(23, 15, 3, 0.813);
    text-align: center;
    font-size: 25px;
    margin-top: 10px;
    font-family: 'Suranna', serif;
}

.soups-hr{
    width: 50px;
    justify-self: center;
    color: brown;
}

.amount{
    font-family:dancing-script;
    color: rgb(229, 140, 140);
    font-size: 30px;
}

.special-bg{
    background-image: url(./img/bkg-img10.jpg);
    height: 100vh;
    background-size: cover;
}

.wine-bg{
    background-image: url(./img/bkg-img11.jpg);
    height: 100vh;
    background-size: cover;
}

.wine-heading{
    color: rgba(23, 15, 3, 0.813);
    font-size: 23px;
    margin-top: 40px;
    font-family: 'Suranna', serif;
}

.wine-hr{
    width:3rem;
    color: brown;
}

.champagne{
    color: rgba(23, 15, 3, 0.813);
    font-size: 20px;
    margin-top: 30px;
    font-family: 'Suranna', serif;
}

.menu-list-heading{
    color: rgba(23, 15, 3, 0.813);
    font-size: 15px;
    font-family: 'Suranna', serif;
}

.wine-amount{
    font-family:dancing-script;
    color: rgb(229, 140, 140);
    font-size: 20px;
}

.img-paragraph-wine{
    color: rgb(160, 162, 163);
    font-size: 15px;
}

.still-heading{
    color: rgba(23, 15, 3, 0.813);
    font-size:20px;
    font-family: 'Suranna', serif;
    margin-top: 40px;
}

.downold-button{
    background-color: black;
    color: white;
    display: flex;
    justify-self: center;
    margin-top: 30px;
    font-size: 14px;
    padding: 10px;
    height: 3rem;
}

.downold-button:hover{
    background-color: navajowhite;
    color: black;
    border: solid navajowhite;
}

.menu-img-bg{
    background-image: url(./img/about\ bg\ 2.jpg);
    height: 100vh;
    background-size: cover;
}

.table-bg{
    background-color: white;
    text-align: center;
    justify-self: center;
    width: 30rem;
    height: 25rem;
}

.gallery-bg{
    background-image: url(./img/page-title-3.jpg);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-style:hover {
    opacity: 0.4;
  }

.input-group, [type=date],[type=time], [type=text], [type=email], [type=number],[type=fbutton] {
    width: 25rem;
    margin-bottom: 20px;
    height: 3rem;
}

.find-button-gallery{
    background-color: rgb(249, 207, 143);
    text-align: center;
    display: block  ;
    flex-direction: column;
    justify-self: center;
    border-radius: 5px;
    border: 0px solid ;
    font-size: 20px;
    color: rgb(5, 4, 21);
}

.find-button-gallery:hover{
    background-color: black;
    color: white;
}

.contact-bg{
    background-image: url(./img/contact-bg.jpeg);
    background-size: cover;
    height: 100vh;
    width: 100%;
}

.phone-heading{
    color: black;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
}


.phone-span-heading{
    color: rgb(229, 193, 138);
}




.input-group-msg,[type=message] {
    width: 71rem;
    height: 7rem;
    margin-top: 10px;
}


.send-button{
    background-color:black ;
    justify-self: center;
    border: 0px solid ;
    font-size: 20px;
    color: white;
    width: 6rem;
    height: 2rem;
    margin-top: 20px;
}

.send-button:hover{
    background-color: rgb(249, 207, 143);
    color: rgba(14, 8, 8, 0.785);
}

.reach-heading{
    color: rgb(21, 16, 9);
    text-align: center;
    font-size: 27px;
    font-family: 'Suranna', serif;
    margin-top: 5px;
}

.reach-span-heading{
    color: rgb(201, 135, 37);
}

.head-office-heading{
    color: black;
    font-size: 35px;
    margin-left: 10px;
}

.head-office-heading:hover{
    color: rgb(201, 135, 37);
}

.address-heading{
    margin-left: 10px;
    font-size: 20px;
}


.card-bg{
    background-color:white;
    height: 30rem;
    width: 34rem;
}