.elementor-876 .elementor-element.elementor-element-5631a86c{--display:flex;--min-height:330px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-876 .elementor-element.elementor-element-d44ee02{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-876 .elementor-element.elementor-element-d44ee02 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:53px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-876 .elementor-element.elementor-element-7249dd2{--display:flex;--min-height:788px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-876 .elementor-element.elementor-element-4825c96{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-876 .elementor-element.elementor-element-265e56d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-876 .elementor-element.elementor-element-d44ee02 .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-876 .elementor-element.elementor-element-5631a86c{--content-width:1250px;}.elementor-876 .elementor-element.elementor-element-7249dd2{--content-width:1250px;}}/* Start custom CSS for container, class: .elementor-element-5631a86c *//* =========================================================
   TABI FINAL CTA
   SAME BACKGROUND AS HERO
========================================================= */

.tabi-final-cta {
    background:
        linear-gradient(
            135deg,
            #F5F9FF 0%,
            #EEF4FB 48%,
            #F7F9FB 76%,
            #FFFFFF 100%
        ) !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .tabi-final-cta {
        background:
            linear-gradient(
                155deg,
                #F5F9FF 0%,
                #EEF4FB 58%,
                #FFFFFF 100%
            ) !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4825c96 *//* =========================================================
   TABI.AE - PREMIUM WP TRAVEL ENGINE CHECKOUT
   Shortcode:
   [WP_TRAVEL_ENGINE_PLACE_ORDER version="2.0"]
========================================================= */


/* =========================================================
   01. DESIGN TOKENS
========================================================= */

.tabi-checkout-page {
    --tabi-teal: #156E74;
    --tabi-teal-dark: #105B60;
    --tabi-teal-soft: #D9EEE8;

    --tabi-coral: #EA6348;

    --tabi-ink: #1D2335;
    --tabi-text: #475467;
    --tabi-muted: #7B8794;

    --tabi-border: #E3E9E7;
    --tabi-border-dark: #D5DEDB;

    --tabi-white: #FFFFFF;
    --tabi-canvas: #FCFBF8;
    --tabi-soft: #F6F8F7;

    font-family: "DM Sans", sans-serif;
    color: var(--tabi-ink);
}


.tabi-checkout-page *,
.tabi-checkout-page *::before,
.tabi-checkout-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   02. PAGE WRAPPER
========================================================= */

.tabi-checkout-page {
    width: 100%;
    background: var(--tabi-canvas);
    padding: 40px 22px 70px;
}


.tabi-checkout-page > .e-con-inner,
.tabi-checkout-page > .elementor-container,
.tabi-checkout-page .elementor-widget-shortcode {
    width: 100%;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}


.tabi-checkout-page
.elementor-shortcode {
    width: 100%;
}


/* =========================================================
   03. GLOBAL CHECKOUT TYPOGRAPHY
========================================================= */

.tabi-checkout-page h1,
.tabi-checkout-page h2,
.tabi-checkout-page h3,
.tabi-checkout-page h4,
.tabi-checkout-page h5,
.tabi-checkout-page legend {
    font-family: "Manrope", sans-serif !important;
    color: var(--tabi-ink) !important;
    letter-spacing: -0.025em;
}


.tabi-checkout-page h2,
.tabi-checkout-page h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}


.tabi-checkout-page p,
.tabi-checkout-page span,
.tabi-checkout-page label,
.tabi-checkout-page td,
.tabi-checkout-page th {
    font-family: "DM Sans", sans-serif;
}


/* =========================================================
   04. CHECKOUT MAIN WRAPPER
========================================================= */

.tabi-checkout-page
.wp-travel-engine-order-form-wrapper,

.tabi-checkout-page
.wp-travel-engine-checkout,

.tabi-checkout-page
[class*="checkout-wrapper"],

.tabi-checkout-page
[class*="checkout-container"] {
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   05. TOP BOOKING PROGRESS
========================================================= */

.tabi-checkout-page
[class*="checkout-header"],

.tabi-checkout-page
[class*="checkout-step"],

.tabi-checkout-page
[class*="progress"] {
    font-family: "DM Sans", sans-serif;
}


/*
 * Give top progress section breathing space.
 */

.tabi-checkout-page
[class*="progress"] {
    margin-bottom: 32px !important;
}


/*
 * Text
 */

.tabi-checkout-page
[class*="step"] {
    color: var(--tabi-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}


/*
 * Completed / active step circles
 */

.tabi-checkout-page
[class*="completed"] [class*="icon"],

.tabi-checkout-page
[class*="complete"] [class*="icon"],

.tabi-checkout-page
[class*="active"] [class*="icon"] {
    background: var(--tabi-teal) !important;
    border-color: var(--tabi-teal) !important;
    color: #FFFFFF !important;
}


/*
 * Progress connecting lines
 */

.tabi-checkout-page
[class*="step"]::before,

.tabi-checkout-page
[class*="step"]::after {
    border-color: var(--tabi-border) !important;
}


/* =========================================================
   06. MAIN CONTENT SECTIONS
========================================================= */

/*
 * Creates subtle premium separation without making
 * checkout look like a heavy admin form.
 */

.tabi-checkout-page
form {
    color: var(--tabi-text);
}


.tabi-checkout-page
form > div,

.tabi-checkout-page
[class*="billing"],

.tabi-checkout-page
[class*="tour-detail"],

.tabi-checkout-page
[class*="trip-detail"] {
    border-color: var(--tabi-border);
}


/* =========================================================
   07. SECTION HEADERS
========================================================= */

.tabi-checkout-page
[class*="billing"] > h2,

.tabi-checkout-page
[class*="billing"] > h3,

.tabi-checkout-page
[class*="tour-detail"] > h2,

.tabi-checkout-page
[class*="tour-detail"] > h3,

.tabi-checkout-page
[class*="package"] > h2,

.tabi-checkout-page
[class*="package"] > h3 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--tabi-border) !important;
}


/* =========================================================
   08. FORM FIELDS
========================================================= */

.tabi-checkout-page
input[type="text"],

.tabi-checkout-page
input[type="email"],

.tabi-checkout-page
input[type="tel"],

.tabi-checkout-page
input[type="number"],

.tabi-checkout-page
input[type="date"],

.tabi-checkout-page
input[type="password"],

.tabi-checkout-page
select,

.tabi-checkout-page
textarea {
    width: 100% !important;

    min-height: 52px !important;

    padding:
        12px 14px !important;

    background:
        #FFFFFF !important;

    border:
        1px solid var(--tabi-border-dark) !important;

    border-radius:
        11px !important;

    box-shadow:
        0 1px 2px rgba(29, 35, 53, .02) !important;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        14px !important;

    line-height:
        1.4 !important;

    font-weight:
        400 !important;

    color:
        var(--tabi-ink) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}


/* Textarea */

.tabi-checkout-page
textarea {
    min-height: 115px !important;
    resize: vertical;
}


/* Placeholder */

.tabi-checkout-page
input::placeholder,

.tabi-checkout-page
textarea::placeholder {
    color: #8B979D !important;
    opacity: 1 !important;
}


/* Hover */

.tabi-checkout-page
input[type="text"]:hover,

.tabi-checkout-page
input[type="email"]:hover,

.tabi-checkout-page
input[type="tel"]:hover,

.tabi-checkout-page
select:hover {
    border-color: #BAC9C5 !important;
}


/* Focus */

.tabi-checkout-page
input[type="text"]:focus,

.tabi-checkout-page
input[type="email"]:focus,

.tabi-checkout-page
input[type="tel"]:focus,

.tabi-checkout-page
input[type="number"]:focus,

.tabi-checkout-page
input[type="date"]:focus,

.tabi-checkout-page
select:focus,

.tabi-checkout-page
textarea:focus {
    outline: none !important;

    border-color:
        var(--tabi-teal) !important;

    box-shadow:
        0 0 0 3px rgba(21, 110, 116, .11) !important;
}


/* =========================================================
   09. LABELS
========================================================= */

.tabi-checkout-page
label {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #344054 !important;
}


/* =========================================================
   10. CHECKBOX / RADIO
========================================================= */

.tabi-checkout-page
input[type="checkbox"],

.tabi-checkout-page
input[type="radio"] {
    accent-color:
        var(--tabi-teal) !important;
}


.tabi-checkout-page
input[type="checkbox"] {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
}


/*
 * Terms row
 */

.tabi-checkout-page
input[type="checkbox"] + label {
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: var(--tabi-text) !important;
}


/* =========================================================
   11. LINKS
========================================================= */

.tabi-checkout-page
a {
    color:
        var(--tabi-teal) !important;

    text-decoration:
        none;

    transition:
        color .18s ease;
}


.tabi-checkout-page
a:hover {
    color:
        var(--tabi-teal-dark) !important;

    text-decoration:
        none;
}


/*
 * Terms + privacy links
 */

.tabi-checkout-page
a[href*="term"],

.tabi-checkout-page
a[href*="privacy"] {
    color:
        var(--tabi-teal) !important;

    font-weight:
        600 !important;
}


/* =========================================================
   12. TOUR DETAILS BOX
========================================================= */

.tabi-checkout-page
[class*="tour-detail"] > div,

.tabi-checkout-page
[class*="trip-detail"] > div,

.tabi-checkout-page
[class*="tour-details"] > div {
    background:
        var(--tabi-soft) !important;

    border:
        1px solid #EDF0EF !important;

    border-radius:
        14px !important;

    padding:
        20px !important;
}


/*
 * Tour title
 */

.tabi-checkout-page
[class*="tour-detail"] strong:first-child,

.tabi-checkout-page
[class*="trip-detail"] strong:first-child {
    font-family:
        "Manrope",
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    color:
        var(--tabi-ink) !important;
}


/*
 * Detail labels
 */

.tabi-checkout-page
[class*="tour-detail"] td:first-child,

.tabi-checkout-page
[class*="trip-detail"] td:first-child {
    color:
        var(--tabi-muted) !important;
}


/* =========================================================
   13. TABLES / PACKAGE SUMMARY
========================================================= */

.tabi-checkout-page
table {
    width:
        100% !important;

    border-collapse:
        collapse !important;

    border:
        0 !important;
}


.tabi-checkout-page
table th,

.tabi-checkout-page
table td {
    padding:
        8px 0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    font-size:
        14px !important;

    line-height:
        1.45 !important;

    color:
        var(--tabi-text) !important;
}


/*
 * Prices right aligned and stronger.
 */

.tabi-checkout-page
table td:last-child,

.tabi-checkout-page
table th:last-child {
    text-align:
        right !important;

    color:
        var(--tabi-ink) !important;

    font-weight:
        700 !important;
}


/* =========================================================
   14. TOTAL ROW
========================================================= */

.tabi-checkout-page
tr[class*="total"],

.tabi-checkout-page
[class*="total-row"],

.tabi-checkout-page
[class*="grand-total"] {
    border-top:
        1px solid var(--tabi-border) !important;
}


.tabi-checkout-page
[class*="total"] {
    font-family:
        "Manrope",
        sans-serif !important;

    color:
        var(--tabi-ink) !important;

    font-weight:
        700 !important;
}


/*
 * Final total price
 */

.tabi-checkout-page
[class*="total"] td:last-child,

.tabi-checkout-page
[class*="total"] strong:last-child {
    color:
        var(--tabi-coral) !important;
}


/* =========================================================
   15. PAYABLE NOW
========================================================= */

.tabi-checkout-page
[class*="payable"] {
    background:
        var(--tabi-teal-soft) !important;

    color:
        var(--tabi-ink) !important;

    border:
        0 !important;

    border-radius:
        9px !important;

    font-family:
        "Manrope",
        sans-serif !important;

    font-weight:
        700 !important;
}


.tabi-checkout-page
[class*="payable"] td,

.tabi-checkout-page
[class*="payable"] th {
    padding:
        13px 9px !important;

    font-weight:
        700 !important;

    color:
        var(--tabi-ink) !important;
}


/* =========================================================
   16. PAYMENT METHOD
========================================================= */

.tabi-checkout-page
[class*="payment-method"],

.tabi-checkout-page
[class*="payment-gateway"] {
    border:
        1px solid var(--tabi-border) !important;

    border-radius:
        12px !important;

    background:
        #FFFFFF !important;
}


/* =========================================================
   17. CONFIRM BOOKING BUTTON
========================================================= */

.tabi-checkout-page
button[type="submit"],

.tabi-checkout-page
input[type="submit"],

.tabi-checkout-page
.button[type="submit"],

.tabi-checkout-page
[class*="submit"] button {
    width:
        100% !important;

    min-height:
        54px !important;

    padding:
        14px 25px !important;

    background:
        var(--tabi-teal) !important;

    border:
        1px solid var(--tabi-teal) !important;

    border-radius:
        999px !important;

    box-shadow:
        0 5px 14px rgba(21, 110, 116, .12) !important;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        15px !important;

    line-height:
        1.2 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -0.01em;

    color:
        #FFFFFF !important;

    cursor:
        pointer;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}


.tabi-checkout-page
button[type="submit"]:hover,

.tabi-checkout-page
input[type="submit"]:hover {
    background:
        var(--tabi-teal-dark) !important;

    border-color:
        var(--tabi-teal-dark) !important;

    box-shadow:
        0 9px 22px rgba(21, 110, 116, .18) !important;

    transform:
        translateY(-1px);
}


.tabi-checkout-page
button[type="submit"]:active {
    transform:
        translateY(0);
}


/* =========================================================
   18. NOTICES / ERRORS
========================================================= */

.tabi-checkout-page
.error,

.tabi-checkout-page
.required {
    color:
        #D64545 !important;
}


.tabi-checkout-page
[class*="notice"],

.tabi-checkout-page
.woocommerce-message,

.tabi-checkout-page
.wpte-notice {
    border-radius:
        11px !important;

    font-size:
        14px;
}


/* =========================================================
   19. DESKTOP POLISH
========================================================= */

@media (min-width: 1025px) {

    /*
     * Right summary can stay visible while filling form
     * when WTE outputs a sidebar wrapper.
     */

    .tabi-checkout-page
    [class*="checkout-sidebar"],

    .tabi-checkout-page
    [class*="summary-wrapper"],

    .tabi-checkout-page
    [class*="cart-summary"] {
        position:
            sticky;

        top:
            24px;
    }

}


/* =========================================================
   20. TABLET
========================================================= */

@media (max-width: 1024px) {

    .tabi-checkout-page {
        padding:
            30px 20px 55px;
    }


    .tabi-checkout-page
    h2,

    .tabi-checkout-page
    h3 {
        font-size:
            19px !important;
    }

}


/* =========================================================
   21. MOBILE
========================================================= */

@media (max-width: 767px) {

    .tabi-checkout-page {
        padding:
            22px 14px 40px;
    }


    /*
     * Compact progress bar
     */

    .tabi-checkout-page
    [class*="progress"] {
        margin-bottom:
            24px !important;
    }


    .tabi-checkout-page
    [class*="step"] {
        font-size:
            11px !important;
    }


    /*
     * Headings
     */

    .tabi-checkout-page
    h2,

    .tabi-checkout-page
    h3,

    .tabi-checkout-page
    legend {
        font-size:
            18px !important;
    }


    /*
     * Inputs
     *
     * 16px prevents unwanted iPhone Safari zoom.
     */

    .tabi-checkout-page
    input[type="text"],

    .tabi-checkout-page
    input[type="email"],

    .tabi-checkout-page
    input[type="tel"],

    .tabi-checkout-page
    input[type="number"],

    .tabi-checkout-page
    input[type="date"],

    .tabi-checkout-page
    select {
        min-height:
            50px !important;

        font-size:
            16px !important;

        border-radius:
            10px !important;
    }


    /*
     * Summary
     */

    .tabi-checkout-page
    [class*="tour-detail"] > div,

    .tabi-checkout-page
    [class*="trip-detail"] > div {
        padding:
            17px !important;

        border-radius:
            12px !important;
    }


    /*
     * Button
     */

    .tabi-checkout-page
    button[type="submit"],

    .tabi-checkout-page
    input[type="submit"] {
        min-height:
            54px !important;

        font-size:
            15px !important;
    }


    /*
     * Disable sticky summary on mobile
     */

    .tabi-checkout-page
    [class*="checkout-sidebar"],

    .tabi-checkout-page
    [class*="summary-wrapper"],

    .tabi-checkout-page
    [class*="cart-summary"] {
        position:
            static !important;
    }

}


/* =========================================================
   22. SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .tabi-checkout-page {
        padding-left:
            12px;

        padding-right:
            12px;
    }


    .tabi-checkout-page
    table th,

    .tabi-checkout-page
    table td {
        font-size:
            13px !important;
    }

}/* End custom CSS */