.elementor-698 .elementor-element.elementor-element-c8637e0{--display:flex;--overlay-opacity:0.8;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-698 .elementor-element.elementor-element-c8637e0:not(.elementor-motion-effects-element-type-background), .elementor-698 .elementor-element.elementor-element-c8637e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-698 .elementor-element.elementor-element-c8637e0::before, .elementor-698 .elementor-element.elementor-element-c8637e0 > .elementor-background-video-container::before, .elementor-698 .elementor-element.elementor-element-c8637e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-698 .elementor-element.elementor-element-c8637e0 > .elementor-background-slideshow::before, .elementor-698 .elementor-element.elementor-element-c8637e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-698 .elementor-element.elementor-element-c8637e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 82%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-698 .elementor-element.elementor-element-081fbeb{text-align:center;}.elementor-698 .elementor-element.elementor-element-081fbeb .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-afbee39 );}.elementor-698 .elementor-element.elementor-element-3bc6b77b{--display:flex;--padding-top:50px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-698 .elementor-element.elementor-element-3bc6b77b:not(.elementor-motion-effects-element-type-background), .elementor-698 .elementor-element.elementor-element-3bc6b77b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afbee39 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-698 .elementor-element.elementor-element-c8637e0{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-698 .elementor-element.elementor-element-081fbeb .elementor-heading-title{font-size:24px;line-height:36px;}.elementor-698 .elementor-element.elementor-element-3bc6b77b{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-3339a7a5 *//* 1. Global Reset & Pink Color Purge (#c36 completely removed) */
.mphb_sc_checkout-wrapper a,
.mphb-checkout-form a,
.mphb-checkout-form button,
.mphb-checkout-form input[type="submit"] {
    color: #293593 !important;
    text-decoration: none !important;
}

/* 2. Modern Card Layout Blocks (Background #F4F1E5) */
.mphb_sc_checkout-wrapper,
.mphb-checkout-form,
form.mphb_sc_checkout-form {
    max-width: 1140px !important;
    margin: 0 auto !important;
    font-family: 'Jost', sans-serif !important;
}

.mphb_sc_checkout-wrapper .mphb-checkout-section,
.mphb_sc_checkout-wrapper .mphb-room-details,
.mphb_sc_checkout-wrapper .mphb-price-breakdown-wrapper,
.mphb_sc_checkout-wrapper .mphb-customer-details,
.mphb_sc_checkout-wrapper .mphb-payment-details,
.mphb-checkout-section,
#mphb-booking-details,
#mphb-price-details,
#mphb-customer-details {
    background-color: #E9EBF7 !important;
    background: #E9EBF7 !important;
    border: 1px solid rgba(41, 53, 147, 0.12) !important;
    border-radius: 20px !important;
    padding: 32px 36px !important;
    margin-bottom: 32px !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
}

/* 3. Section Titles (Brand Blue #293593) */
h3.mphb-gateway-chooser-title,
h3.mphb-booking-details-title,h4.mphb-price-breakdown-title,h3.mphb-room-number,
.mphb-checkout-form h2,
.mphb-checkout-form h3,
.mphb-checkout-form h4,
.mphb-checkout-section-title,
.mphb-customer-details-title,
#mphb-customer-details h3,
h3.mphb-customer-details-title,
#mphb-price-breakdown-title {
    color: #293593 !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid rgba(41, 53, 147, 0.15) !important;
    width: 100% !important;
}

/* 4. Side-by-Side Grid for Customer Info (First/Last Name, Email/Phone) */
#mphb-customer-details,
.mphb-customer-details {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

/* Full Width Elements inside Customer Details */
#mphb-customer-details h3,
.mphb-customer-details > .mphb-required-fields-tip,
.mphb-customer-country,
.mphb-customer-note {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* Side-by-Side 2-Column Elements (48% width each) */
#mphb-customer-details p.mphb-customer-name,
#mphb-customer-details p.mphb-customer-last-name,
#mphb-customer-details p.mphb-customer-email,
#mphb-customer-details p.mphb-customer-phone,
.mphb-customer-details p.mphb-customer-name,
.mphb-customer-details p.mphb-customer-last-name,
.mphb-customer-details p.mphb-customer-email,
.mphb-customer-details p.mphb-customer-phone {
    width: 48% !important;
    flex: 0 0 48% !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
}

/* Inputs Hover & Focus State */
.mphb-checkout-form input:hover,
.mphb-checkout-form select:hover,
.mphb-checkout-form textarea:hover {
    border-color: #293593 !important;
}

.mphb-checkout-form input:focus,
.mphb-checkout-form select:focus,
.mphb-checkout-form textarea:focus {
    border-color: #293593 !important;
    box-shadow: 0 0 0 4px rgba(41, 53, 147, 0.12) !important;
    background-color: #ffffff !important;
}

/* Field Labels */
.mphb-checkout-form label,
.mphb-customer-details label {
    font-family: 'Jost', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #293593 !important;
    display: block !important;
}

/* 6. Total Price & Error Message Styling */
.mphb-total-price,
p.mphb-total-price {
    font-family: 'Jost', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #293593 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

p.mphb-errors-wrapper,
.mphb-errors-wrapper {
    background-color: #FEF2F2 !important;
    color: #DC2626 !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
}

/* 7. Strict "Book Now" Button Override (Solid Navy #293593 to Gold #C9A84D) */
.mphb_sc_checkout-submit-wrapper input[type="submit"],
.mphb_sc_checkout-submit-wrapper input.button,
.mphb-checkout-form input[type="submit"],
.mphb-checkout-form button[type="submit"],
p.mphb_sc_checkout-submit-wrapper input {
    background-color: #293593 !important;
    background: #293593 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 16px 48px !important;
    border-radius: 99px !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    box-shadow: 0 8px 24px rgba(41, 53, 147, 0.25) !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

/* Button Hover State */
.mphb_sc_checkout-submit-wrapper input[type="submit"]:hover,
.mphb_sc_checkout-submit-wrapper input.button:hover,
.mphb-checkout-form input[type="submit"]:hover,
.mphb-checkout-form button[type="submit"]:hover,
p.mphb_sc_checkout-submit-wrapper input:hover {
    background-color: #C9A84D !important;
    background: #C9A84D !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(201, 168, 77, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* 8. Price Breakdown Table Luxury Touch */
table.mphb-price-breakdown {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(41, 53, 147, 0.15) !important;
    background: #ffffff !important;
}

table.mphb-price-breakdown td,
table.mphb-price-breakdown th {
    padding: 16px 22px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

table.mphb-price-breakdown tr:last-child td {
    border-bottom: none !important;
    background-color: rgba(41, 53, 147, 0.04) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #293593 !important;
}

/* Responsive Mobile View (Stack fields on small screen) */
@media (max-width: 768px) {
    #mphb-customer-details p.mphb-customer-name,
    #mphb-customer-details p.mphb-customer-last-name,
    #mphb-customer-details p.mphb-customer-email,
    #mphb-customer-details p.mphb-customer-phone,
    .mphb-customer-details p.mphb-customer-name,
    .mphb-customer-details p.mphb-customer-last-name,
    .mphb-customer-details p.mphb-customer-email,
    .mphb-customer-details p.mphb-customer-phone {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

h3.mphb-gateway-chooser-title
/*my css  */
.mphb-checkout-form input[type="text"],
.mphb-checkout-form input[type="email"],
.mphb-checkout-form input[type="tel"],
.mphb-checkout-form select,
.mphb-checkout-form textarea,
#mphb_first_name,
#mphb_last_name,
#mphb_email,
#mphb_phone,
#mphb_country,
#mphb_note,
#mphb-booking-details select,
#mphb-booking-details input[type="text"],
.mphb-adults-chooser select,
.mphb-children-chooser select,
.mphb-guest-name-wrapper input[type="text"],
select.mphb_sc_checkout-guests-chooser {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    outline: none !important;
}/* End custom CSS */