.elementor-1454 .elementor-element.elementor-element-1fe3a1a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E0E4E8;--border-color:#E0E4E8;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1454 .elementor-element.elementor-element-1fe3a1a:not(.elementor-motion-effects-element-type-background), .elementor-1454 .elementor-element.elementor-element-1fe3a1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F2E7;}.elementor-1454 .elementor-element.elementor-element-b5aa4f8{--display:flex;}.elementor-1454 .elementor-element.elementor-element-f1c81cf{text-align:center;font-family:"Figtree", Sans-serif;font-size:14px;font-weight:400;line-height:18px;color:#292D39;}.elementor-1454 .elementor-element.elementor-element-f1c81cf p{margin-block-end:0px;}.elementor-1454 .elementor-element.elementor-element-ef1239b{--display:flex;--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:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1454 .elementor-element.elementor-element-4146c95{--display:flex;}.elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-icon i{color:#5E5C69;transition:color 0.3s;}.elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-icon svg{fill:#5E5C69;transition:fill 0.3s;}.elementor-1454 .elementor-element.elementor-element-3351dc0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-item > a{font-family:"Figtree", Sans-serif;font-size:14px;line-height:20px;}.elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-text{color:#5E5C69;transition:color 0.3s;}.elementor-1454 .elementor-element.elementor-element-425424a{--display:flex;--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:40px;--padding-left:10px;--padding-right:10px;}.elementor-1454 .elementor-element.elementor-element-bd1f2e1{--display:flex;}.elementor-1454 .elementor-element.elementor-element-2a947f6{--display:flex;}.elementor-1454 .elementor-element.elementor-element-56527e7{--additional-information-display:block;}body.elementor-page-1454:not(.elementor-motion-effects-element-type-background), body.elementor-page-1454 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF4;}@media(min-width:768px){.elementor-1454 .elementor-element.elementor-element-ef1239b{--content-width:1152px;}.elementor-1454 .elementor-element.elementor-element-425424a{--content-width:1152px;}.elementor-1454 .elementor-element.elementor-element-bd1f2e1{--width:75%;}}@media(max-width:767px){.elementor-1454 .elementor-element.elementor-element-f1c81cf{font-size:12px;}.elementor-1454 .elementor-element.elementor-element-ef1239b{--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1454 .elementor-element.elementor-element-3351dc0{--e-icon-list-icon-size:12px;}.elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1454 .elementor-element.elementor-element-3351dc0 .elementor-icon-list-item > a{font-size:13px;}.elementor-1454 .elementor-element.elementor-element-425424a{--padding-top:0px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-4146c95 *//* =========================================
   CUSTOM CHECKOUT NAVIGATION PILLS (UPDATED)
========================================= */
.custom-pills-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* Gap thora barha diya hai */
    margin-bottom: 10px !important;
}

/* Inactive Pills Style */
.custom-pkg-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 10px !important; /* Padding barha di hai */
    border-radius: 9999px !important;
    font-size: 13px !important; /* Font size reference jesa normal kar diya */
    font-weight: 500 !important;
    font-family: 'Figtree', ui-sans-serif, system-ui, sans-serif !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
    line-height: 1.5 !important;
    
    /* Inactive Colors */
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important; /* Light Grayish/Blue Border */
    color: #0f172a !important; /* Dark Navy Text */
}

/* Hover State for Inactive Pills */
.custom-pkg-pill:hover {
    border-color: #10B981 !important; /* Hover par Green/Teal border */
    color: #0f172a !important;
    background-color: #f8fafc !important;
}

/* Active Pill Style */
.custom-pkg-pill.active-pill {
    background-color: #e6f7ef !important; /* Light Mint/Green Background */
    border: 1px solid #10b981 !important; /* Solid Green/Teal Border */
    color: #0f172a !important; /* Dark Navy Text */
    font-weight: 600 !important; /* Active package thora sa bold */
    pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd1f2e1 *//* =========================================
   CUSTOM CHECKOUT SUMMARY CARD (FORCED)
========================================= */
.custom-summary-card {
    background-color: #ffffff !important;
    border: 1px solid oklch(0.9 0.012 250) !important;
    border-radius: 24px !important; 
    padding: 32px !important; /* Increased padding to match reference */
    margin-bottom: 24px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important; /* Softer shadow */
    font-family: 'Figtree', ui-sans-serif, system-ui, sans-serif !important;
}

.summary-eyebrow {
    font-family: 'Figtree' !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: oklch(0.48 0.19 254) !important; /* Exact blue color */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

/* Big Title */
.summary-title {
    font-family: 'Outfit', 'Figtree', sans-serif !important;
    font-size: 24px !important; /* Increased size to match reference exactly */
    font-weight: 600 !important; /* Extra bold */
    color: oklch(0.19 0.09 260) !important; /* Deep Navy */
    margin: 0 0 16px 0 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
}

.summary-price-wrap {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

/* Big Price */
.summary-price {
    font-family: 'Outfit', 'Figtree', sans-serif !important;
    font-size: 34px !important; 
    font-weight: 800 !important;
    color: oklch(0.19 0.09 260) !important;
    line-height: 1 !important;
}

.summary-price-vat {
    font-family: 'Figtree' !important;
    font-size: 14px !important; 
    color: oklch(0.48 0.02 258) !important; 
    font-weight: 500 !important;
}

.summary-desc {
    font-family: 'Figtree' !important;
    font-size: 14px !important;
    color: oklch(0.48 0.02 258) !important;
    margin-bottom: 24px !important;
    line-height: 1.6 !important;
}

/* Breakdown Box */
.summary-breakdown {
    background-color:#F4F0E666 !important; 
    border: 1px solid oklch(0.9 0.012 250) !important;
    border-radius: 16px !important; 
    padding: 24px !important; /* Increased inner spacing */
    font-size: 14px !important; 
    margin-bottom: 20px !important;
}

.summary-breakdown-row {
    display: flex !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    color: oklch(0.48 0.02 258) !important;
}

.summary-breakdown-val {
    font-weight: 500 !important;
    color: oklch(0.19 0.09 260) !important;
}

.summary-total-row {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid oklch(0.9 0.012 250) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: oklch(0.19 0.09 260) !important;
}

/* Footer Notes & Lock */
.summary-notes {
    font-size: 12px !important; 
    line-height: 1.6 !important; 
    color: oklch(0.48 0.02 258) !important;
    margin-top: 16px !important;
}

.summary-security {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: oklch(0.48 0.02 258) !important;
    margin-top: 16px !important;
}

.summary-lock-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin-top: 2px !important;
    color: currentColor !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a947f6 */.elementor-1454 .elementor-element.elementor-element-2a947f6 .col-1{
       border-radius: 22px !important;
}

.elementor-1454 .elementor-element.elementor-element-2a947f6 .col-2{
       border-radius: 22px !important;
}



.woocommerce-additional-fields {
    border-radius: 24px !important;
}


.e-checkout__order_review{
    border-radius: 24px !important;
}


/* =========================================
   1. FORCE 1-COLUMN & CENTERED LAYOUT
========================================= */
.woocommerce-checkout .e-checkout__container {
    display: flex !important;
    flex-direction: column !important;
    max-width: 100% !important; /* Form ko narrow aur reference jesa sleek banane k liye */
    margin: 0 auto !important; /* Center mein lane k liye */
  
   
}

/* Dono columns ko 100% width de di */
.woocommerce-checkout .e-checkout__column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: none !important;
    
}

/* =========================================
   2. MODERN INPUT FIELDS (Reference Style)
========================================= */
.woocommerce-checkout .woocommerce-billing-fields input.input-text,
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-additional-fields textarea,
.woocommerce-checkout .coupon-container-grid input.input-text {
    border-radius: 8px !important;
    border: 1px solid oklch(0.9 0.012 250) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-family: 'Figtree', sans-serif !important;
    background-color: #ffffff !important;
    color: oklch(0.19 0.09 260) !important;
    box-shadow: none !important;
    transition: all 0.2s ease;
}

.woocommerce-checkout .woocommerce-billing-fields input.input-text:focus,
.woocommerce-checkout .woocommerce-billing-fields select:focus {
    border-color: #0d6efd !important; /* Blue outline on focus */
    outline: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields label {
    font-family: 'Figtree', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: oklch(0.19 0.09 260) !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Hide default headings for cleaner look */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
    font-family: 'Outfit', sans-serif !important;
    font-size: 20px !important;
    color: oklch(0.19 0.09 260) !important;
    margin-bottom: 20px !important;
    margin-top: 30px !important;
}

/* =========================================
   3. PAYMENT BOX CARD STYLE
========================================= */
#payment.woocommerce-checkout-payment {
    background: #ffffff !important;
    border: 1px solid oklch(0.9 0.012 250) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

#payment ul.payment_methods {
    border-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-checkout-payment .payment_box {
    background-color: oklch(0.97 0.01 250) !important; /* Light cream background for payment details */
    border-radius: 8px !important;
}

/* Place Order Button */
#place_order {
    width: 100% !important;
    border-radius: 8px !important;
    background-color: #0d6efd !important; /* Blue color */
    color: #ffffff !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Figtree', sans-serif !important;
    text-transform: none !important;
    margin-top: 20px !important;
    transition: 0.3s !important;
}

#place_order:hover {
    background-color: #0b5ed7 !important; /* Darker blue on hover */
}/* End custom CSS */
/* Start custom CSS */.woocommerce-notices-wrapper {
    display: none;
}/* End custom CSS */