.hero{
  display: flex;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  background-color:white;
  background-color: #fff8E7;

  color: #1A1A1A;
}
.hero img{
  display: flex;
  width: 70px;
  height: 100px;
  margin-left: auto;
}
nav{
  display: flex;
  justify-content: flex-end;
  background-color: #fff8E7;
padding: 12px 15px;
  width: 100%;
  color:#1A1A1A;
  margin-left: auto;
  font-size: 20px;
  padding: 0px;
  
 margin-bottom: 10px;
 
}
 
 
  a {
    text-decoration: none;
  
    color: white;
    font-size: 15px;
  padding-bottom: 35px;

    padding: 12px;
  }
     button {
     white-space: nowrap;
     text-align: center;
     background-color: blue;
     font-size: 20px;
     text-align: center;
     background-color: green;
     color: #fff;
     border-radius: 8px;
     margin-left: 10px;
   }
   
   button:hover {
     background-color: skyblue;
     
   }
   header{
     text-align: center;
     font-size: 24px;
   }
   h1{
     font-size: 20px;
     font-family: Verdana, Geneva, Tahoma, sans-serif;

   }
   .con{
  display: flex;
  justify-content: space-between;
  gap: 30px;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#F8F6F2;
margin-bottom: 20px;
  font-size: 25px;
  color: #1A1A1A;
  padding:15px;
}
.con-text{
  width:55%;
  font-size: 24px;
  margin-bottom: 20px;

}
.con-img{
  width: 100%;
  
  margin-top: 10px;
  border-radius: 13px;

}
.con-img img{
  display:flex;
  width: 100%;
  height:230px;
object-fit: cover;  
border-radius: 14px;
}
p{
  text-align: left;
  font-size: 15px;
  color:#555;
  line-height: 1.6;
  padding:0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.logo{
  display: flex;
  margin-right: auto;
  padding:12px;
}
.logo img{
  
  width:60px;
  height:60px;
  object-fit: contain;
}
hr {
  width: 50%;
  margin: 25px 0;
  border: none;
  border-top: 2px solid #ddd;
}
.package{
  display:flex;
  align-items: flex-start;
  gap:20px;
    overflow-x: auto;
    scroll-snap-type:x mandatory;
scroll-behavior: smooth;
padding: 0 10px;
  
}
.package > div{
  flex: 0 0 160px;
    background-color:#F8F6F2;
    text-align: center;
    align-items: center;
    font-size: 34px;
    gap: 20px;
    font-family: monospace;
    
    scroll-snap-align: start;

}
.package img{
  width:100%;
 height:160px;
 border-radius: 14px;
 object-fit: cover;
}
.third{
  display: flex;
  justify-content: center;
  gap:20px;
  
}
.third > div{
  display:flex;
  background-color:#F8F6F2;
  flex-direction: column;
  justify-content: center;
  width:55%;
  align-items: center;
  margin-top: 20px;
}
.third img{
  width:100%;
  height:160px;
  object-fit: cover;
  border-radius: 12px;
}
.btn-wrap{
    display: block;
    text-align: center;
    margin-top: 15px;
}
.menu{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:0px ;
}
.menu img{
  width:80%;
  height:400px;
}
.choose{
  display: flex;
  justify-content:center;
  align-items: center;
  text-align: center;
  gap: 20px;
  flex-direction:row;
  flex-wrap: wrap;
  
}
.choose >div {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
footer {
  background-color: black;
  color: white;
  text-align: center;
  display:block;
  margin-top: 15px;
}

.foot {
  font-size: 18px;
}

.policy {
  color: white;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}

.policy:hover {
  text-decoration: underline;
}
.social a {
  display: inline-block;
  
  color: white;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
}