body {
    padding: 0;
    margin: 0;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
        background-color:#0C0E0D;
    color: white;
}

section.maincontainer {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.navbar a{
    color: white !important;
}
.list a{
color: #3D292A !important;
}
.logo {
width:200px;
height:100%;
}

.logo img{
    object-fit: cover;
}

.text{
display: flex;
flex-direction: column;
width: 100%;
height: 100vh;
justify-content: center;
align-content: center;
font-weight: 400;
}
.text p{
    font-size: 13px;
}
.name {
    color:#E2AE32;
}
.book button,
.contact button,
.view button{
    background-color:#E2AE32;
    border-color:  #E2AE32;
    border-radius: 10px;
    color: white;
    
}
.book button:hover,
.contact button:hover,
.view button:hover {
    background-color: white;
    color: #E2AE32;
    border: #3D292A;
}

.hero{
    background:linear-gradient(to left, rgba(0,0,0,.9) 30%, rgba(0,0,0,0.1)), url(../assets/bgg2.jpg);
    height: 100vh;
}

section.bodycon {
    height: 80vh;
}

.couple1{
    width: 400px;
   
  
}
.couple1 img{
    width: 100%;
    height: 50vh;
    border-radius: 20px;
    object-fit: cover;
}
.box {
    background-color: #1B1C1E;
    border: 1px solid #1B1C1E;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: 65vh;
    padding: 40px;
}
.body-icon{
   padding-bottom: 30px;
    margin-bottom: 20px;
    /* text-align: center; */
    color: #E2AE32;
}
.box p {
    font-size: 15px;
    font-weight:400;
  
}
.title{
    /* text-align: center; */
    font-weight:bold;
    font-size: 20px;

}
.box a{
    text-decoration: none;
    color:#E2AE32;
}
.box p{
    font-size: 12px;
}
.review i{
font-size: 18px;
font-weight: 400;
}
.quote{
    font-size: 20px;
    color: #E2AE32;
    font-weight:bolder;
}
.view{
 padding-top: 10px;
}
section.review{
    background: linear-gradient(to left, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, 0.1)), url(../assets/bgg.jpg);
    background-repeat: no-repeat;
    width: 100%;
}

 .images{
    width: 100%;
    height: auto;
    
 }

 .images img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
    
 }
 
 .gallery
 {
    display: flex;
    flex-direction: column;
    gap: 20px;
 }
 .images1 {
     width: 300px;
     height: auto;

 }

 .images1 img {
     width: 100%;
     height: 100%;
     border-radius: 10px;
     object-fit: contain;

 }

 .photo-con{
    display: flex;
    flex-direction: column;
    gap: 50px;
 }

  .icons{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-size: 30px;
    font-weight: 800;
  }
  .icons a{
    color:#E2AE32;
  }

  section.con-container {
     background: linear-gradient( rgba(0, 0, 0, .7) 30%, rgba(0, 0, 0, 0.1)), url(../assets/acc6.jpg);
     height: 100vh;
     display: flex;
     flex-direction: column;
     gap: 30px;
  }

  section.con-body{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 70vh;
    gap: 30px;
    justify-content: center;
   }

   .instruction{
    font-weight: 800;
    
   }
   .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
   }

 .icons-footer{
display: flex;
justify-content: center;
gap: 20px;
           
}
.icons-footer a{
color:#E2AE32; 
}

section.bod{
display: flex;
flex-direction: column;
gap: 20px;
}

.accordion-body {
    background-color: #000;
    color: white;
}
.accordion-button:not(.collapsed){
    background-color:white;
}
 .accordion-button {
     background-color: #000000;
     color: white;
 }
 

 @media screen  and (max-width: 576px){
    section.maincontainer{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
.box {
    display: flex;
    flex-direction: column;
        align-items: left;
        justify-content: center;
        /* gap: 20px;
        width: 100%;
        height: 65vh;
        padding: 40px; */
        margin: 20px;
        width: 100%;
        height:30vh;
        gap: 10px;
   padding: 25px;
      
    }
.box p{
    text-align:left;
}

.body-icon {
text-align: left;
padding: 10px;
}

.couple1 img {
margin: 0 auto;
width:100%;
object-fit: contain;
height:30vh;
}
.love{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;

}
.review{
height:auto;
margin-top: 100px;
text-align: center;
}

section.bodycon {
    height: 100vh;
    margin: 40px;
   }
 }
.text{
    height: 90vh;
}