/*
Theme Name:   Balloon Decor Child Theme
Theme URI:    https://sgeventsdelhi.in/
Description:  Child theme for balloon decoration website
Author:       Your Name
Author URI:   https://sgeventsdelhi.in/
Template:     astra
Version:      1.0.0
*/

.grid .size-full {
    height: 230px !important;
}
.ekit-heading__description p{
	text-align:justify !important;
}

.choose {
    height: 165px;
}


/*BOOKING FORM*/

.sg-booking-card {
  width : 100%;
/*   max-width : 520px; */
/*   height : 500px; */
  background : #ffffff;
  border-radius : 0 28px 0 28px;
  padding : 28px;
  box-sizing : border-box;
  box-shadow : 0 20px 50px rgba(139, 1, 253, 0.18);
  border : 1px solid rgba(139, 1, 253, 0.08);
  display : flex;
  flex-direction : column;
  justify-content : space-between;
}
.sg-top {
  text-align : center;
}
.sg-top h2 {
  font-size : 34px;
  margin : 0;
  font-weight : 700;
  color : #8b01fd;
}
.sg-top p {
  margin-bottom:0;
  font-size : 14px;
  color : #666;
}
.sg-grid {
  display : grid;
  grid-template-columns : 1fr 1fr;
  gap : 16px;
  margin-top : 24px;
}
.sg-grid p {
	margin-bottom:10px;
}
.sg-grid .full {
  grid-column : 1/-1;
}
.sg-grid label {
  display : block;
  font-size : 13px;
  font-weight : 600;
	margin-bottom:5px;
  color : #444;
}
.sg-input {
  width : 100% !important;
  height : 48px;
  border : none !important;
  background : #f8f7ff !important;
  border-radius : 14px;
  padding : 0 16px !important;
  font-size : 14px;
  box-sizing : border-box;
  transition : 0.3s;
}
  .sg-input : focus {
  background : #fff !important;
  box-shadow : 0 0 0 3px rgba(139, 1, 253, 0.15);
  outline : none;
}
select.sg-input {
  appearance : none;
  padding-right : 40px !important;
}
.sg-area {
  width : 100% !important;
  height : 80px;
  background : #f8f7ff !important;
  border : none !important;
  border-radius : 14px;
  padding : 15px !important;
  resize : none;
  box-sizing : border-box;
  font-size : 14px;
  transition : 0.3s;
}
  .sg-area : focus {
  background : #fff !important;
  box-shadow : 0 0 0 3px rgba(139, 1, 253, 0.15);
  outline : none;
}
.sg-btn {
  margin-top : 0px;
  width : 100%;
  height : 52px;
  border : none !important;
  border-radius : 50px !important;
  background : linear-gradient(135deg, #8b01fd, #b74dff) !important;
  color : #fff !important;
  font-size : 17px !important;
  font-weight : 700 !important;
  cursor : pointer;
  transition : 0.3s;
  box-shadow : 0 15px 35px rgba(139, 1, 253, 0.35);
}
  .sg-btn : hover {
  transform : translateY(-3px);
  box-shadow : 0 20px 40px rgba(139, 1, 253, 0.45);
}
.wpcf7-spinner {
  display : none;
}
.wpcf7-response-output {
  margin-top : 12px !important;
  border : none !important;
  background : #f4ecff;
  border-radius : 12px;
}

.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0em !important;
}
  @media (max-width : 767px) {
  .sg-booking-card{
	  height : auto;
  padding : 24px;
}
.sg-grid {
  grid-template-columns : 1fr;
}
	  .sg-top h2 {
    font-size: 16px;
}
	  .sg-grid {
    gap: 4px;
    margin-top: 10px;
}
}