:root{
  --color-accent:#956f17;
  --background-accent: rgba(45, 212, 191, .1);
  --color-hightlight:#e2e8fa;
}

html{
  scroll-behavior: smooth;
}

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'inter', sans-serif;
}

body{
  background-color: #d7d8d6;
  color:  #172114;
}

header{
margin-top: 0;
margin-bottom: 10px;
width: 100%;
height: 87px;
padding-top: 10px;
padding-bottom: 10px;
background: black;
}

p{
  line-height: 1.5rem;
  text-align: justify;
}

p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection{
  background-color:  var(--color-accent);
  color: #172114;

}

nav{
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: right;
  gap: 2rem;
  padding-top: 20px;
  padding-right: 20px;
}
nav a{
 font-size: 1.4rem;
}

nav .anchor-text{
  color: aliceblue;
  text-decoration: none;
}

main{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

a{
  color: #bf880a;
  text-decoration: underline;
}
.booking-container-tag{
    max-width:75%;
    margin:90px auto;
    background:whitesmoke;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(72, 71, 71, 0.1);
}

.story{
    font-size: 17px;
    line-height: 0.9cm;
    padding-top: 15px;
}

h1{
 font-weight: 600;
  padding-bottom: 8px;
}

.booking22{
    text-align: center;
    padding: 23px;
}
.hr{
    font-weight: 3px;
    color: var(--color-accent);
}

.booking-container{
    max-width:700px;
    margin:90px auto;
    background:whitesmoke;
    padding:30px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(72, 71, 71, 0.1);
}

.booking-container h2{
    text-align:center;
    color:var(--color-accent);
    margin-bottom:20px;
}

.form-row{
    display:flex;
    gap:15px;
    margin-bottom:15px;
}

.form-group{
    flex:1;
}

label{
    display:block;
    margin-bottom:6px;
    font-weight:bold;
    color:#333;
}

input,
select,
textarea{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
}

textarea{
    resize:vertical;
    min-height:100px;
}

.submit-btn{
    width:100%;
    background:var(--color-accent);
    color:white;
    border:none;
    padding:14px;
    border-radius:6px;
    font-size:16px;
    cursor:pointer;
    transition:0.3s;
}

.submit-btn:hover{
    background:black;
}

.submit-btn:disabled{
    background:#999;
    cursor:not-allowed;
}

.message{
    margin-top:15px;
    padding:12px;
    border-radius:6px;
    display:none;
}

.success{
    background:#d4edda;
    color:#155724;
}

.error{
    background:#f8d7da;
    color:#721c24;
}

iframe{
 display: flex;
 width: 100%;
 height: 600px;
 padding: 20px 0;
}

.wp-mg{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin:auto;
    padding-bottom: 20px;
}
img{
    width: 394px;
    height: 315px;
}

@media(max-width:768px){
    .form-row{
        flex-direction:column;
    }
}
.booking-container1{
    max-width:700px;
    margin:auto;
    background:whitesmoke;
    padding:30px;
    border-radius:12px;
}