body {background-color:#FEEBDF}

.sticky-top {background-color:#2D1A15 !important}

html {
    position: relative;
    height: 100%;
    overflow-x: hidden;
  }

body {
        position: relative;
        height: 100%;
        background-color: #FEEBDF;
      }
h1 {
    font-family: 'Yeseva One', cursive;
}
      h2, h3 {
        font-size: 31pt;
        font-family: 'Yeseva One', cursive;
        color:#A24024;
    }

    .navbar-brand {
        width: 50px;
    }
    
    .nav-link {
        color: white !important;
        font-weight: lighter;
        font-family: 'Montserrat', sans-serif;
            }

    li {
                font-size:2.3rem;
                color:#FEEBDF;
                position: relative;
                font-size: 16px;
            }
            
    li::after {
                position: absolute;
                content: "";
                width: 0%;
                height: 4px;
                background-color:#FEEBDF;
                color:#CF806C;
                left: 50%;
                bottom: -10px;
                transition: all 0.3s ease-in-out;
            }

    li:hover{
              cursor:pointer;
              color:#CF806C;
            }
            
    li:hover::after {
              cursor:pointer;
                width: 100%;
                left: 0;
            }

    .nav-link:hover {
                color:#DB9B8F !important;
            }  

    .text {
        position: absolute;
        top: 80px;
        right: 26px;
        width: 30%;
        min-height: 20%;
        padding: 7% 1%;
        font-size: 40px;
        text-align: right;
    }

    .text1 h2{
        font-family: 'Yeseva One', cursive;
        color:#A24024;
    }

    .text h1 {
        color: #B6A399;
        font-size: 50px;
        font-family: 'Montserrat', sans-serif;
        font-weight:500;
    }

    .text p{
        font-size: 26px;
        font-family: 'Montserrat', sans-serif;
        font-weight: lighter;
    }

    .swiper {
        width: 100%;
        height: 100%;
        margin-top: 20px;
      }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background:#FEEBDF;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

    .btn1 {
	background-color: #A24024 !important;
	border: 0;
	border-radius: 50px;
	color: white;
	font-weight: bold;
	box-shadow: 0px 0px 3px darkgrey;
	font-family: 'Montserrat', sans-serif;
    }

    .btn1:hover {
	color: #2D1A15 !important;
	background-color: #C45A41 !important;
	text-decoration: none;
    }

    .image1{
        width: 100%;
        height: -200px;
    }

    .sub-heading{
        text-align: center;
        color:#2D1A15;
        font-weight: bold;
        font-family: 'Josefin Sans', sans-serif;
        font-size: 1.5rem;
        padding-top: 4rem; 
        margin-bottom: -7px;  
    }

    .heading{
        text-align: center;
        color:#A24024;
        font-size: 3rem;
        padding-bottom: 2rem;
        text-transform: uppercase; 
        font-family: 'Yeseva One', cursive; 
    }

    .heading1{
        text-align: center;
        color:#A24024;
        font-size: 3rem;
        padding-bottom: 2rem;
        text-transform: uppercase;   
        margin-top: 30px;
        font-family: 'Yeseva One', cursive;
    }

    .btn{
        margin-top: 1rem;
        display: inline-block;
        font-size: 1rem;
        color:#FEEBDF;
        background:#2D1A15;
        border-radius: 50px;
        cursor: pointer;
        padding: .8rem 3rem;
        width: 200px;
    }

    .btn:hover{
        background:#A24024;
        letter-spacing: .1rem;
    }

    .menu .box-container{
        display: grid;
        grid-template-columns: 400px 400px 400px;
        gap: 1.5rem;
        margin-left: 10px;
    }
    
    .menu .box-container .box{
        background:#C38370;
        border:.1rem solid rgba(0,0,0,.2);
        border-radius: .5rem;
        box-shadow: var(--box-shadow); 
    }
    
    .menu .box-container .box .image{
        height: 25rem;
        width: 100%;
        padding:1.5rem;
        overflow: hidden;
        position: relative;
    }
    
    .menu .box-container .box .image img{
        height: 100%;
        width: 100%;
        border-radius: .5rem;
        object-fit: cover;
    }
    
    .menu .box-container .box .image .fa-heart{
        position: absolute;
        top:2.5rem; right: 2.5rem;
        height: 5rem;
        width: 5rem;
        line-height: 5rem;
        text-align: center;
        font-size: 2rem;
        background:#FEEBDF;
        border-radius: 50%;
        color:var(--black);
    }
    
    .menu .box-container .box .image .fa-heart:hover{
        background-color:#C45A41;
        color:#FEEBDF;
    }
    
    .menu .box-container .box .content{
        padding:2rem;
        padding-top: 0;
    }
    
    .menu .box-container .box .content .stars{
        padding-bottom: 1rem;
    }
    
    .menu .box-container .box .content .stars i{
       font-size: 1.7rem;
       color:#2D1A15;
    }
    
    .menu .box-container .box .content h3{
        color:var(--black);
        font-size: 2.5rem;
        font-family: 'El Messiri', sans-serif;
    }
    
    .menu .box-container .box .content p{
        color:var(--light-color);
        font-size: 20px;
        padding:.5rem 0;
        line-height: 20px;
        font-family: 'Montserrat', sans-serif;
    }
    
    .menu .box-container .box .content .pice{
        color:#2D1A15;
        margin-left: 1rem;
        font-size: 20px;
    }

    .row{
        margin-top: 5%;
    }
    
    .col-lg-3 {
        margin-left: 10px;
    }
    
    .col-lg-2 {
        margin-top: 7%;
    }

    @media (max-width:800px) {
        .col-lg-2 {
            margin-top: 0%;
            text-align: right;
            margin-right: 30px;
        }
        .row {
            display: flex;
        }
        
        .col-lg-3 {
            margin-top: 30px;
            padding-right: 500px;
            margin-left: 30px;
            margin-right: 10px;
        }

        h3 {
            font-size: 20pt;
            font-family: 'Montserrat', sans-serif;
            
        }

    .menu .box-container{
        display: grid;
        grid-template-columns: 350px 350px;
        gap: 1.5rem;
        margin-left: 15px;
    }

    .menu .box-container .box{
        background:#C38370;
        border:.1rem solid rgba(0,0,0,.2);
        border-radius: .5rem;
        box-shadow: var(--box-shadow); 
        width: 350px;
    }
    
    .menu .box-container .box .content .pice{
        color:#2D1A15;
        margin-left: 1rem;
        font-size: 1.5rem;
    }

    .btn{
        margin-top: 1rem;
        display: inline-block;
        font-size: 0.7rem;
        color:#FEEBDF;
        background:#2D1A15;
        border-radius: 50px;
        cursor: pointer;
        padding: .8rem 3rem;
        width: 200px;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 100%;
        height: 100%;
        margin-left: 100px;
    }

    .swiper-slide img {
        display: block;
        width: 220px;
        height: 310px;
        object-fit:cover;
        border-radius: 0px;
      }
    }