.elementor-574 .elementor-element.elementor-element-c4c42b3{--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;}.elementor-574 .elementor-element.elementor-element-413284b{--display:flex;}#elementor-popup-modal-574{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-574 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-574 .dialog-close-button{display:flex;}#elementor-popup-modal-574 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-22adb81 *//* ==========================================
   Model Town Faisalabad Booking Popup
========================================== */

.booking-popup{
    max-width:700px;
    margin:0 auto;
    padding:15px;
}

.booking-popup *,
.booking-popup *:before,
.booking-popup *:after{
    box-sizing:border-box;
}

/* Remove CF7 default spacing */
.booking-popup p{
    margin:0;
    padding:0;
}

/* ==========================
   Heading
========================== */

.booking-popup h2{
    font-size:42px;
    font-weight:700;
    color:#1E6B45;
    text-align:center;
    line-height:1.2;
    margin:0;
}

.booking-popup h2:after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#D4AF37;
    margin:15px auto 0;
    border-radius:30px;
}

/* ==========================
   Description
========================== */

.booking-desc{
    text-align:center;
    color:#6f6f6f;
    font-size:16px;
    line-height:1.7;
    max-width:500px;
    margin:18px auto 35px;
}

/* ==========================
   Grid
========================== */

.booking-row{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:18px;
}

/* ==========================
   Fields
========================== */

.booking-popup input,
.booking-popup select,
.booking-popup textarea{

    width:100%;

    border:2px solid #E4E4E4;

    border-radius:12px;

    background:#fff;

    padding:16px 18px;

    font-size:15px;

    color:#333;

    transition:.3s;

    outline:none;

    font-family:inherit;

}

.booking-popup input{
    height:56px;
}

.booking-popup select{
    height:56px;
    cursor:pointer;
}

.booking-popup textarea{

    height:85px;

    resize:none;

    padding-top:16px;

}

/* Placeholder */

.booking-popup input::placeholder,
.booking-popup textarea::placeholder{

    color:#A0A0A0;

    opacity:1;

}

/* Focus */

.booking-popup input:focus,
.booking-popup select:focus,
.booking-popup textarea:focus{

    border-color:#D4AF37;

    box-shadow:0 0 0 4px rgba(212,175,55,.18);

}

/* ==========================
   Submit Button
========================== */

.booking-submit{

    margin-top:25px;

}

.booking-submit .wpcf7-form-control-wrap{

    display:block;

}

.booking-btn{

    width:100%;

    height:58px;

    background:#D4AF37;

    color:#fff !important;

    border:none;

    border-radius:12px;

    font-size:17px;

    font-weight:700;

    letter-spacing:.3px;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 10px 25px rgba(212,175,55,.25);

}

.booking-btn:hover{

    background:#1E6B45;

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(30,107,69,.25);

}

/* ==========================
   CF7 Messages
========================== */

.wpcf7-response-output{

    margin-top:20px !important;

    border-radius:10px;

    font-size:14px;

}

.wpcf7-not-valid-tip{

    color:#d63638;

    font-size:13px;

    margin-top:6px;

}

.wpcf7-spinner{

    display:block;

    margin:15px auto 0;

}

/* ==========================
   Select Arrow
========================== */

.booking-popup select{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%231E6B45' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5L8 12l6.5-6.5' stroke='%231E6B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

    padding-right:45px;

}

/* ==========================
   Mobile
========================== */

@media (max-width:768px){

.booking-popup{

    padding:5px;

}

.booking-popup h2{

    font-size:30px;

}

.booking-desc{

    font-size:14px;

    margin-bottom:25px;

}

.booking-row{

    grid-template-columns:1fr;

    gap:15px;

}

.booking-popup input,
.booking-popup select{

    height:52px;

}

.booking-popup textarea{

    height:75px;

}

.booking-btn{

    height:54px;

    font-size:16px;

}

}

/* ==========================================
   Force Contact Form 7 Button Styling
========================================== */

.booking-popup input[type="submit"],
.booking-popup .wpcf7-submit,
.booking-popup input.booking-btn{

    width:100% !important;

    height:58px !important;

    background:#D4AF37 !important;

    color:#ffffff !important;

    border:2px solid #D4AF37 !important;

    border-radius:12px !important;

    font-size:17px !important;

    font-weight:700 !important;

    letter-spacing:.5px;

    cursor:pointer;

    transition:.3s ease;

    box-shadow:0 10px 25px rgba(212,175,55,.25);

    -webkit-appearance:none;

    appearance:none;

}

.booking-popup input[type="submit"]:hover,
.booking-popup .wpcf7-submit:hover{

    background:#1E6B45 !important;

    border-color:#1E6B45 !important;

    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:0 15px 30px rgba(30,107,69,.25);

}/* End custom CSS */