.elementor-1278 .elementor-element.elementor-element-5bbb64c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1278 .elementor-element.elementor-element-5bbb64c:not(.elementor-motion-effects-element-type-background), .elementor-1278 .elementor-element.elementor-element-5bbb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}@media(max-width:767px){.elementor-1278 .elementor-element.elementor-element-5bbb64c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}}/* Start custom CSS for mphbe-checkout, class: .elementor-element-53304c5 */h3 {
    font-size: 22px;
    font-weight: bold;
}

h4 {
    font-size: 24px;
    font-weight: bold;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-customer-details-title  {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
}

body {
    color: green;
}

a:link {
    color: blue;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb_sc_checkout-wrapper {
    padding-bottom: 120px;
}

#mphb-booking-details {
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 10px;
    padding:4%;
    margin-top: 10px;
    line-height: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-check-in-date, .mphb-check-out-date, .mphb-room-number, .mphb-room-type-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-checkbox-label {
    font-size: 12px;
    line-height: 1;
  }
  
.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-price-breakdown {
    font-size: 12px;
}
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-room-type-title a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;   
    }

#mphb-price-details {
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 10px;
    padding:4%;
    margin-top: 10px;
    line-height: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#mphb-customer-details {
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 10px;
    padding:4%;
    margin-top: 10px;
    line-height: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-required-fields-tip {
    display: none;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-customer-name {
   float: left;
   width: 49%;
   margin-bottom: 15px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-customer-last-name {
   float: right;
   width: 49%;
   margin-bottom: 15px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-customer-email {
    margin-top: 15px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-customer-note {display: none;}

#mphb_note {
    display: none;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-total-price {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.mphb_cb_checkout_form>.mphb-checkout-section:not(:first-of-type), .mphb_sc_checkout-form>.mphb-checkout-section:not(:first-of-type) {
    margin: 0 0;
    width: 100%;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb-terms-and-conditions-link {
    color: #008000;
}

/* Button Base styles (for mobile) */
.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb_sc_checkout-submit-wrapper {
    background-color: #FFFFFF;
    padding-top: 4%;
    padding-bottom: 4%;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: 0px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.elementor-1278 .elementor-element.elementor-element-53304c5 .button {
    background-color: green;
    color: #fff;
    width: 80%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 10px;
    margin: 0 auto;
    display: inline-block;
}

/* Desktop styles */
@media (min-width: 768px) { /* Adjust this breakpoint as needed */

.elementor-1278 .elementor-element.elementor-element-53304c5   #mphb-booking-details, #mphb-price-details,
    #mphb-customer-details {
    padding: 40px;
    
}


.elementor-1278 .elementor-element.elementor-element-53304c5 .mphb_sc_checkout-submit-wrapper {
    padding-top: 1%; /* Reduced padding */
    padding-bottom: 1%;
    border-radius: 0 0 0 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    margin: 0px;
        
    }

.elementor-1278 .elementor-element.elementor-element-53304c5 .button {
    width: 20%; /* Narrower button */
    padding-top: 15px; /* Less padding */
    padding-bottom: 15px;
    margin-left: 60px;
    }

}/* End custom CSS */