/*.booking{*/
 /* overflow-x: hidden;*/
 /*}*/
.booking-img{
    background-image: url('../../images/booking.webp');
    width: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size:100% auto;
    height: auto !important;
    position: relative;
    margin-top: 80px;
     
}
.payment-text{
  margin-top: 230px;
  line-height: 40px;
} 
.payment-text p{
  font-size: 85px;
  color: white;
  font-family: 'Montserrat-bold', sans-serif; /* Specify 'sans-serif' without capitalization */
  font-weight:bolder !important;
  letter-spacing: 5px;
}

.payment-text span{
  font-size: 40px;
  color: white;
  font-weight: 700 !important;
}

.started-from{
  /* line-height: 30px; */
  display: flex;
  align-items: center;
  justify-content:end;
  margin-top: 40px;
  margin-right: 40px;
} 
.started-from h6{
  font-size: 20px;
  color: white;
  font-weight: 600 !important;
  padding-right: 10px;
}
/* .started-from span{
  font-size: 25px;
  color: white;
  font-weight: 600 !important;
} */
.started-from h1{
  font-size: 150px;
  color: white;
  font-weight: 600 !important;
}
/* .started-from span{
  font-size: 25px;
  color: white;
  padding-right: 10px;
} */
.started-from sup{
  font-size: 45px;
  color: white;
  position: relative;
  top: -70px;
  left: -35px;

}

.year-text h1{
  font-size: 150px;
  color: white;
}

.year-text span{
  font-size: 40px;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  top: -30px;
}
.booking-head h1{
  font-size: 40px;
  color: #00B5B3;
  text-transform: uppercase;
}
.booking-head p{
  color: rgb(92, 91, 91);
  word-spacing: 3px;
}
 .booking-intro-text{
  background-color: #00B5B3;
 }
.booking-intro-text img{
  width: 90%;
  margin-top: -10px;
}
.booking-intro-text p{
  font-size: 23px;
}
.contact-form{
  margin: 30px 0px;
  background-color: #00B5B3;
  padding: 50px;
}
.contact-form .form-group input{
  background-color: transparent;
  border-radius:0;
  border: 2px solid white;
  color: white;
}
.contact-form .form-group textarea{
  background-color: transparent;
  border-radius: 0;
  border: 2px solid white;
  color: white;
}
.contact-form .form-group input::placeholder {
  color: white;
  font-size: 14px;
  padding: 0px;
}
.contact-form .form-group textarea::placeholder {
  color: white;
  font-size: 16px; /* Adjust the font size as needed */
  padding: 0px;
}
.send-btn button{
  border-radius: 0;
  color: #00B5B3;
  font-weight: bold;
}

.send-btn button:hover{
  background-color: #00B5B3;
  color: white;
  border: 1px solid white;
  transition: 0.5s;
}

.booking-buttons{
  position: absolute;
  top: 35%;
  right:0%;
  z-index: 10000 !important;
}
.booking-buttons{
  width: 15%;
}
.booking-buttons img{
  width: 100%;
  margin: 10px 0px;
  z-index: 1000px;
}

.booking-buttons-web{
  position: absolute !important;
  top: 8%;
  right: 2%;
  display: block;
  padding-top: 4px;
}
 
.booking-buttons-web a{
  background-color: transparent;
  color: #00B5B3;
  border: 3px solid #00B5B3;
  padding: 8px 12px;
  text-decoration: none;
}
.booking-buttons-web a:hover{
  border: 3px solid #00B5B3;
  color: white;
  transition: 0.6s;
  text-decoration: none;
  background-color: #00B5B3;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance:  textfield;
}

.success .alert{
  width: 100%;
  text-align: left;
  color: white;
  background-color: green;
  position: absolute;
  top: 30px;
  left: 30%;
  transform: translateX(-50%);
  padding: 10px 0px;
}
.alert{
  background-color: red;
}
.success{
  background-color: green;
}