* {
  box-sizing: border-box;
}

.first-nav-bar
    {
        /* width: px; */
        height: 40px;
        gap: 0px;
        opacity: 0px; 
        background: #014138;
        padding-left:30px;
        padding-right:30px;
    }
    .enquiries
    {
        width: 239px;
        height: 22px;
        top: 11px;
        left: 120px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 17px;
        font-weight: 700;
        line-height: 21.51px;
        text-align: left;
        color:white;        

    }
    .connect-with-us
    {
        width: 115px;
        height: 22px;
        top: 9px;
        left: 1096px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 17px;
        font-weight: 700;
        line-height: 21.51px;
        text-align: left;
        color:white;        
    }
    .facebook a
    {
        width: 8px;
        height: 16px;
        top: 13px;
        left: 1234px;
        gap: 0px;
        opacity: 0px;
        color:white;
    }
    .twitter a
    {
        width: 18px;
        height: 14.4px;
        top: 14px;
        left: 1267px;
        gap: 0px;
        opacity: 0px;
        color:white;

    }
    .youtube a
    {
        width: 20px;
        height: 14px;
        top: 15px;
        left: 1300px;
        gap: 0px;
        opacity: 0px;
        color:white;


    }
    .nav-item
        {
          padding-left:5px;
          padding-right:20px;
        }
 

        /*Second Nav Bar*/
    .second-nav-bar
    {
        height: 83px;
        top: 0px;
        gap: 0px;
        opacity: 0px;
        background:linear-gradient(121.36deg, #f8b068 16.03%, #FEE6CE 74.54%);
        /* background: #FEEED5; */
        padding-left:30px;
        padding-right:30px;


    }

    .second-nav-bar img 
    {
        width: 194px;
        height: 78px;
        top: 47px;
        left: 112px;
        gap: 0px;
        opacity: 0px;

    }

    @media(min-width:1000px)
    {
    .navbar .dropdown:hover > .dropdown-menu {
      display: block;
  }
  /* .dropdown-toggle::after {
    display: none;
} */
 /* #navbarDropdown 
 {
  appearance: none;
 } */
 .dropdown-menu a:hover
 {
  background-color: white;
  text-decoration: none;
 }
}
    .home a 
    {
        width:65px;
        height:45px;
        top: 72px;
        left: 685px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;
    }
    .home a:hover 
    {
        color:rgb(107,102,102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }
    .aboutus a
    {
        width:100px;
        height:45px;
        top: 72px;
        left: 775px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;
    }
    .aboutus a:hover
    {
        color:rgb(107,102,102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }
    .services a
    {
        width: 75px;
        height:45px;
        top: 72px;
        left: 890px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;               
    }
    .services a:hover 
    {
        color:rgb(107,102,102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }
    .menuitems a
    {
        width:112px;
        height:45px;
        top: 72px;
        left: 995px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;
        /* padding-left: 0;
        padding-right: 0;         */
    }
    .menuitems a:hover 
    {
        color:rgb(107,102,102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }
    .gallery a
    {
        width:70px;
        height:45px;
        top: 72px;
        left: 1132px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;       
    }
    .gallery a:hover
    {
        color:rgb(107,102,102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }
    .contact-us a
    {
        width:110px;
        height:45px;
        top: 72px;
        left: 1234px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 19px;
        font-weight: 700;
        line-height: 24.04px;
        text-align: left;
        color: #0F403A;        
    }
    .contact-us a:hover
    {
        color:rgb(107, 102, 102);
        text-decoration: underline;
        text-decoration-color: #014138;
    }

    /**/
    .header-carousel 
    {
        position: relative;
    }
   
    .captionslide img 
    {
        position: absolute;
        height:120px;
        top:40%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* display:grid;
        justify-content: center;
        align-items: center; */
       /* padding-bottom:300px;  
         top:200px;*/
        gap: 0px;
        opacity: 0px; 

    }
    .captionslide h5 
    {
        position: absolute;
        width:100%;
        height:50px;
        /* top:350px; */
        /* padding-bottom:200px; */
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        justify-content: center;
        align-items: center;
        font-family: Neuton;
        font-size: 44px;
        font-style: italic;
        font-weight: 400;
        line-height: 50.16px;
        text-align: center;
        color:white;
    } 
    /**/
    .welcome-choice
{
    width:100%;
    height: 774px;
    top: 855px;
    gap: 0px;
    opacity: 0px;
    background:linear-gradient(121.36deg, #f8b068 16.03%, #FEE6CE 74.54%);
    /* background: #FEE6CE; */
}
.rectangle img 
{
    display:flex;
    align-items: center;
    width: 395px;
    height: 606.44px;
    top: 895px;
    left: 246px;
    gap: 0px;
    opacity: 0px;

}
.choice-catering
{
    width: 395px;
    height: 606.44px;
    top: 895px;
    left: 246px;
    gap: 0px;
    opacity: 0px;
    

}
.choice-catering h2 
{
    margin-top:200px;
    width: 478px;
    height: 62px;
    top: 1031px;
    left: 726px;
    gap: 0px;
    opacity: 0px;
    font-family: Neuton;
    font-size: 49px;
    font-style: italic;
    font-weight: 400;
    line-height: 61.99px;
    text-align: left;
    color: #1A360B;    
}
.choice-catering p 
{
    width: 486px;
    height: 165px;
    top: 1105px;
    left: 726px;
    gap: 0px;
    opacity: 0px;
    font-family: Neuton;
    font-size: 27px;
    font-style: italic;
    font-weight: 400;
    line-height: 32.67px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #1A360B;
}
.choice-catering button 
{
    width: 209px;
    height: 52px;
    top: 1323px;
    left: 726px;
    gap: 0px;
    border-radius: 26px;
    background: #05413A;
    opacity: 0px;
    font-family: Neuton;
    font-size: 25px;
    font-weight: 700;
    line-height: 32.75px;
    text-align:center;
    color: #FFFFFF;
}
.choice-catering button:hover
{
    background-color: white;
    border:2px solid #05413A;
    color:#05413A;
}
/**/
@media(min-width:1200px)
{
.wedding-caption h1 
{
  position: absolute;
  width:100%;
  top:10%;
  height:121px;
  font-family: Niconne;
font-size: 100px;
font-weight: 400;
line-height: 121.24px;
text-align: center;
color:white;
}
.wedding-caption p 
{
  position: absolute;
  width:50%;
  top:35%;
  height:129px;
  font-family: Neuton;
font-size: 30px;
font-style: italic;
font-weight: 400;
line-height: 43.2px;
display: flex;
justify-content:center;
text-align: center;
color:white;
}
.wedding-caption button 
{
  position: absolute;
          width:182.39px;
          height: 53.15px;
          top:70%;
          border-radius: 26px;
          background-color: white;
          font-family: Neuton;
          font-size: 22px;
          font-weight: 700;
          line-height: 28.82px;
          text-align:center;
          color: #0F403A;     
}
.wedding-caption button:hover 
{
  color:white;
  border:2px solid white;
}
.contact-form 
      {
        background-color: #0F403A;
        display: flex;
        justify-content: center;
        align-items: center;
        height:700px;
        margin: 0; 
        border-radius:20px;
      }
}
@media(min-width:1000px) and (max-width:1200px)
{
.wedding-caption h1 
{
  position: absolute;
  width:100%;
  top:0%;
  height:121px;
  font-family: Niconne;
font-size:70px;
font-weight: 400;
line-height: 121.24px;
text-align: center;
color:white;
}
.wedding-caption p 
{
  position: absolute;
  width:60%;
  top:30%;
  height:129px;
  font-family: Neuton;
font-size:26px;
font-style: italic;
font-weight: 400;
line-height: 43.2px;
display: flex;
justify-content:center;
text-align: center;
color:white;
}
.wedding-caption button 
{
  position: absolute;
          width:182.39px;
          height: 53.15px;
          top:70%;
          border-radius: 26px;
          background-color: white;
          font-family: Neuton;
          font-size: 22px;
          font-weight: 700;
          line-height: 28.82px;
          text-align:center;
          color: #0F403A;     
}
}

/**/

.our-menu h3
{
  width:100%;
  font-family: Neuton;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 75.91px;
  text-align:center;
  color: #18300C;
         
}

        .menu-class-position
        {
          position: relative;
        }
        .special-occasion img
        {
          position: absolute;
          width: 100px;
          height: 80px;
          top:300px;
          gap: 0px;
          opacity: 0px; 
        }
        .special-occasion h5 
        {
          position: absolute;
          width: 100%;
          height: 51px;
          top:400px;
          gap: 0px;
          opacity: 0px;
          font-family: Neuton;
          font-size: 40px;
          font-style: italic;
          font-weight: 400;
          line-height: 50.61px;
          text-align: center;
          color: #FFFFFF;           
        }
        .special-occasion button 
        {
          position: absolute;
          width:182.39px;
          height: 53.15px;
          top:480px;
          border-radius: 26px;
          background-color: white;
          font-family: Neuton;
          font-size: 22px;
          font-weight: 700;
          line-height: 28.82px;
          text-align:center;
          color: #0F403A;           
        }
        .special-occasion button:hover
        {
          border:2px solid white;
          color:white;
        }

        /**/
 .we-offered h3 
  {
    width:100%;
    height: 76px;
    font-family: Neuton;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 75.91px;
    text-align:center;
    color: #05413A;
     
  }
  .we-offered-para p 
  {
    width:100%;
    height: 68px;
    font-family: Neuton;
    font-size: 27px;
    font-style: italic;
    font-weight: 400;
    line-height: 34.16px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000000; 
       
  }
  /**/
  /* .display-flex
  {
    display:flex;
  }  */
  .display-flex-group
  {
    display: flex;
    justify-content: space-around;
  } 
   .group-images img 
        {
            width:200px;
            height: 101px;
            display: block;
            align-items: center;
            justify-content: center;
        } 
        @media(min-width:1000px)
        {
        .group-images h4 
        {
            position: relative;
            top: 10%; left:50%; transform: translate(-50%, -50%); 
            padding-top: 10px;
            width:200px;
            height: 34px;
            font-family: Neuton;
            font-size: 25px;
            font-style: italic;
            font-weight: 400;
            line-height: 34.16px;
            letter-spacing: 0.05em;
            text-align:center;
            color: #000000;
        }
      }
      .slide-images 
      {
        display: flex;
        justify-content: center;
        align-items: center;
      }
        .provide-class
        {
            width:100%;
            background:linear-gradient(121.36deg, #f8b068 16.03%, #FEE6CE 74.54%);
            /* background: #FEE6CE; */
        
        }
        
        .we-provide
        {
            margin-top:100px;
        }
        .we-provide h2 

        {
            margin-top:100px;
            width:100%;
            height: 76px;
            font-family: Neuton;
            font-size: 60px;
            font-style: italic;
            font-weight: 400;
            line-height: 75.91px;
            letter-spacing: 0.05em;
            text-align: left;
            color: #014138;
        
        
            
        }
        .we-provide ul
        {
            width: 515px;
            height: 256px;
            font-family: Neuton;
            font-size: 28px;
            font-style: italic;
            font-weight: 400;
            line-height:48.13px;
            letter-spacing: 0.05em;
            text-align: left;
            color: #014138;
        }
        .we-provide button 
        {
            width: 182.39px;
            height: 53.15px;
            top: 5597px;
            left: 829px;
            gap: 0px;
            border-radius: 26px;
            opacity: 0px;
            background: #014138;
            font-family: Neuton;
            font-style: italic;
            font-size: 24px;
            font-weight: 700;
            line-height: 31.44px;
            letter-spacing: 0.05em;
            text-align: center;
            color: white;
            
        
        }
        .we-provide button:hover 
        {
            border:2px solid #014138;
            color:#014138;
        }
        
        /**/
.gallery-class
{
    margin-top:100px;
}
.our-gallery h1 
{
    width:100%;
    height: 76px;
    font-family: Neuton;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 75.91px;
    text-align:center;
    color: #0F403A;
}
.our-gallery-para p
{
  
    width:100%;
    height: 64px;
    font-family: Neuton;
    font-size: 27px;
    font-style: italic;
    font-weight: 400;
    line-height: 34.16px;
    text-align: center;
    color: #000000;
    margin-top: 20px;
    /* padding-left: 10px;
    padding-right: 10px; */
    
}

/**/
.testimonial-card {
    background:#014138; /* Yellow background */
    border-radius: 70px;
    padding: 20px;
    text-align: center;
    position: relative;
    height:300px;
    display:flex;
    flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonial-card .quote {
  font-family: Neuton;
  font-style: italic;
    font-size: 2rem;
    font-weight: bold;
    color:white;
}
.testimonial-card .content {
    font-size:20px;
    color:white;
    margin-top: 10px;
    font-family: Neuton;
  font-style: italic;
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
  width:70%;
  
}
.testimonial-card .author {
    margin-top: 15px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    font-family: Neuton;
  font-style: italic;
}
.testimonial-card .job-title {
    font-size: 1rem;
    color:white;
    font-family: Neuton;
  font-style: italic;
}
.testimonial-card .rating {
    margin-top: 10px;
}
.testimonial-card .rating .star {
    color: #FFD700;
    font-size: 1.5rem;
}
/* .testimonial-card .thumbs-up {
    position: absolute;
    bottom: 20px;
    left:43%;
    transform: translateX(-50%);
    font-size: 2rem;
    color: #FFD700;
}
.testimonial-card .smiley-face {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 2rem;
    color: #FFD700;
} */
.testimonial-card img {
    border-radius: 50%;
}
.rating .star
{
    color:#FFD700; 
    text-decoration: none;
    font-size: 1.5rem;
}
.rating .star:hover
{
    color:#f0db62;
}

/**/
@media(min-width:1000px)
{
    .main-container
    {
    position: relative;
    cursor: pointer;
   
    }

    .overlay 
    {
    position: absolute;
    bottom:0;
    right:0;
    left:0;
    /* background-color: rgba(0,0,0,0.1); */
    overflow: hidden;
    /* width:100%; */
    height:0;
    transition:.5s ease;
    }
    .main-container:hover .overlay
    {
    height:100%;
    }
    .healthy h1
    {
    position: absolute;
        width:90%;
        top:100px;
        font-family: Neuton;
        font-size: 34px;
        font-style: italic;
        font-weight: 400;
        line-height: 44.54px;
        text-align:center;
        color:white;
    transform:skewX(-5deg);
    }
    .overlay
    {
      display:flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .overlay p
    {
    position: absolute;
    color:white;
    top:180px;
    width:60%;
    font-family: Neuton;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 25.3px;
    text-align: center;

    }
}

/**/
.readmore
{
    margin-top:30px;
}
.readmore button 
{
    
    width: 209px;
    height: 52px;
    border-radius: 26px;
    background: #05413A;
    opacity: 0px;
    font-family: Neuton;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 28.82px;
    text-align:center;
    color: #FFFFFF; 
}
.readmore button:hover
{
    border: 2px solid #05413A;
    color:  #05413A;
}

/**/
.footer-part
{
    height:auto;
    background: #014138;
    position: relative;
}
.get-in-touch h1 
{
    margin-top:50px;
    width:100%;
    height: 79px;
    font-family: Neuton;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 78.6px;
    text-align:center;
    color: #FFFFFF;    
}

/*footer part*/
.footer-icon{
    display: flex;
    position: absolute;
    top:100px;
    left:49%; 
    transform: translate(-50%, -50%); 
  }
  
  .footer-icon li {
    list-style: none;
  }
  
.footer-icon li a {
    width: 80px;
    height: 80px;
    background-color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 35px;
    margin: 0 10px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 3px solid #fff;
    z-index: 1;
  }
  
  .footer-icon li a .icon {
    position: relative;
    color: #262626;
    transition: .5s;
    z-index: 3;
  }
  
  .footer-icon li a:hover .icon {
    color: #fff;
    transform: rotateY(360deg);
  }
  
  .footer-icon li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: .5s;
    z-index: 2;
  }
  
  .footer-icon li a:hover:before {
    top: 0;
  }
  
  .footer-icon li:nth-child(1) a:before{
    background: #3b5999;
  }
  
  .footer-icon li:nth-child(2) a:before{
    background: #55acee;
  }
  
  .footer-icon li:nth-child(3) a:before {
    background: #0077b5;
  }
  
  .footer-icon li:nth-child(4) a:before {
    background: #dd4b39;
  }
/**/
.hr-class 
  {
    width:90%;
    height: 1px;
    color: #EDD6BE;
    text-align: center;
  }
  .footer-1 img 
  {
    width: 247px;
    height: 104px;
    top: 5913px;
    left: 120px;
    gap: 0px;
    opacity: 0px;
  }
  .address 
  {
    margin-top: 10px;
    width: 347px;
    font-family: Neuton;
    font-size: 19px;
    font-style: italic;
    font-weight: 400;
    line-height: 28.12px;
    text-align: left;
    color: #FFFFFF;    
  }
  .footer-2 ul 
  {
    list-style-type: none;
  }
  .home-footer
  {
    text-decoration: none;
    width: 67px;
    height: 39px;
    font-family: Neuton;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    line-height:30.3px;
    text-align: left;
    color: #FFFFFF;     
  }
  .aboutus-footer
  {
    text-decoration: none;
    width: 93px;
    height: 225px;
    font-family: Neuton;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    line-height:40.75px;
    text-align: left;
    color: #FFFFFF;    
    
  }
  .footer-3 ul 
  {
    list-style-type: none;
  }
  .link-footer 
  {
    text-decoration: none;
    width: 60px;
    height: 39px;
    font-family: Neuton;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    line-height:30.3px;
    text-align: left;
    color: #FFFFFF;
    
  }
  .profile-footer 
  {
    text-decoration: none;
    width: 109px;
    height: 177px;
    font-family: Neuton;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    line-height:40.75px;
    text-align: left;
    color:white;    
  }
  .footer-4 ul 
  {
    list-style-type: none;
  }
  .services-footer 
  {
    text-decoration: none;
    width:100px;
    height: 39px;
    font-family: Neuton;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    line-height:30.3px;
    text-align: left;
    color:white;    
  }
  .quality-footer
  {
    text-decoration: none;
    width:200px;
    height:39px;
    font-family: Neuton;
font-size: 25px;
font-style: italic;
font-weight: 400;
line-height:40.75px;
text-align: left;
    color: #FFFFFF;        
  }
  .last-line 
  {
    height:120px;
    background: #014138;
  }
  .last-line p 
  {
    width:100%;
    height:40px;
    font-family: Neuton;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 31.44px;
    text-align:center;
    padding-top:20px;
    color:white;
    
  }

/*About us page*/
.about-us-page
      {
        width:100%;
        height:auto;
        background-color: #0F403A;
        padding-bottom: 50px;
      }
      .about-us-column h1 
      {
        width:100%;
        height:83px;
        font-family: Neuton;
        font-size: 80px;
        font-style: italic;
        font-weight: 400;
        line-height: 102.6px;
        text-align: left;
        color: #FFFFFF;        
      }
      .about-us-column p 
      {
        width:500px;
        height: 456px;
        font-family: Neuton;
        font-style: italic;
        font-size: 26px;
        font-weight: 300;
        line-height:33.2px;
        text-align: left;
        color: #FFFFFF;   
        padding-top: 20px;     
      }
  
      /*corporate events*/
      .corporate-events
      {
        position: relative;
      }
      .sub-container h1
      { 
        position: absolute;
        width:100%;
        height: 100px;
        /* top:150px; */
        top:60%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Neuton;
        font-size:70px;
        font-weight: 700;
        line-height: 99.95px;
        text-align:center;
        color: #FFFFFF;        
      }
      .sub-container p 
      {
        position: absolute;
        width: 755px;
        height: 68px;
        /* top:250px; */
        top:80%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Neuton;
        font-size: 28px;
        font-style: italic;
        font-weight: 400;
        line-height: 33.6px;
        text-align: center;
        color:white;        
      }
      .corporate-header h1 
      {
        width:100%;
        height: 38px;
        font-family: Neuton;
        font-size: 30px;
        font-weight: 400;
        line-height: 37.95px;
        text-align: center;
        color: #000000;
        margin-bottom: 20px;        
      }

      .cor 
      {
        position: relative;
        width:70px;
        height:4px;
        /* left:47%;
        transform: translate(20%, -40%); */
        opacity: 1;
        background-color: #EE9305;
        display: flex;
        justify-content: center;
        align-items: center;

      }
      .corporate-cards 
      {
        background-color: #0F403A;
        border-radius: 30px;
      }
      .service-icon {
        font-size: 50px;
        /* color: #b0dd57; */
         /* Matching the icon color */
      }
      .service-card {
         /* Matching the background color */
        
        color: #d3ffbf; /* Matching the text color */
        padding: 20px;
        border-radius: 10px;
      }
      .service-title {
        font-size: 1.2rem;
        font-weight: bold;
        font-family: Neuton;
        color:white;
      }
      .service-text {
        font-family: Neuton;
        font-size: 22px;
        font-style: italic;
        font-weight: 400;
        line-height: 26.4px;
        text-align: center;
        color: #FFFFFF;
      }
      .form-part 
      {
        background-color: #0F403A;
            display: flex;
            justify-content: center;
            align-items: center;
            height:auto;
            margin: 0;
      }
      @media(max-width:1200px)
      {
      .contact-form 
      {
        background-color: #0F403A;
        display: flex;
        justify-content: center;
        align-items: center;
        height:100vh;
        margin: 0; 
        border-radius:20px;
      }
    }
      .contact-container 
      {
        
        padding: 20px;
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
        max-width:700px;
        width: 100%;
        color: white;
      }
      .contact-container h2 
    {
      font-family: Neuton;
      font-size: 40px;
      font-weight: 400;
      line-height: 50.61px;
      color:white;
    }
    .contact-container label 
    {
      font-family: Neuton;
      font-size: 26px;
      font-style: italic;
      font-weight: 400;
      line-height: 31.2px;
      text-align: left;
      color: #FFFFFF;
    }
    .contact-container input
    {
      background-color:#006A5B;
      height:50px;
      border:none;
    }
    .contact-container textarea
    {
      background-color:#006A5B;
      height:100px;
      border:none;
    }
      .form-container {
        
        padding:30px;
        border-radius: 8px;
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
        max-width:700px;
        width: 100%;
        color: white;
    }
    .form-container h2 
    {
      font-family: Neuton;
      font-size: 40px;
      font-weight: 400;
      line-height: 50.61px;
      color:white;
    }
    .form-container label 
    {
      font-family: Neuton;
      font-size: 26px;
      font-style: italic;
      font-weight: 400;
      line-height: 31.2px;
      text-align: left;
      color: #FFFFFF;
    }
    .form-container input
    {
      background-color:#006A5B;
      height:50px;
      border:none;
    }
    .form-container textarea
    {
      background-color:#006A5B;
      height:100px;
      border:none;
    }

    .submit-button button {
        width: 209px;
        height: 52px;
        border-radius: 26px;
        background-color: white;
        font-family: Neuton;
        font-size: 25px;
        font-weight: 700;
        line-height: 32.75px;
        text-align:center;
        color: #014138;
        margin-top:30px;
      }
  
      .submit-button button:hover {
          background-color: #e0d0b6;
      }


      /*Special Occasion page*/
    .spcl-occasion-page h1 
    {
      position: absolute; 
        width:100%;
        height: 109px;
        top:10%;
        font-family: Niconne;
        font-size: 74px;
        font-style: italic;
        font-weight: 400;
        line-height: 109.12px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FF9C00;        
    } 
    .wedding-page h1 
    {
      position: absolute;
        top:40%;
        width:100%;
        height: 109px;
        font-family: Niconne;
        font-size: 74px;
        font-style: italic;
        font-weight: 400;
        line-height: 130.12px;
        text-align: center;
        color:white;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wedding-page p 
    {
      position: absolute;
      width:60%;
      height: 68px;
      top:65%;
      font-family: Neuton;
      font-size: 28px;
      font-style: italic;
      font-weight: 400;
      line-height: 33.6px;
      text-align: center;
      color:white;
    }
    /* .center-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      } */

      .spcl-occasions-heading3 h3
      {
        width:100%;
        height: 38px;
        font-family: Neuton;
        font-size: 30px;
        font-weight: 400;
        line-height: 37.95px;
        text-align: center;
        color:black;
      }
      .menu-container {
        background-color:#014138;
        position: relative;
        border: 2px solid #dee2e6;
        border-radius: 10px;
        padding: 20px;
        margin: 20px;
    }
    .menu-container h5 
    {
      font-family: Neuton;
      font-size:20px;
      font-weight:500;
    }
    .menu-title h1 {
        font-family: Neuton;
        font-size: 40px;
        font-weight: 700;
        line-height: 50.61px;
        text-align: center;
        color:white;
        margin-bottom: 20px;
    }
    .menu-section-title 
    {
      background: #FF9C00;
      width: 252px;
      height: 30px;
      margin-left:20px;

    }
    .menu-section-list ol 
    {
      /* width: 411px;
      height: 194px;
      top: 702px;
      left: 158px;
      gap: 0px;
      opacity: 0px; */
      font-family: Neuton;
      font-size: 21px;
      font-style: italic;
      font-weight: 400;
      line-height: 28.8px;
      text-align: left;
      color: #FFFFFF; 
      margin:20px;     
    }
    .menu-section-title h2 {
       
        width: 239px;
        height: 28px;
        top: 669px;
        left: 183px;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 20px;
        font-weight: 700;
        line-height: 27.83px;
        text-align: left;
        color:white;             
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    /*Partypage*/
    .party-page h1 
    {
      position: absolute;
        width:100%;
        height: 109px;
        top:100px;
        font-family: Niconne;
        font-size:74px;
        font-style: italic;
        font-weight: 400;
        line-height: 109.12px;
        text-align: center;
        color: #EE5793;
    }

    /*Breakfast page*/
    .breakfast-container 
      {
        position: relative;
        width:100%;
        height:auto;
        gap: 0px;
        opacity: 0px;
        /* border-width: 0px, 0px, 0px, 0px;
        border-style: solid;
        border-color: #000000;         */
      }
      .breakfast-image img 
      {
        width: 625px;
        height: 458px;

      }
      .breakfast-caption h1 
      {
        width:90%;
        height:auto;
        gap: 0px;
        opacity: 0px;
        font-family: Niconne;
        font-size: 84px;
        font-weight: 400;
        line-height: 113.97px;
        text-align:left;
        color: #014138;   
        padding-top: 20px;     
      }
      .breakfast-caption p 
      {
        width:90%;
        height:auto;
        gap: 0px;
        opacity: 0px;
        font-family: Neuton;
        font-size: 24px;
        font-style: italic;
        font-weight: 400;
        line-height: 31.68px;
        text-align: left;
        color: #014138;        
      }

      /*Lunch*/
      .lunch-section-title 
    {
      background: #FF9C00;
      width:80%;
      height: 30px;
      margin-left: 20px;
    }
      .lunch-section-title h2 {
       
        width: 400px;
        height: 28px;
        font-family: Neuton;
        font-size: 22px;
        font-weight: 700;
        line-height: 27.83px;
        text-align: left;
        color:white;             
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    /*Gallery page*/
    .gallery-page h1 
    {
      width:100%;
      height: 114px;
      font-family: Niconne;
      font-size: 74px;
      font-style: italic;
      font-weight: 500;
      line-height: 113.97px;
      text-align: center;
      color: #014138;
    }
    .gallery-page p 
    {
      width:70%;
      height: 64px;
      font-family: Neuton;
      font-size: 24px;
      font-style: italic;
      font-weight: 400;
      line-height: 31.68px;
      text-align: center;
      color: #014138;
    }
    .gallery-image img 
    {
      width:90%;
      height: 329px;
      border-radius: 29px;
      opacity: 0px;
    }
    .contact-page h1 
    {
      width:100%;
      height: 114px;
      font-family: Niconne;
      font-style: italic;
      font-size: 74px;
      font-weight: 400;
      line-height: 113.97px;
      text-align: center;
      color: #014138;
    }
    .contact-page p 
    {
      width:45%;
      height: 74px;
      font-family: Neuton;
      font-style: italic;
      font-size: 28px;
      font-style: italic;
      font-weight: 400;
      line-height: 36.96px;
      text-align: center;
      color: #014138;
    }
    
    .address-container {
      display: flex;
      align-items: center; /* Align items vertically in the center */
  }
  .address-icon {
      margin-right: 10px; /* Space between icon and text */
  }
  .address-text p {
    
      font-family: Neuton;
      /* white-space: nowrap; */
      width:100%;
      font-size: 20px;
      font-style: italic;
      font-weight: 400;
      line-height:36.96px;
      text-align:left;
      padding-top: 10px;
      /* Prevent text wrapping */
  }

    /* .contact-address address 
    {
      /* display: flex; */
      /* flex-direction: column; 
      white-space: nowrap;
      width: 517px;
      font-family: Neuton;
      font-size: 20px;
      font-style: italic;
      font-weight: 400;
      line-height: 36.96px;
      text-align:left;
      margin-top: 0px;
      
    } */
    /* .wrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 950px;
      display: flex;
    }
     */
     
    .image-container1
    {
       width:300px;
      height:250px; 
      cursor: pointer;
      position: relative;
      box-shadow: 0 0 15px rgba(104,118,138, 0.5);
      float: left;
      overflow: hidden;
      border-radius: 24px;
      margin:5px;
    }
    
    .image-container1 img{
      position: absolute;
      width: 100%;
      height: 100%;
    }
    
    /* .image-container1 .image-caption,
    .image-container2 .image-caption{
      position: absolute;
      width: 100%;
      height: 20%;
      background: #2D7D9A;
      font-family: arial;
      text-align: center;
      color: #ecf0f1;
      text-transform: uppercase;
      transition: top 0.5s ease;
    } */
    
    .image-container1 .image-caption{
      top: -80px;
    }
    
    
    
    .image-container1 .image-caption h1{
        margin-top: 15px;
    }
    
    .image-container1  .slider1:before{
      content: "";
      position: absolute;
      top: -160px;
      left: 0;
      border-left: 225px solid transparent;
      border-right: 225px solid transparent;
      border-top: 150px solid rgba(104,118,138,0.3);
      border-bottom: 150px solid transparent;
      transition: top 0.5s ease;
    }
    
    .image-container1  .slider1:after{
      content: "";
      position: absolute;
      top: 160px;
      left: 0;
      border-left: 225px solid transparent;
      border-right: 225px solid transparent;
      border-top: 150px solid transparent;
      border-bottom: 150px solid rgba(104,118,138,0.3);
      transition: top 0.5s ease;
    }
    
    .image-container1  .slider2:before{
      content: "";
      position: absolute;
      top: 0;
      left: -235px;
      border-left: 225px solid rgba(104,118,138,0.3);
      border-right: 225px solid transparent;
      border-top: 150px solid transparent;
      border-bottom: 150px solid transparent;
      transition: left 0.5s ease;
    }
    
    .image-container1  .slider2:after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 235px;
      border-left: 225px solid transparent;
      border-right: 225px solid rgba(104,118,138,0.3);
      border-top: 150px solid transparent;
      border-bottom: 150px solid transparent;
      transition: left 0.5s ease;
    }
    
    .image-container1:hover .slider1:before,
    .image-container1:hover .slider1:after
    {
      top: 0;
      transition: top 0.5s ease;
    }
    
    .image-container1:hover .slider2:before,
    .image-container1:hover .slider2:after{
      left: 0;
      transition: left 0.5s ease;
    }
    
    .image-container1:hover .image-caption{
      animation: top 1s ease 0.8s forwards;
    }
    
   
    
    
    @keyframes top{
      0%{
        top: -80px;
      }
      25%{
        top: 180px;
      }
      50%{
        top: 50px;
      }
      75%{
        top: 150px;
      }
      100%{
        top: 110px;
      }
      
    }
    
    
    @keyframes bottom{
      0%{
        bottom: -80px;
      }
      25%{
        bottom: 180px;
      }
      50%{
        bottom: 50px;
      }
      75%{
        bottom: 150px;
      }
      100%{
        bottom: 110px;
      }
      
    }