.elementor-40821 .elementor-element.elementor-element-6d32d80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-e6742e6 */.elementor-40821 .elementor-element.elementor-element-e6742e6 .learn-more-link {
    text-decoration: none;
    line-height: 1.24;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .container {
    padding: 0;
    background-color: #FFFFFF;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .package-doc-div{
    width: 60%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .blue-learn-more{
    text-align: center;
    background-color: #2199e8;
    font-family: Gotham;
    line-height: 1.24;
    font-size: 16px;
    color: #e0e0e0;
    padding: 13px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase1{
    display: block;
    padding: 0 31%;
    margin-top: 40px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2{
    display: block;
    padding: 0 31%;
    margin-top: 30px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3{
    display: block;
    padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4{
    display: block;
    padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase5{
    display: block;
    padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6{
    display: none;
    padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #phase6-line{
    display: none !important;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase7{
    display: block;
    padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase8{
    display: none;
    padding: 0 31%;
    margin-top: 44px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .phase-title{
    margin-bottom: 30px;
    font-size: 24px;
    width: 100%;
    text-align: center;
    font-family: Gotham;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .form-check label{
    font-size: 14px;
    font-weight: 400;
    font-family: Gotham;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingButtonNext{
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    gap: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingButtonNext:disabled {
    background-color: #EAEAEA;
    color: #AEAEB2;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2-confirmed{
    line-height: 1.24;
    text-align: center;
    font-size: 22px;
    font-family: Gotham;
    color: #281908;
    padding: 0 31%;
    display: none;
    margin-top: 30px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #confirmedDate{
    color: #e99a4f;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .confirmed-title{
    color: #d80a28;
    font-size: 29px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3-confirmed{
    display: none;
	padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4-confirmed{
    display: none;
	padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6-confirmed{
    display: none;
	padding: 0 31%;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .phase3-border{
    border: 1px solid rgba(40, 25, 8, .35);
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .form-control::placeholder {
  color: #e99a4f; /* Replace with your color */
  opacity: 1;     /* Overrides Firefox's default opacity lowering */
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #province_name-selectized::placeholder {
  color: #e99a4f; /* Replace with your color */
  opacity: 1;     /* Overrides Firefox's default opacity lowering */
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #city_name-selectized::placeholder {
  color: #e99a4f; /* Replace with your color */
  opacity: 1;     /* Overrides Firefox's default opacity lowering */
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #barangay_name-selectized::placeholder {
  color: #e99a4f; /* Replace with your color */
  opacity: 1;     /* Overrides Firefox's default opacity lowering */
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .phase3_div .selectize-control .selectize-input{
    top: 5px;
    border: none;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .phase3_div .selectize-control .selectize-input.focus{
    box-shadow: none;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .invalid-message{
    color: #D80A28;
    font-size: 14px;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 .quantity-answer{
    color: #2199e8;
}

.elementor-40821 .elementor-element.elementor-element-e6742e6 #bank_name-selectized::placeholder {
  color: #e99a4f;
  opacity: 1; /* Ensures Firefox displays the full color opacity */
}

/* Change "white" to match your form's background color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #333333 !important; /* Forces your desired text color */
}

.gray-container {
  filter: grayscale(100%);
  opacity: 0.5; 
}

.confirm-button{
    font-size: 18px !important;
    line-height: 32px !important;
    padding: 5px 25px !important;
    border-radius: 8px !important;
}

.edit-button{
    font-size: 18px !important;
    line-height: 32px !important;
    padding: 5px 25px !important;
    border-radius: 8px !important;
    border: 1px solid #CB0C3F !important;
    background-color: transparent !important;
    color: #D31245 !important;
}

.divider-line{
   border-bottom: 1px solid #cccbcb; 
   width: 50%;
}

button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  opacity: 0.6;
}

@media screen and (max-width: 1400px) {
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase1{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase5{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase7{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase8{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2-confirmed{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3-confirmed{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4-confirmed{
		padding: 0 20%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6-confirmed{
		padding: 0 20%;
	}
    .divider-line {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    
    .elementor-40821 .elementor-element.elementor-element-e6742e6 .divider-line {
         width: 90%; 
    }
    
    .elementor-40821 .elementor-element.elementor-element-e6742e6 .package-doc-div{
        width: 100%;
    }

	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase1{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3{
		padding: 0 4%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4{
        padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase5{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase7{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase8{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase2-confirmed{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase3-confirmed{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase4-confirmed{
		padding: 0 7%;
	}
	  .elementor-40821 .elementor-element.elementor-element-e6742e6 #bookingPhase6-confirmed{
		padding: 0 7%;
	}
}/* End custom CSS */