/*

Theme Name: Seaside Child

Theme URI: http://demo.bravisthemes.com/seaside/

Author: Bravis-Themes

Author URI: https://themeforest.net/user/bravis-themes/

Description: Seaside is an exclusive website theme specially made for hotels with a modern and professional design. Made using only the finest coding and design practices by an experienced ThemeForest author with over 14 years of experience. Seaside has stunning styles and elements to help you make a professional website in no time. Get Seaside now.

Version: 1.0.0

License: ThemeForest

License URI: https://themeforest.net/licenses

Template: seaside

Text Domain: seaside-child

Tags: 	accommodation, apartment, bed and breakfast, hostel, hotel, inn, lodge, motel, resort, spa, tourism, vacation

*/
.modal-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.modal {
  background: #fff;
  border-radius: 8px;
  padding: 25px 20px 20px;
  width: 90%;
  max-width: 800px;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  max-height: 90vh;
  overflow-y: auto;
}

.form-section{
  width: 48%;
}
.modal-content {
    display: flex;
    justify-content: space-between;
}
@media (max-width:800px) {
  .form-section{
    width: 100%;
  }
  .modal-content {
    flex-direction: column-reverse;
    display: flex;
    justify-content: space-between;
    } 
}



.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.4rem;
  border: none;
  background: none;
  cursor: pointer;
}

.modal-header {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.modal form input[type="text"],
.modal form input[type="email"],
.modal form input[type="tel"] {
  width: 100%;
  padding: 10px;
  margin: 6px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.modal form label {
  font-weight: 500;
}

.modal form .form-group {
  margin-bottom: 10px;
}

.modal form .checkbox-group {
  margin: 10px 0;
}

.modal-footer {
  text-align: right;
  margin-top: 10px;
}

.modal-footer button {
  padding: 10px 15px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.modal-footer button:disabled {
  background-color: #999;
}

.custom-select {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 14px;
        appearance: none;
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%204%205'%3E%3Cpath%20fill%3D'%23666'%20d%3D'M2%200L0%202h4L2%200zM0%203l2%202%202-2H0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 10px;
        cursor: pointer;
        color: black;
    }

    .custom-select:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    }
    .error {
	      color:red !important;
    }

    .c-price, .c-rooms{

      background-color: white;
      padding: 4px 8px;
      margin-bottom: 10px;
      display: flex;
      width: 100%;
      margin-top: 10px;
      border-radius: 45px;
    }