/* ===== BASE ===== */
body {
  /* background:#0b1d4d; */
  font-family: Arial, sans-serif;
  margin:0;
  padding:0;
    box-sizing:border-box;
}


/* ===== HEADER ===== */
.main-header {
  padding:20px;
}

.header-inner {
  background:#c9c9c9;
  border-radius:60px;
  padding:5px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Logo */
.logo img {
    width: 100%;
  height:80px;
}

/* Nav */
.nav {
  display:flex;
  gap:50px;
}

.nav a {
  text-decoration:none;
  color:#000;
  font-weight:600;
  font-size:16px;
}

/* Button */
.header-btn a {
  background:#fff;
  padding:10px 20px;
  border-radius:25px;
  text-decoration:none;
  color:#000;
  font-weight:600;
}

/* ===== RESPONSIVE ===== */
@media (max-width:900px) {
  .nav {
    display:none;
  }
}



/* ===== FORM STYLES ===== */

/* Center the form */
.form-wrapper {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

/* Blue form card */
.form-wrapper form {
  width: 90%; 
  background: linear-gradient(135deg,#1b3a8a,#0a2a66);
  border-radius: 20px;
  padding: 30px;
  overflow: hidden;
}



/* Each field */
.field {
display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}




.field1 {
  display: flex;
  flex-direction: column;
}


label{
    margin-left: 10px;
}

/* Label */
.field1 label {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;   /* ✅ FORCE GAP */
}

/* Input & Select */
.field1 input,
.field1 select {
    outline: none;
    border: none;
  background: #06245f;
  color: #fff;
  padding: 10px 15px;
  border-radius: 30px;
  display: block;
}


.field1 select option {
  border: none;
}


.field1 span {
  color:red;
}


input::placeholder {
  color:#bcd;
}


.hidden {
  display:none;
}


button {
  margin-top:30px;
  background:#000;
  color:#fff;
  padding:12px 30px;
  border:none;
  border-radius:25px;
  cursor:pointer;
  float:right;
}



.button1 {
    width: 150px;
  margin-top:30px;
  background:#000;
  color:#fff;
  padding:12px 30px;
  border:none;
  border-radius:25px;
  cursor:pointer;
 
}


@media (max-width:1024px) {
  .field { grid-template-columns:repeat(2,1fr); }

  .hidep{
        display: none;
    }

    .hidepp{
        display: block !important;
    }
}

@media (max-width:600px) {
  .field { grid-template-columns:1fr; }
  .form-wrapper form {
    width: 70%; }

    .hidep{
        display: none;
    }
}



.field1 select {
  /* Remove default arrow */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Custom arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center; /* ⬅️ arrow position */
  background-size: 14px;
}

.room-block {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.15);
}