.elementor-164 .elementor-element.elementor-element-6be6f2cf{--display:flex;}body.elementor-page-164:not(.elementor-motion-effects-element-type-background), body.elementor-page-164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FCFF;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-5440c836 *//* ===========================================
   KARUAH MOTOR INN - LUXURY CHECKOUT
   =========================================== */

.mphb_sc_checkout-wrapper{
    max-width:1200px;
    margin:0 auto;
    padding:70px 25px;
    font-family:'Poppins',sans-serif;
    color:#222;
    line-height:1.7;
}

/*--------------------------------------------------
Cards
---------------------------------------------------*/

.mphb-booking-details,
.mphb-price-breakdown,
.mphb-customer-details,
.mphb-gateways-list,
.mphb-reservation-details{

    background:#fff;
    border:1px solid #E8E1D6;
    border-radius:8px;
    padding:35px;
    margin-bottom:35px;
}


/*--------------------------------------------------
Headings
---------------------------------------------------*/

.mphb_sc_checkout-wrapper h3,
.mphb_sc_checkout-wrapper h4{

    font-size:32px;
    font-weight:600;
    color:#0C1D3A;
    margin:0 0 30px;
    padding-bottom:18px;
    border-bottom:1px solid #E8E1D6;

}


/*--------------------------------------------------
Links
---------------------------------------------------*/

.mphb_sc_checkout-wrapper a{

    color:#0C1D3A !important;
    text-decoration:none !important;

}

.mphb_sc_checkout-wrapper a:hover{

    color:#C99F5B !important;

}


/*--------------------------------------------------
Fields
---------------------------------------------------*/

.mphb_sc_checkout-wrapper p{

    margin-bottom:22px;

}

.mphb_sc_checkout-wrapper label{

    display:block;
    font-size:15px;
    font-weight:500;
    color:#333;
    margin-bottom:10px;

}


/*--------------------------------------------------
Inputs
---------------------------------------------------*/

.mphb_sc_checkout-wrapper input[type=text],
.mphb_sc_checkout-wrapper input[type=email],
.mphb_sc_checkout-wrapper input[type=tel],
.mphb_sc_checkout-wrapper input[type=number],
.mphb_sc_checkout-wrapper input[type=password],
.mphb_sc_checkout-wrapper select,
.mphb_sc_checkout-wrapper textarea{

    width:100%;
    box-sizing:border-box;

    height:52px;

    border:1px solid #D8D8D8;

    border-radius:4px;

    padding:0 18px;

    font-size:15px;

    background:#fff;

    transition:.3s;

    font-family:'Poppins',sans-serif;

}

.mphb_sc_checkout-wrapper textarea{

    height:150px;

    padding-top:15px;

    resize:vertical;

}

.mphb_sc_checkout-wrapper input:focus,
.mphb_sc_checkout-wrapper textarea:focus,
.mphb_sc_checkout-wrapper select:focus{

    border-color:#C99F5B;

    box-shadow:0 0 0 3px rgba(201,159,91,.15);

    outline:none;

}


/*--------------------------------------------------
Select Arrow
---------------------------------------------------*/

.mphb_sc_checkout-wrapper select{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    padding-right:45px;

}


/*--------------------------------------------------
Tables
---------------------------------------------------*/

.mphb_sc_checkout-wrapper table{

    width:100%;

    border-collapse:collapse;

}

.mphb_sc_checkout-wrapper table th{

    background:#FAF8F5;

    font-weight:600;

}

.mphb_sc_checkout-wrapper table td,
.mphb_sc_checkout-wrapper table th{

    border:1px solid #ECE6DD;

    padding:18px 22px;

    vertical-align:middle;

}

.mphb-price-breakdown td:last-child,
.mphb-price-breakdown th:last-child{

    text-align:right;

}


/*--------------------------------------------------
Price
---------------------------------------------------*/

.mphb-price,
.mphb-total-price,
strong.mphb-price{

    color:#C99F5B !important;

    font-weight:600;

}


/*--------------------------------------------------
Payment
---------------------------------------------------*/

.mphb-gateways-list{

    list-style:none;

    padding:0;

}

.mphb-gateways-list li{

    list-style:none;

    border:1px solid #E8E1D6;

    padding:20px;

    margin-bottom:15px;

    border-radius:6px;

}


/*--------------------------------------------------
Buttons
---------------------------------------------------*/

.mphb_sc_checkout-wrapper input[type=submit],
.mphb_sc_checkout-wrapper button,
.mphb_sc_checkout-wrapper .button{

    background:#C99F5B;

    color:#fff;

    border:none;

    border-radius:4px;

    padding:16px 38px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.3s;

    cursor:pointer;

}

.mphb_sc_checkout-wrapper input[type=submit]:hover,
.mphb_sc_checkout-wrapper button:hover,
.mphb_sc_checkout-wrapper .button:hover{

    background:#B48A49;

}


/*--------------------------------------------------
Errors
---------------------------------------------------*/

.mphb-errors,
.mphb-error{

    background:#FFF8F7;

    border-left:4px solid #D9534F;

    padding:18px;

    margin-bottom:25px;

}


/*--------------------------------------------------
Responsive
---------------------------------------------------*/

@media(max-width:991px){

.mphb_sc_checkout-wrapper{

    padding:35px 15px;

}

.mphb-booking-details,
.mphb-price-breakdown,
.mphb-customer-details,
.mphb-gateways-list,
.mphb-reservation-details{

    padding:20px;

}

.mphb_sc_checkout-wrapper h3,
.mphb_sc_checkout-wrapper h4{

    font-size:24px;

}

.mphb_sc_checkout-wrapper table td,
.mphb_sc_checkout-wrapper table th{

    padding:14px;

}

}/* End custom CSS */