/* ==========================================================================
   LifeList Gradient Palette
   ========================================================================== */
:root {
    /* Primary Brand Gradient (Purple) */
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-primary-reverse: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    --gradient-primary-vertical: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    --gradient-primary-radial: radial-gradient(circle, #667eea 0%, #764ba2 100%);
    
    /* Brand Variations */
    --gradient-purple-deep: linear-gradient(135deg, #5b4cdb 0%, #6b2d8f 100%);
    --gradient-purple-light: linear-gradient(135deg, #8b9cff 0%, #9d6cc7 100%);
    --gradient-purple-vibrant: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    
    /* Complementary Color Gradients */
    --gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-teal: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    --gradient-orange: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    --gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-red: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);
    
    /* Neutral/Dark Gradients */
    --gradient-dark: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    --gradient-midnight: linear-gradient(135deg, #0E1664 0%, #667eea 50%, #764ba2 100%);
    --gradient-slate: linear-gradient(135deg, #485563 0%, #29323c 100%);
    --gradient-charcoal: linear-gradient(135deg, #232526 0%, #414345 100%);
    
    /* Light/Pastel Gradients */
    --gradient-sunset: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    --gradient-peach: linear-gradient(135deg, #ffdde1 0%, #ee9ca7 100%);
    --gradient-sky: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);
    --gradient-mint: linear-gradient(135deg, #d9ded8 0%, #a8edea 100%);
    
    /* Transparent Overlays (for layering over images) */
    --gradient-overlay-dark: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.9) 100%);
    --gradient-overlay-light: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.4) 100%);
    --gradient-overlay-subtle: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.15) 100%);
    
    /* Multi-Stop Gradients (for complex backgrounds) */
    --gradient-rainbow: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #43e97b 100%);
    --gradient-aurora: linear-gradient(135deg, #667eea 0%, #43e97b 33%, #fa709a 66%, #764ba2 100%);
    --gradient-cosmic: linear-gradient(135deg, #0f0c29 0%, #667eea 33%, #764ba2 66%, #302b63 100%);
    
    /* Hover/Interactive States */
    --gradient-hover: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    --gradient-active: linear-gradient(135deg, #5b4cdb 0%, #6b2d8f 100%);
    --gradient-disabled: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
}

html {
    scroll-behavior: smooth;
}

/* ==========================================================================
   Random Background Gradients for Cards Without Images
   ========================================================================== */

/* Target cards without images using a more reliable approach */
.category-content-inner:nth-child(16n+1) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+1) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255, 183, 77, 0.25) 0%, 
        rgba(255, 138, 101, 0.15) 50%, 
        rgba(255, 107, 107, 0.12) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+2) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+2) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(99, 165, 255, 0.22) 0%, 
        rgba(132, 145, 255, 0.14) 50%, 
        rgba(165, 126, 255, 0.10) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+3) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+3) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(54, 215, 183, 0.24) 0%, 
        rgba(32, 201, 151, 0.16) 50%, 
        rgba(11, 186, 131, 0.12) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+4) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+4) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255, 154, 158, 0.23) 0%, 
        rgba(250, 208, 196, 0.15) 50%, 
        rgba(212, 252, 121, 0.11) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+5) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+5) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(168, 85, 247, 0.21) 0%, 
        rgba(139, 92, 246, 0.13) 50%, 
        rgba(109, 40, 217, 0.09) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+6) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+6) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(252, 176, 64, 0.22) 0%, 
        rgba(251, 146, 60, 0.14) 50%, 
        rgba(249, 115, 22, 0.10) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+7) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+7) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(34, 197, 94, 0.23) 0%, 
        rgba(59, 130, 246, 0.15) 50%, 
        rgba(147, 51, 234, 0.11) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+8) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+8) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(244, 63, 94, 0.22) 0%, 
        rgba(251, 113, 133, 0.14) 50%, 
        rgba(253, 164, 175, 0.10) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+9) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+9) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(236, 72, 153, 0.24) 0%, 
        rgba(219, 39, 119, 0.16) 50%, 
        rgba(190, 24, 93, 0.12) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+10) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+10) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(14, 165, 233, 0.26) 0%, 
        rgba(8, 145, 178, 0.18) 50%, 
        rgba(6, 182, 212, 0.14) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+11) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+11) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(234, 179, 8, 0.25) 0%, 
        rgba(202, 138, 4, 0.17) 50%, 
        rgba(161, 98, 7, 0.13) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+12) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+12) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(20, 184, 166, 0.23) 0%, 
        rgba(13, 148, 136, 0.15) 50%, 
        rgba(15, 118, 110, 0.11) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+13) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+13) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(239, 68, 68, 0.24) 0%, 
        rgba(220, 38, 38, 0.16) 50%, 
        rgba(185, 28, 28, 0.12) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+14) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+14) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(124, 58, 237, 0.25) 0%, 
        rgba(91, 33, 182, 0.17) 50%, 
        rgba(76, 29, 149, 0.13) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+15) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+15) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(245, 101, 101, 0.22) 0%, 
        rgba(251, 146, 60, 0.14) 50%, 
        rgba(34, 197, 94, 0.10) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

.category-content-inner:nth-child(16n+16) .category-image .related-grid-text-centered::before,
.category-content-inner:nth-child(16n+16) .category-image:not(:has(img))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(156, 163, 175, 0.28) 0%, 
        rgba(107, 114, 128, 0.20) 50%, 
        rgba(75, 85, 99, 0.16) 100%);
    filter: blur(0.5px);
    z-index: 0;
    border-radius: 8px;
}

/* Fallback for browsers that don't support :has() - target any category-image that contains related-grid-text-centered */
.category-image .related-grid-text-centered {
    position: relative;
    z-index: 2;
}

/* Ensure proper text positioning and padding for cards without images */
.category-image .related-grid-text-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

/* Additional centering for the title text itself */
.category-image .related-grid-text-centered h3,
.category-image .related-grid-text-centered h4,
.category-image .related-grid-text-centered .elementor-heading-title {
    margin: 0;
    width: 100%;
    line-height: 1.3;
    word-wrap: break-word;
}

/* Ensure cards without images have consistent minimum height */
.category-content-inner .category-image:not(:has(img)) {
    min-height: 200px;
    display: flex;
    align-items: center;
}

/* For stream page and other layouts - ensure consistent text positioning */
.lifelist-stream .category-image .related-grid-text-centered,
.flexible-related-content .category-image .related-grid-text-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 180px;
    text-align: center;
}

/* Ensure category-image has relative positioning for pseudo-elements */
.category-content-inner .category-image {
    position: relative;
    overflow: hidden;
}

.elementor-control-text_content .wp-media-buttons {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Adamina&display=swap');

/* @import url(//db.onlinewebfonts.com/c/1237834ac4352b8c502409579622e269?family=Brandon+Grotesque+Black); */
@font-face {
    font-family: 'k22_didoniregular';
    src: url('../fonts/k22_didoni.woff2') format('woff2'),
        url('../fonts/k22_didoni.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "CircularStd-Book";
    src: url("../fonts/2d98f490df6dc039774b101701ce3aba.eot");
    /* IE9*/
    src: url("../fonts/2d98f490df6dc039774b101701ce3aba.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/2d98f490df6dc039774b101701ce3aba.woff2") format("woff2"),
        /* chrome?firefox */
        url("../fonts/2d98f490df6dc039774b101701ce3aba.woff") format("woff"),
        /* chrome?firefox */
        url("../fonts/2d98f490df6dc039774b101701ce3aba.ttf") format("truetype"),
        /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
        url("../fonts/2d98f490df6dc039774b101701ce3aba.svg#CircularStd-Book") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "CircularStd-Bold";
    src: url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.eot");
    /* IE9*/
    src: url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.woff2") format("woff2"),
        /* chrome?firefox */
        url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.woff") format("woff"),
        /* chrome?firefox */
        url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.ttf") format("truetype"),
        /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
        url("../fonts/06d1b1518a180e5a9cca2c23401ec40a.svg#CircularStd-Bold") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Circular Std Medium";
    src: url("../fonts/9475d6a0b79c164f9f605673714e75d9.eot");
    /* IE9*/
    src: url("../fonts/9475d6a0b79c164f9f605673714e75d9.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/9475d6a0b79c164f9f605673714e75d9.woff2") format("woff2"),
        /* chrome?firefox */
        url("../fonts/9475d6a0b79c164f9f605673714e75d9.woff") format("woff"),
        /* chrome?firefox */
        url("../fonts/9475d6a0b79c164f9f605673714e75d9.ttf") format("truetype"),
        /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
        url("../fonts/9475d6a0b79c164f9f605673714e75d9.svg#Circular Std Medium") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: "Nanum Pen";
    src: url("../fonts/NanumPenScript-Regular.woff") format("woff");
}


body {
    font-size: 18px;
    font-family: "CircularStd-Book";
    outline: none !important;
}


.rating-box-wrapper .content_meta_section .meta_body {
    width: 33.33%;
}

.rating-box-wrapper .content_meta_section .meta_body .top_section {
    margin-bottom: -10px;
}

.rating-box-wrapper .center_section {
    height: 50px !important;
}

.elementor-control-additional_perk .wp-media-buttons {
    display: none;
}

.elementor-control-additional_perk .elementor-control-dynamic-switcher {
    display: none;
}

.elementor-control-content .wp-media-buttons {
    display: none;
}

.elementor-control-content .elementor-control-dynamic-switcher {
    display: none;
}

.elementor-control-freestyle_text_content .wp-media-buttons {
    display: none;
}

.elementor-control-freestyle_text_content .elementor-control-dynamic-switcher {
    display: none;
}

.elementor-control-availability_text_content .wp-media-buttons {
    display: none;
}

.elementor-control-availability_text_content .elementor-control-dynamic-switcher {
    display: none;
}

.elementor-control-fine_print_text_content .wp-media-buttons {
    display: none;
}

.elementor-control-fine_print_text_content .elementor-control-dynamic-switcher {
    display: none;
}

.woocommerce-order-barcodes-container div>div {
    background-color: #fff !important;
}

.woocommerce-order-barcodes-container span {
    color: #fff !important;
}

/* BKAP Ticket Display Styles (Migration from woocommerce-order-barcodes) */
.bkap-ticket-display {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.8;
    padding: 12px 16px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    border-left: 4px solid #8b5cf6;
}

.bkap-ticket-display .ticket-row {
    margin-bottom: 6px;
}

.bkap-ticket-display .ticket-row:last-child {
    margin-bottom: 0;
}

.bkap-ticket-display strong {
    color: #555;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bkap-ticket-display .ticket-number,
.bkap-ticket-display .security-code {
    color: #222;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
}

.bkap-ticket-display .security-code {
    color: #8b5cf6;
}

.venue_promo_box_right_sec h4,
.venue_promo_box_right_sec a.category-title {
    margin-bottom: 30px !important
}

.loader-main {
    background-color: #1C2E3D;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 80px 0;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    display: flex;
}

.loader-main .loader-inner {
    text-align: center;
    color: #fff;
}

.loader-main .loader-inner .main-title {
    font-size: 60px;
    line-height: 60px;
    font-family: 'k22_didoniregular';
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.loader-main .loader-inner .sub-title {
    font-family: "CircularStd-Bold";
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #fff;
}

.loader-main .loader-inner .loader-line {
    width: 533px;
    height: 15px;
    border: 1px solid #fff;
    margin: auto;
}

.loader-main .loader-inner .loader-line .fill {
    width: 218px;
    height: 15px;
    background: #fff;
}

.bkap-booking-form.only_day_multiple_nights .bkap_start_date {
    position: relative;
    z-index: 999;
}

.bkap-booking-form.only_day_multiple_nights .bkap_start_date .book_start_date_label {
    display: block;
}

.bkap-booking-form.only_day_multiple_nights .bkap_end_date {
    overflow: hidden;
    margin-top: 88px;
}

.bkap-booking-form.only_day_multiple_nights .bkap_end_date .hasDatepicker>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
    border-width: 1px !important;
    border-color: #ccc !important;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current::before {
    border-bottom-color: #c9c9c9 !important;
}

.woocommerce .wpmc-nav-wrapper button.wpmc-nav-button.current {
    background-color: transparent !important;
    border: 2px solid #1C2E3D !important;
    color: #1C2E3D !important;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.woocommerce .wpmc-nav-wrapper button.wpmc-nav-button.current:hover {
    color: #fff !important;
    background-color: #1C2E3D !important;
}

body.single-product,
body.woocommerce-account {
    position: relative;
}

.review-main,
.review-main-venue {
    background-color: #fff;
}

.review-main .close-experience,
.review-main-venue .close-experience {
    color: #000;
}

.review-main .close-experience:hover,
.review-main-venue .close-experience:hover {
    color: #000;
}

.review-main .review-inner,
.review-main-venue .review-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 999;
    padding: 20px;
    left: 0;
    right: 0;
    margin: auto;
    color: #000;
    font-weight: 400;
    font-family: "CircularStd-Book";
}

.review-main .review-inner .review-content,
.review-main-venue .review-inner .review-content {
    max-width: 880px;
    margin: 0 auto;
    margin-top: 80px;
}

.review-main .review-inner .main-title,
.review-main-venue .review-inner .main-title {
    font-size: 40px;
    line-height: 40px;
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.review-main .review-inner .desc,
.review-main-venue .review-inner .desc {
    font-size: 18px;
    line-height: 24px;
    width: 70%;
}

.review-main .review-inner .sub-title,
.review-main .review-inner form .input-title,
.review-main-venue .review-inner .sub-title,
.review-main .review-inner form .input-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.review-main .review-inner .review,
.review-main-venue .review-inner .review {
    margin-bottom: 0px;
    cursor: pointer;
    color: #1C2E3D;
}

.review-main .review-inner .review i:before,
.review-main-venue .review-inner .review i:before {
    content: '\e021';
    font-family: WooCommerce;
}

.review-main .review-inner .review i.selected:before,
.review-main .review-inner .review:hover i:before,
.review-main .review-inner .review.selected i.active::before,
.review-main .review-inner .review.selected i:not(.active)::before,
.review-main-venue .review-inner .review i.selected:before,
.review-main-venue .review-inner .review:hover i:before,
.review-main-venue .review-inner .review.selected i.active::before,
.review-main-venue .review-inner .review.selected i:not(.active)::before {
    content: '\e020';
}

.review-main .review-inner .review i:hover~i::before,
.review-main .review-inner .review.selected i.active~i::before,
.review-main-venue .review-inner .review i:hover~i::before,
.review-main-venue .review-inner .review.selected i.active~i::before {
    content: '\e021';
}

.review-main .review-inner form .input-title,
.review-main-venue .review-inner form .input-title {
    margin-bottom: 24px;
    display: block;
    margin-top: 32px;
}

.review-main .review-inner form textarea,
.review-main .review-inner form input,
.review-main-venue .review-inner form textarea,
.review-main-venue .review-inner form input {
    border-color: #E1E1E1;
    border-radius: 4px;
    background: #fff;
    width: 780px;
    max-width: 100%;
    padding: 15px 10px;
}

.review-main .review-inner form textarea,
.review-main-venue .review-inner form textarea {
    height: 180px;
    display: block;
}

.review-main .review-inner form .buttons,
.review-main-venue .review-inner form .buttons {
    width: 280px;
    margin-top: 50px;
    float: right;
    margin-right: 100px;
}

.review-main .review-inner form .buttons button,
.review-main .review-inner form .buttons a,
.experience-section-main .more-past-experience,
.review-main-venue .review-inner form .buttons button,
.review-main-venue .review-inner form .buttons a,
.experience-section-main .more-past-experience {
    width: 100%;
    background-color: #1C2E3D;
    border: 2px solid #1C2E3D;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 13px 15px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 15px;
    font-weight: 600;
    display: block;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.experience-section-main .more-past-experience {
    max-width: 300px;
    letter-spacing: 0.5px;
    padding: 16px 15px;
    margin: auto;
}

.review-main .review-inner form a.cancel,
.review-main-venue .review-inner form a.no-thanks {
    background: #fff;
    color: #1C2E3D;
}

.review-main .review-inner form .submit:hover,
.experience-section-main .more-past-experience:hover,
.review-main-venue .review-inner form .submit:hover,
.experience-section-main .more-past-experience:hover {
    background: #fff;
    color: #1C2E3D;
}

.review-main .review-inner form a.cancel:hover,
.review-main-venue .review-inner form a.no-thanks:hover {
    background-color: #1C2E3D;
    color: #fff;
}

.review-main .review-inner .lifelist_improve_boost form .form_field input {
    width: 100%;
}

.review-main .review-inner .lifelist_improve_boost form .form_field #clain_login_btn,
.review-main .review-inner .lifelist_improve_boost form .form_field #claim_register_btn {
    margin-top: 10px;
}

.woocommerce-privacy-policy-text p {
    line-height: 24px;
}

form.woocommerce-form-register.claim_register .input-checkbox {
    width: auto;
}

.header_top {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    z-index: 999;
}

.header_top:before,
.header_top:after {
    content: none !important;
}

.menu_bar {
    cursor: pointer;
    position: relative;
}

.site-title {
    line-height: normal;
}

.site-title a,
.site-title a:focus,
.site-title a:hover,
.site-title a:visited {
    color: #fff;
    outline: 0;
}

.menu_bar span {
    display: block;
    width: 28px;
    height: 2px;
    transition: 200ms;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ffffff;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu_bar span+span {
    margin-top: 7px;
}

.menu_bar {
    float: right;
}

.product_nav_menu {
    width: 400px;
}

.login_link {
    width: 400px;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: right;
    outline: none;
}

a:focus {
    outline: none;
}

.login_link:hover,
.login_link:focus {
    color: #fff;
}

.logo a {
    font-family: 'K22 Didoni';
    font-size: 40px;
    color: #fff;
    letter-spacing: 4px;
    font-weight: 600;
}

.logo a:hover {
    color: #fff;
}

.breaudcum_top {
    width: 400px;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
}

.breaudcum_top a {
    color: #fff;
}

.breaudcum_top span {
    margin: 0 5px;
}

/* Banner Section Start*/
.banner_gallery_main_sec .banner_image {
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* Fix for Swiper-based banner gallery */
.banner_gallery_main_sec .banner_gallery_slides {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.banner_gallery_main_sec .swiper-slide {
    width: 100%;
    height: 100%;
}

.banner_gallery_main_sec .swiper-slide-inner {
    width: 100%;
    height: 100%;
    margin: 0;
}

/* Specific fixes for your-lifelist banner - Match lifelist-intro-hero height */
.your-lifelist.banner_gallery_main_sec {
    height: 300px;
}

.your-lifelist.banner_gallery_main_sec .banner_gallery_slides {
    height: 300px;
}

.your-lifelist.banner_gallery_main_sec .swiper-slide {
    height: 300px;
}

.your-lifelist.banner_gallery_main_sec .banner_image {
    height: 300px;
    min-height: 300px;
}

/* Hide navigation buttons for your-lifelist banner */
.your-lifelist.banner_gallery_main_sec .elementor-slick-button-prev,
.your-lifelist.banner_gallery_main_sec .elementor-slick-button-next {
    display: none !important;
}

/* Mobile responsive for your-lifelist banner - Match lifelist-intro-hero */
@media (max-width: 768px) {
    .your-lifelist.banner_gallery_main_sec {
        height: 250px;
    }
    
    .your-lifelist.banner_gallery_main_sec .banner_gallery_slides {
        height: 250px;
    }
    
    .your-lifelist.banner_gallery_main_sec .swiper-slide {
        height: 250px;
    }
    
    .your-lifelist.banner_gallery_main_sec .banner_image {
        height: 250px;
        min-height: 250px;
    }
}

.banner_gallery_main_sec .elementor-slick-button-prev,
.banner_gallery_main_sec .elementor-slick-button-next {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: auto;
    transition: opacity 0.3s ease;
}

.banner_gallery_main_sec .elementor-slick-button-prev:hover,
.banner_gallery_main_sec .elementor-slick-button-next:hover {
    opacity: 0.7;
}

.banner_gallery_main_sec .elementor-slick-button-prev svg,
.banner_gallery_main_sec .elementor-slick-button-next svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Things To Do Banner - White pagination arrows */
.elementor-widget-things_to_do_banner .elementor-slick-button-prev svg,
.elementor-widget-things_to_do_banner .elementor-slick-button-next svg {
    fill: #ffffff !important;
}

.elementor-widget-things_to_do_banner .elementor-slick-button-prev,
.elementor-widget-things_to_do_banner .elementor-slick-button-next {
    color: #ffffff !important;
}

.banner_gallery_main_sec.gallery_color_dark,
.things-to-do.gallery_color_dark {
    background-color: #1C2E3D;
}

.my-account-new-list .banner_gallery_main_sec.gallery_color_dark,
.my-account-new-list .things-to-do.gallery_color_dark {
    background-color: transparent;
}

.banner_gallery_main_sec.gallery_color_light,
.things-to-do.gallery_color_light {
    background-color: #fff;
    z-index: 99;
}

.product_top_section .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.banner_gallery_main_sec,
.things-to-do {
    position: relative;
}

.banner_gallery_main_sec .slick-dotted.slick-slider,
.things-to-do .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.banner_gallery_main_sec img,
.things-to-do img {
    height: 100vh;
}

.banner_gallery_main_sec .slick-arrow,
.things-to-do .slick-arrow {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner_gallery_main_sec .elementor-slick-button-prev,
.things-to-do .elementor-slick-button-prev {
    left: 30px;
}

.banner_gallery_main_sec .elementor-slick-button-next,
.things-to-do .elementor-slick-button-next {
    right: 30px;
}

.banner_gallery_main_sec .slick-slide,
.things-to-do .slick-slide {
    padding-bottom: 0;
}

.banner_gallery_main_sec .slick-slide>div,
.things-to-do .slick-slide>div {
    line-height: 0;
}

.banner_gallery_main_sec .slick-dots li.slick-active button:before,
.things-to-do .slick-dots li.slick-active button:before {
    opacity: 0.85;
    color: #FFFFFF;
}

.banner_gallery_main_sec .slick-dots,
.things-to-do .slick-dots {
    bottom: 25px;
    z-index: 99;
}


.things-to-do .slick-dots li button:before {
    width: 65px;
    height: 2px;
    border-radius: 0;
    content: "";
    opacity: 1;
    background: #fff;
    z-index: 99;
}


.things-to-do .slick-dots li {
    width: 70px;
}

/* Passion Masthead Separated Component */
.passion-masthead-component .banner_image {
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.passion-masthead-component.gallery_color_dark {
    background-color: #1C2E3D;
}

.passion-masthead-component.gallery_color_light {
    background-color: #fff;
}

.passion-masthead-component,
.passion-masthead-component.things-to-do {
    position: relative;
}

.passion-masthead-component .slick-dotted.slick-slider,
.passion-masthead-component .things-to-do .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.passion-masthead-component img,
.passion-masthead-component .things-to-do img {
    max-width: 100%;
}

.passion-masthead-component .slick-arrow,
.passion-masthead-component .things-to-do .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.passion-masthead-component .elementor-slick-button-prev,
.passion-masthead-component .things-to-do .elementor-slick-button-prev {
    left: 30px;
    width: 40px;
    height: auto;
}

.passion-masthead-component .elementor-slick-button-next,
.passion-masthead-component .things-to-do .elementor-slick-button-next {
    right: 30px;
    width: 40px;
    height: auto;
}

.passion-masthead-component .elementor-slick-button-prev svg,
.passion-masthead-component .elementor-slick-button-next svg {
    width: 100%;
    height: auto;
    display: block;
}

.passion-masthead-component .slick-slide,
.passion-masthead-component .things-to-do .slick-slide {
    outline: none;
}

.passion-masthead-component .slick-slide>div,
.passion-masthead-component .things-to-do .slick-slide>div {
    outline: none;
}

.passion-masthead-component .slick-dots li.slick-active button:before,
.passion-masthead-component .things-to-do .slick-dots li.slick-active button:before {
    color: #FBA0C3;
    opacity: 1;
}

.passion-masthead-component .slick-dots,
.passion-masthead-component .things-to-do .slick-dots {
    position: absolute;
    bottom: 100px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.passion-masthead-component.gallery_color_light .slick-dots li.slick-active button:before {
    color: #1C2E3D;
    opacity: 1;
}

.passion-masthead-component.gallery_color_light .slick-dots li button:before {
    color: #1C2E3D;
    opacity: 0.5;
}

.passion-masthead-component.gallery_color_dark .slick-dots li.slick-active button:before {
    color: #FBA0C3;
    opacity: 1;
}

.passion-masthead-component.gallery_color_dark .slick-dots li button:before {
    color: #FBA0C3;
    opacity: 0.5;
}

.banner_gallery_info {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 0 150px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    pointer-events: none;
}

.subtitle h3,
.subtitle h4 {
    font-family: 'K22 Didoni';
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    margin: 0 0 10px;
    letter-spacing: 2px;
}

/* Re-enable pointer events for interactive banner elements */
.banner_gallery_info a,
.banner_gallery_info button,
.banner_gallery_info input,
.banner_gallery_info select,
.banner_gallery_info .banner_passion {
    pointer-events: auto;
}

.main_title h1,
.main_title h3,
body.ast-single-post .banner_gallery_info .main_title .banner_passion {
    font-size: 80px;
    line-height: 84px;
    color: #fff;
    margin: 0 0 22px;
    font-family: "CircularStd-Book";
    position: relative;
    cursor: pointer;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion {
    display: flex;
    align-items: center;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion input {
    margin: 0 20px;
    max-width: 350px;
    width: 100%;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion input:focus {
    outline: none;
    border: none;
}

.main_title h3 span,
body.ast-single-post .banner_gallery_info .main_title .banner_passion .selectd_title {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 600;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion .selectd_title {
    margin: 0 25px;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion ul {
    display: block;
    position: absolute;
    background: rgb(255, 255, 255);
    width: 40%;
    border-radius: 5px;
    list-style: none;
    left: 5%;
    margin: 0px;
    cursor: pointer;
    padding: 10px 30px;
    z-index: 9999;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion ul li {
    font-family: 'Lora', serif;
    font-size: 22px;
    line-height: 54px;
    text-align: center;
    color: #1C2E3D;
    border-bottom: solid 1px #979797;
    cursor: pointer;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion ul li:last-child {
    border-bottom: none;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion .passion_dropdown {
    color: #fff;
    font-size: 60px;
    outline: none;
}

body.ast-single-post .banner_gallery_info .main_title .banner_passion .passion_dropdown {
    height: 60px;
    line-height: normal;
}

.creator_info {
    font-size: 24px;
    color: #fff;
}

.open_swipe_gallery {
    position: absolute;
    bottom: 90px;
    left: 50%;
    border: solid 2px #fff;
    width: 300px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    margin-left: -150px;
}

.open_swipe_gallery:hover {
    background: #fff;
    color: #000;
}

.gallery_color_light svg path {
    stroke: #fff;
}

.gallery_color_light .subtitle h4,
.gallery_color_light .main_title h3,
.gallery_color_light .creator_info,
.gallery_color_light p {
    color: #fff;
}

.gallery_color_light .open_swipe_gallery {
    border: solid 2px #fff;
    color: #fff;
    font-family: "CircularStd-Book";
}

.gallery_color_light .open_swipe_gallery:hover {
    background: #fff;
    color: #000;
}

.banner_gallery_main_sec.gallery_color_light .slick-dots li.slick-active button:before {
    color: #fff;
    background: #1C2E3D;
}

.banner_gallery_main_sec.gallery_color_light .slick-dots li button:before {
    background: #fff;
}

.gallery_color_dark svg path {
    stroke: #1C2E3D;
}

.gallery_color_dark .subtitle h3,
.gallery_color_dark .main_title h1,
.gallery_color_dark .creator_info {
    color: #1C2E3D;
}

.gallery_color_dark .open_swipe_gallery {
    border: solid 2px #1C2E3D;
    color: #1C2E3D;
}

.gallery_color_dark .open_swipe_gallery:hover {
    background: #1C2E3D;
    color: #fff;
}

.banner_gallery_main_sec.gallery_color_dark .slick-dots li.slick-active button:before {
    color: #1C2E3D;
    background: #fff;
}

.banner_gallery_main_sec.gallery_color_dark .slick-dots li button:before {
    background: #1C2E3D;
}

ul.list_dash {
    column-count: 2;
}

.banner_gallery_slides img.swiper-slide-image {
    width: 100%;
}

.venue_location_box .main_title {
    max-width: 800px;
    margin: auto;
    padding: 25px 0;
}

.venue_location_box {
    position: relative;
}

.venue_location_box .main_title p {
    font-size: 40px;
    line-height: 40px;
    color: #000;
    font-family: 'Lora', serif;
    margin: 0 0 5px;
    font-style: italic;
    font-weight: 600;
}

.venue_location_box .venue_info {
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--gradient-primary);
    width: 33%;
    text-align: center;
    font-size: 24px;
    padding: 15px 6px;
    border-radius: 8px;
}

.venue_location_box .venue_info.marker_info span.venue_title {
    font-size: 24px;
    font-weight: 600;
    font-family: 'K22Didoni';
    letter-spacing: 0.5px;
}

.venue_location_box .venue_info span.venue_address a {
    color: #fff;
    font-family: "Circular Std Medium";
}

.venue_location_box .venue_info span.venue_address a:hover {
    color: #fff;
    text-decoration: underline;
}

.venue_location_box .venue_info .marker_close {
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 24px;
}

.venue_location_box .venue_info span {
    display: block;
}

.venue_masthead .banner_gallery_info {
    max-width: 1140px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
}

.venue_masthead .banner_gallery_info {
    text-align: left;
}

.venue_masthead .banner_gallery_info .subtitle h4 {
    font-weight: 300;
    margin: 0 0 20px;
    font-family: "CircularStd-Book";
}

.venue_masthead .banner_gallery_info .banner_desc p {
    font-size: 24px;
    font-weight: 300;
    margin-top: 15px;
}

.account-section-main .sub-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.account-section-main .account-content ul {
    margin: 0;
}

.account-section-main .account-content ul li {
    list-style: none;
    line-height: 28px;
    margin-bottom: 3px;
}

.account-section-main .account-content ul li a {
    font-size: 24px;
    color: #000;
    text-decoration: underline;
    font-weight: 600;
}

.ast-header-break-point .astra-menu-animation-fade>.menu-item>.astra-full-megamenu-wrapper,
.ast-header-break-point .astra-menu-animation-fade>.menu-item>.sub-menu,
.ast-header-break-point .astra-menu-animation-fade>.menu-item>.sub-menu .sub-menu {
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out .3s;
    right: auto;
    left: 0;
}

.ast-header-break-point .main-header-menu.submenu-with-border .sub-menu,
.ast-header-break-point .main-header-menu.submenu-with-border .children {
    border-top-width: 2px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}

.ast-header-break-point .main-header-menu .sub-menu {
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1);
}

.ast-header-break-point .main-header-menu.submenu-with-border .sub-menu a,
.ast-header-break-point .main-header-menu.submenu-with-border .children a {
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #eaeaea;
}

.ast-header-break-point .submenu-with-border .sub-menu>li:last-child>a {
    border-bottom-width: 0;
}

.ast-header-break-point .main-header-menu {
    background-color: transparent;
}

.ast-header-break-point .astra-menu-animation-fade>.menu-item .menu-item.focus>.sub-menu,
.ast-header-break-point .astra-menu-animation-fade>.menu-item .menu-item:hover>.sub-menu,
.ast-header-break-point .astra-menu-animation-fade>.menu-item.focus>.astra-full-megamenu-wrapper,
.ast-header-break-point .astra-menu-animation-fade>.menu-item.focus>.sub-menu,
.ast-header-break-point .astra-menu-animation-fade>.menu-item:hover>.astra-full-megamenu-wrapper,
.ast-header-break-point .astra-menu-animation-fade>.menu-item:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity ease-in-out .3s;
}

.ast-header-break-point .main-navigation ul.children li a:before,
.ast-header-break-point .main-navigation ul.sub-menu li a:before {
    display: none;
}

.ast-header-break-point .main-navigation li {
    width: auto;
}


/* Order Received / Confirmation Page - Mobile-First Styling */
body.woocommerce-order-received {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    min-height: 100vh;
}

body.woocommerce-order-received footer {
    display: none;
}

body.woocommerce-order-received header.header_top {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: #ffffff;
}

body.woocommerce-order-received header.header_top .breaudcum_top,
body.woocommerce-order-received header.header_top .login_link,
body.woocommerce-order-received header.header_top .right_menu {
    opacity: 1;
}

body.woocommerce-order-received header.header_top .site-title a {
    color: var(--gradient-primary);
}

/* Main Ticket Container - Mobile First */
.lifelist_ticket {
    text-align: center;
    padding: 16px;
    max-width: 900px;
    margin: 0 auto;
}

/* Success Message - Match booking modal style */
.woocommerce-notice--success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 0 0 20px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
}

.woocommerce-notice--success::before {
    content: "✓ ";
    font-size: 20px;
    margin-right: 8px;
}

/* Order Overview List - Modern Card Style */
.woocommerce-order-overview {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 20px 16px !important;
    margin: 0 0 20px 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    list-style: none !important;
}

.woocommerce-order-overview li {
    padding: 12px 0 !important;
    border-bottom: 1px solid #e9ecef !important;
    font-size: 14px !important;
    color: #64748b !important;
    text-align: left !important;
}

.woocommerce-order-overview li:last-child {
    border-bottom: none !important;
}

.woocommerce-order-overview strong {
    color: #1e293b !important;
    font-weight: 700 !important;
    display: inline-block;
    margin-left: 8px;
}

/* Order Details Section */
.woocommerce-order-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px 16px !important;
    margin: 0 0 20px 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
}

.woocommerce-order-details__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
}

/* Order Details Table */
.woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.woocommerce-table--order-details thead {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.woocommerce-table--order-details thead th {
    color: #ffffff !important;
    padding: 12px 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-table--order-details tbody tr {
    border-bottom: 1px solid #e9ecef !important;
}

.woocommerce-table--order-details tbody td {
    padding: 16px 10px !important;
    font-size: 14px !important;
    color: #475569 !important;
    vertical-align: top !important;
}

.woocommerce-table--order-details .product-name {
    font-weight: 600 !important;
    color: #1e293b !important;
}

.woocommerce-table--order-details .product-name a {
    color: #667eea !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-table--order-details .product-name a:hover {
    color: #764ba2 !important;
    text-decoration: underline !important;
}

.woocommerce-table--order-details .product-quantity {
    color: #64748b !important;
    font-weight: 400 !important;
}

/* Item Meta (Booking details) */
.wc-item-meta {
    margin: 8px 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    border-top: 1px dashed #e9ecef !important;
    font-size: 12px !important;
    color: #64748b !important;
}

.wc-item-meta li {
    margin: 4px 0 !important;
    list-style: none !important;
}

.wc-item-meta-label {
    font-weight: 600 !important;
    color: #475569 !important;
}

/* Table Footer (Totals) */
.woocommerce-table--order-details tfoot {
    background: #f8f9fa !important;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    padding: 12px 10px !important;
    font-size: 14px !important;
    color: #475569 !important;
    text-align: left !important;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    border-top: 2px solid #667eea !important;
}

/* Barcode Container */
.woocommerce-order-barcodes-container {
    margin: 24px 0 !important;
    padding: 24px 16px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border: 2px dashed #667eea !important;
}

.woocommerce-order-barcodes-container table {
    margin: 0 auto !important;
}

.woocommerce-order-barcodes-container td {
    background-color: transparent !important;
}

.woocommerce-order-barcodes-container span {
    color: #1e293b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Courier New', monospace !important;
    letter-spacing: 1px !important;
}

/* Customer Details Section */
.woocommerce-customer-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px 16px !important;
    margin: 0 0 20px 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
}

.woocommerce-column__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
}

.woocommerce-customer-details address {
    font-style: normal !important;
    line-height: 1.8 !important;
    color: #475569 !important;
    font-size: 14px !important;
    text-align: left !important;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    margin: 8px 0 !important;
    color: #667eea !important;
    font-weight: 600 !important;
}

/* Cancel Button */
.order-actions-button {
    display: inline-block !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2) !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.order-actions-button:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.3) !important;
}

/* Legacy ticket styles (if custom template still uses them) */
.lifelist_ticket .host_img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 3px solid #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.lifelist_ticket .thankyou-text {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Lora', serif;
    width: 100%;
    margin: 0 auto 16px;
    font-style: italic;
    font-weight: 600;
    color: #1e293b;
}

.lifelist_ticket .experience_detail {
    font-size: 16px;
    margin-bottom: 12px;
    color: #475569;
}

.lifelist_ticket .experience_detail span {
    display: block;
}

.lifelist_ticket .email_confirmation_text p {
    font-size: 14px;
    width: 100%;
    margin: auto;
    margin-bottom: 12px;
    line-height: 24px;
    color: #64748b;
}

.lifelist_ticket .ticket_footer {
    margin-top: 24px;
}

.lifelist_ticket .download_ticket_btn {
    font-size: 14px;
    color: #667eea;
    display: block;
    text-decoration: underline;
    margin-top: 12px;
    font-weight: 600;
}

.ticket_footer .woocommerce-order-barcodes-container>div {
    margin: auto;
}

.lifelist_ticket .contact_venue,
.lifelist_ticket .ticket_footer .messgae_host {
    font-size: 14px;
    color: #475569;
}

.lifelist_ticket .contact_venue a {
    color: #667eea;
    font-weight: 600;
}

body.woocommerce-account.logged-in #content .ast-container {
    padding: 0;
}


.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
    height: auto !important;
}

.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
}

.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .explore_teaser.quote-teaser,
.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .lifelist_perk.explore_teaser {
    position: absolute;
    border-radius: 16px;
}

.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
    height: auto !important;
    position: relative !important;
    transform: unset !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background .lifelist-video-player {
    text-align: center;
}

.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background .elementor-fit-aspect-ratio {
    height: auto !important;
}

.lifelist_perk_section .elementor-widget-quoteteaser_trailer iframe,
.lifelist_perk_section .elementor-widget-quoteteaser_trailer video {
    max-width: 970px;
}

.category-img-box {
    position: relative;
}

/*.category-content-inner .cat-more-btn 
{
    right: 10px;
    bottom: 90px;
    position: absolute;
}*/
.category-content-inner .cat-more-btn:hover {
    opacity: 1 !important;
}

.onpage-top-section {
    position: relative;
    /* height: 100%; */
}

.category-content-inner:hover .cat-more-btn {
    position: absolute;
    bottom: 0px;
    right: 8px;
    color: #ffffff;
    padding-bottom: 10px;
}

.category-content-inner:hover .cat-more-btn {
    opacity: 1 !important;
}

.cat-more-btn {
    position: absolute;
    bottom: 220px;
    right: 10px;
}

.category-content-inner .cat-more-btn {
    opacity: 0;
}



.category-content-inner .cat-more-btn a {
    color: #ffffff;
    font-size: 32px;
    height: 30px;
    line-height: normal;
}


img.lazyloaded:hover {
    opacity: 1;
    background-color: #000000;
}


.rTable .rTableRow .rTableCell {
    padding: 8px 0 !important;
}


@media (max-width: 921px) {
    .improve_center_section .inner_section i {
        font-size: 26px;
    }
}

@media (min-width: 922px) {
    body.woocommerce-account.logged-in #content .ast-container {
        max-width: 100%;
    }

    body.woocommerce-edit-account #content .ast-container,
    body.woocommerce-payment-methods #content .ast-container,
    body.woocommerce-add-payment-method #content .ast-container {
        max-width: 1240px;
    }

    .woocommerce #reviews #comments {
        width: 78% !important;
    }
}

body.woocommerce-edit-account.logged-in #content .ast-container,
body.woocommerce-payment-methods.logged-in #content .ast-container,
body.woocommerce-add-payment-method.logged-in #content .ast-container {
    padding: 0 20px;
}

body.woocommerce-account #content .ast-container .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
}

body.woocommerce-account #content .ast-container .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

body.woocommerce-account .site-title a,
body.woocommerce-account .site-title a:focus,
body.woocommerce-account .site-title a:hover,
body.woocommerce-account .site-title a:visited,
body.woocommerce-account .breaudcum_top,
body.woocommerce-account .breaudcum_top a,
body.woocommerce-account .login_link,
body.woocommerce-account .login_link:hover,
body.woocommerce-account .login_link:focus {
    color: #1C2E3D;
    outline: none;
}

body.woocommerce-account .experience-section-main,
body.woocommerce-account .account-section-main,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .all-section-main.all-section-inner,
.woocommerce-account .add_form_data,
.woocommerce-account .woocommerce_account_subscriptions {
    max-width: 900px;
    margin: auto;
    padding: 0 20px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    border: none;
    position: relative;
}

.woocommerce-account {
    font-family: "Circular Std Medium";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    padding: 10px 17px;
}
body .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #1c2d3e;
    color: #ffffff !important;
    line-height: 24px !important;
    margin: 0px 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) a:after {
    content: "|";
    right: -4px;
    position: absolute;
    color: rgba(0, 0, 0, 0.25);
}

.woocommerce-account #menu-outer {
    display: block;
    text-align: right;
    position: relative;
    height: auto;
    margin: 0;
}

.woocommerce-account a {
    cursor: pointer;
}

.woocommerce-account #menu-outer .product-cat {
    position: absolute;
    top: 35px;
    right: 0;
    background: #fff;
    width: 144px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
}

.woocommerce-account #menu-outer .product-cat ul {
    margin: 0;
    min-width: auto;
    padding: 7px 0px;
}

.woocommerce-account #menu-outer .product-cat ul li {
    display: block;
    text-align: center;
}

.woocommerce-account #menu-outer .product-cat ul li a {
    font-size: 16px;
}

.woocommerce-account .rTable {
    /*display: table;*/
    margin-bottom: 80px;
    padding: 8px 0px !important;
}

.woocommerce-account .rTable .rTableRow {
    display: table-row;
}

.woocommerce-account .rTable .rTableRow .rTableHead:first-child,
.woocommerce-account .rTable .rTableRow .rTableCell:first-child {
    width: 50px !important;
}

.woocommerce-account .rTable .rTableRow .rTableHead:nth-child(2),
.woocommerce-account .rTable .rTableRow .rTableCell:nth-child(2) {
    width: 100%;
}

.woocommerce-account .rTable .rTableRow .rTableHead,
.woocommerce-account .rTable .rTableRow .rTableCell {
    display: table-cell;
    padding: 20px !important;
    border-bottom: 1px solid #808080;
    margin: 0 !important;
    vertical-align: middle;
    line-height: 24px;
    font-size: 18px;
}

.woocommerce-account .rTable .rTableRow .rTableCell img {
    height: 50px;
    max-width: 50px;
    border-radius: 6px;
}

.improve_info_section {
    opacity: 60%;
    margin-top: 15px;
}

.improve_info_section p {
    font-size: 18px !important;
}


/*  Popup form heading sticky css start  */

.improve_bottom_section {
    z-index: 15 !important;
}

form .header {
    width: 100%;
    position: sticky;
    top: 60px;
    background-color: #fff;
    z-index: 10;
}

form .header p {
    color: #2c2c2c;
    font-size: 22px;
    border-bottom: 2px solid #cecece;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


/*  Popup form heading sticky css end  */


.woocommerce-account .rTable .rTableRow .rTableCell .add_to_favourites {
    color: #d3d3d3;
}

.woocommerce-account .rTable .rTableRow .rTableCell .add_to_favourites.list_favourite {
    color: #FD01BA;
}

.woocommerce-account .woocommerce-Pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.woocommerce-account .add_form_data #add_data_form h3 {
    margin-bottom: 20px;
}

.woocommerce-account .add_form_data .form_field {
    display: flex;
    justify-content: normal;
    margin-bottom: 15px;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
}

.woocommerce-account .add_form_data .form_field label {
    max-width: 180px;
    width: 100%;
}

.woocommerce-account .add_form_data .form_field .formError {
    /*max-width: 100%;*/
    font-size: 15px;
    color: red;
    padding-top: 5px;
}

.woocommerce-account .add_form_data .form_field input {
    width: 100%;
}

.woocommerce-account .add_form_data .form_field input[type="checkbox"] {
    width: auto;
}

.woocommerce-account .add_form_data {
    margin-bottom: 120px;
    margin-top: 30px;
}

.woocommerce-account .add_form_data .btn_actions .content_prev {
    margin-right: 25px;
}

.woocommerce-account .add_form_data .btn_actions {
    text-align: center;
}

.woocommerce-account .add_form_data .btn_actions a {
    border: 2px solid #1C2E3D;
    color: #fff;
    background: #1C2E3D;
    font-family: "CircularStd-Book";
    letter-spacing: 2px;
    border-radius: 10px;
    height: 60px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    margin-top: 10px;
    width: auto;
    padding: 2px 30px 0;
    float: right;
}

/*.woocommerce-account .add_form_data .btn_actions .content_next {
    float: right;
}*/





body.woocommerce-account .account-section-main {
    margin-bottom: 50px;
}

body.woocommerce-account .experience-section-main1 {
    margin-bottom: 120px;
    margin-top: 30px;
}

body.woocommerce-account .experience-section-main2 {
    margin-bottom: 100px;
}

body.woocommerce-account .experience-section-main .experience-row {
    margin-bottom: 30px;
}

body.woocommerce-account header {
    position: relative;
}

/*body.woocommerce-account.logged-in header {
    position: absolute;  
}*/
body.woocommerce-edit-account.logged-in header,
body.woocommerce-payment-methods.logged-in header,
body.woocommerce-add-payment-method.logged-in header {
    position: relative;
}

body.woocommerce-payment-methods .woocommerce-MyAccount-content {
    margin-bottom: 30px !important;
}

body.woocommerce-edit-account .woocommerce-MyAccount-navigation,
body.woocommerce-payment-methods .woocommerce-MyAccount-navigation,
body.woocommerce-add-payment-method .woocommerce-MyAccount-navigation {
    display: none;
}

body.woocommerce-edit-account .woocommerce-MyAccount-content,
body.woocommerce-payment-methods .woocommerce-MyAccount-content,
body.woocommerce-add-payment-method .woocommerce-MyAccount-content {
    float: none;
    margin: auto;
}

/*.experience-section-main .more-past-experience {
    font-size: 22px;
    color: #000;
    margin-top: 15px;
    display: block;
}*/
.menu-item.menu-item-type-post_type .login_link {
    color: #fff;
    font-size: 24px;
    font-family: "CircularStd-Book";
    width: 100%;
    padding: 0;
}

.menu-item.menu-item-type-post_type .sub-menu .menu-item-type-post_type a {
    color: #1C2E3D;
}

.menu-item.menu-item-type-post_type .sub-menu {
    border-color: #1C2E3D !important;
    right: 0;
    left: auto;
    width: 170px;
}

header.header_top .right_menu {
    text-align: right;
    width: 400px;
    display: none;
}

.main-header-menu .sub-menu a {
    text-align: left;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk {
    background: transparent;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk:before,
.elementor-widget-quoteteaser_trailer .lifelist_perk:after {
    display: none;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:before,
.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:after {
    width: calc(80% - 20px);
    height: calc(80% - 20px);
    position: absolute;
    content: "";
    top: calc(10% - 10px);
    left: calc(10% + 10px);
    border: solid 2px #fff;
    z-index: 0;
    display: block;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:after {
    width: calc(80% + 0px);
    height: calc(80% - 40px);
    top: calc(10% + 0px);
    left: calc(10% + 0px);
    border: solid 2px #fff;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark .lifelist_quote_title h3,
.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark .lifelist_quote_desc,
.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark .lifelist_perk_title h3,
.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark .lifelist_perk_content {
    color: #1C2E3D;
}

.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark:before,
.elementor-widget-quoteteaser_trailer .lifelist_perk.color_dark:after {
    border-color: #1C2E3D;
}

.elementor-widget-experience_web_review .experience_review .slick-prev {
    left: -54px !important;
}

.elementor-widget-experience_web_review .experience_review .slick-next {
    right: -54px !important;
}

.elementor-widget-experience_web_review .experience_review .review {
    text-align: left;
    padding: 0 15px;
}

.elementor-widget-experience_web_review .experience_review .review img {
    margin-bottom: 15px;
    width: 40%;
}

.elementor-widget-experience_web_review .experience_review .review p {
    margin-bottom: 15px;
    line-height: 30px;
}

.elementor-widget-experience_web_review .experience_review .review .star-rating {
    float: none;
    margin-bottom: 17px;
}

/* Reviews from web */
.elementor-widget-experience_web_review .commentlist {
    margin: 30px 0 0 0;
}

.elementor-widget-experience_web_review .wp-user-avatar {
    text-align: center;
    margin: 0 auto 8px;
}

.elementor-widget-experience_web_review .comment-text .meta {
    display: none;
}

.elementor-widget-experience_web_review .comment-text .description {
    text-align: center;
}

.woocommerce .elementor-widget-experience_web_review li .star-rating,
.woocommerce .elementor-widget-experience_web_review li .star-rating::before {
    font-size: 28px;
    margin: 0 auto;
    text-align: center;
}

/* Reviews from web End */

/* Flexible Related Content */
.elementor-widget-flexible_related_content .show_more_btn {
    text-align: center;
}

.elementor-widget-flexible_related_content .content-sub-title {
    margin: 0;
    color: #1C2E3D;
    margin-bottom: 0px;
}

.elementor-widget-flexible_related_content .passion-title {
    margin-bottom: 8px;
}

.elementor-widget-flexible_related_content .category-title {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    display: inline-block;
    line-height: normal !important;
}

.elementor-widget-flexible_related_content .category-section-main .category-image {
    margin: 0px;
    height: 100%;
}

.elementor-widget-flexible_related_content .category-section-main .category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.elementor-widget-flexible_related_content .venue-stages-main,
.elementor-widget-flexible_related_content .venue-experience-main {
    max-width: 970px;
}

.elementor-widget-flexible_related_content .category-section-main .category-title,
.elementor-widget-flexible_related_content .experience-section-main .experience-title {
    font-size: 40px;
}


/* Flexible Related Content End */


/*01-05-2021*/
.content_meta_section .color_mode_light,
.content_meta_section .color_mode_dark {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content_meta_section .meta_body {
    text-align: center;
    width: 25%;
    margin: 10px 0px 30px;
    position: relative;
}

.content_meta_section .meta_body:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50%;
}

/*.content_meta_section .color_mode_dark .slick-slide.slick-current.slick-active + .slick-active .meta_body:after {    
    border-right: 2px solid #1C2E3D;    
}
.content_meta_section .color_mode_dark .slick-slide.slick-current.slick-active + .slick-active .meta_body:before {
    border-left: 2px solid #1C2E3D;
    left: 0;
    right: auto;
}*/
.content_meta_section .color_mode_dark .meta_body,
.content_meta_section .color_mode_dark .meta_body .star-rating::before,
.content_meta_section .color_mode_dark .meta_body .star-rating,
.content_meta_section .color_mode_dark .meta_body .comment-form-rating .stars a {
    color: #1C2E3D !important;
}

/*.content_meta_section .color_mode_light .slick-slide.slick-current.slick-active + .slick-active .meta_body:after {
    border-right: 2px solid #ffffff;
}
.content_meta_section .color_mode_light .slick-slide.slick-current.slick-active + .slick-active .meta_body:before {
    border-left: 2px solid #ffffff;
}*/
.content_meta_section .color_mode_light .meta_body,
.content_meta_section .color_mode_light .meta_body .star-rating::before,
.content_meta_section .color_mode_light .meta_body .star-rating,
.content_meta_section .color_mode_light .meta_body .comment-form-rating .stars a {
    color: #ffffff !important;
}

/*.content_meta_section {
    padding: 10px 0 15px 0;
}*/
.content_meta_section {
    padding: 0px;
}

.type_meta_parts .slick-list {
    padding: 0 15% 0 0 !important;
}

.content_meta_section .color_mode_dark .meta_body:after {
    border-right: 2px solid #1C2E3D;
}

.content_meta_section .color_mode_light .meta_body:after {
    border-right: 2px solid #ffffff;
}

@media (min-width: 768px) {

    .content_meta_section .meta_body:last-child:after {
        border: none;
    }
}

.content_meta_section .type_meta_parts .slick-track .slick-active:last-child .meta_body:after {
    border: none;
}

.content_meta_section .meta_body .top_section {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.content_meta_section .meta_body .center_section {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 0px;
    height: 60px;
    padding: 0 15px;
}

.content_meta_section .meta_body .star-rating {
    float: none;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content_meta_section .meta_body .bottom_section,
.content_meta_section .meta_body .star-rating+p {
    margin-bottom: 0;
}

/*03-05-2021*/
/*.elementor-widget-flexible_related_content .content_meta_section .color_mode_light, .elementor-widget-flexible_related_content .content_meta_section .color_mode_dark {
    display: block;
}*/
/* NOTE: Removed .slick-track rule for flexible_related_content as it now uses transform-based carousel */

.elementor-widget-flexible_related_content .content_meta_section .meta_body .top_section,
.elementor-widget-flexible_related_content .content_meta_section .meta_body .bottom_section,
.elementor-widget-flexible_related_content .content_meta_section .meta_body .star-rating+p {
    font-size: 12px;
    line-height: 20px;
}

.elementor-widget-flexible_related_content .content_meta_section .meta_body .center_section {
    font-size: 13px;
    line-height: 20px;
}

.elementor-widget-flexible_related_content .content_meta_section .meta_body .star-rating {
    font-size: 11px;
}

/*05-05-2021*/
.elementor-widget-flexible_related_content .meta_body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-widget-flexible_related_content .left_section {
    margin: 0;
}

.elementor-widget-flexible_related_content .left_section i {
    font-size: 18px;
}

.elementor-widget-flexible_related_content .right_section {
    font-size: 15px;
    margin: 0;
    margin-left: 5px;
}

.elementor-widget-flexible_related_content .meta_rating .right_section {
    line-height: 27px;
}

.elementor-widget-flexible_related_content .all_meta {
    justify-content: flex-start;
    /*border: 1px solid #000;*/
}

.elementor-widget-flexible_related_content .content_meta_section .all_meta .meta_body {
    /*width: 50%;*/
    padding: 5px 6px 2px;
    margin: 0;
    border: none;
    /* border: 1px solid #000;*/
    border-right: 0;
    justify-content: center;

    /*justify-content: flex-start;
    padding: 0 !important;*/
}

/*.elementor-widget-flexible_related_content .content_meta_section .all_meta .meta_body:last-child {
    border-right: 1px solid #000;
}*/
.elementor-widget-flexible_related_content .content_meta_section .all_meta .meta_body:after {
    display: none;
}

.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background {
    overflow: hidden;
    border-radius: 16px;
}

.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
    min-height: 820px;
}

.quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
    transform: scale(2) !important;
}

.quote_teaser_video_section.lifelist_perk_section .lifelist_perk.explore_teaser .lifelist_perk_inner_sec {
    padding: 0 0 20px 0;
}


.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:before {
    top: calc(10% - -10px);
}

.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:after {
    top: calc(10% + 20px);
}

/*category content start*/
.venue_promo_section .flexible_content_dark .category-maker,
.venue_promo_section .flexible_content_dark .passion-title,
.venue_promo_section .flexible_content_dark .category-title,
.venue_promo_section .flexible_content_dark .left_section,
.venue_promo_section .flexible_content_dark .right_section,
.venue_promo_section .flexible_content_dark .category-desc {
    color: #fff;
}

.venue_promo_section .venue_promo_box_right_sec_first {
    width: 75%;
    padding: 22px 30px 30px;
}

.venue_promo_section .flexible_content_light .venue_promo_box_sec {
    background-color: #fff !important;
}

.venue_promo_section .flexible_content_light .venue_promo_box_btn a {
    border-color: #1C2E3D !important;
    color: #1C2E3D !important;
    background-color: transparent;
}

.venue_promo_section .flexible_content_light .venue_promo_box_btn a:hover {
    background-color: #1C2E3D !important;
    color: #fff !important;
    border-color: #fff !important;
}

.related-content-area .elementor-col-100 .venue_promo_box_sec .venue_promo_box_right_sec .venue_promo_box_btn a {
    background-color: #1C2E3D !important;
    color: #fff !important;
    border-color: #fff !important;
}

.woocommerce .venue-stages-main .experinece_box_3 a.button {
    width: 240px;
}

/*category content end*/


/*category content strt*/
.category-section-main .category-image {
    margin-bottom: 0;
}

.category-content {
    margin-bottom: 15px;
}

.elementor-widget-flexible_related_content .category-section-main .category-title,
.elementor-widget-flexible_related_content .experience-section-main .experience-title {
    font-size: 20px;
    font-family: "CircularStd-Book";
    font-weight: 600;
    font-style: unset;
}

.category-section-main .category-maker {
    font-size: 14px;
    line-height: normal;
    color: #1C2E3D;
    /* Ensure single line with ellipsis */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.related-content-area .button,
.related-content-area .improve_boost_btn {
    text-align: center;
    margin-top: 10px;
}

/*.elementor-widget-flexible_related_content .category-section-main .category-row .category-content-inner.category_image_right .venue_promo_box_left_sec {
    order: 2;
}*/
.elementor-widget-flexible_related_content .category-section-main .category-row .category-content-inner:nth-child(even) .venue_promo_box_sec_alt .venue_promo_box_left_sec {
    order: 2;
}

/*category content end*/

.woocommerce-account .all-section-main.all-section-inner {
    padding: 0 16px !important;
}

.woocommerce-account .rTable .rTableRow .rTableHead,
.woocommerce-account .rTable .rTableRow .rTableCell {
    padding: 28px !important;
}

.woocommerce-account #menu-outer {
    padding: 16px 0 !important;
}

.woocommerce-account .rTable .rTableRow .rTableHead,
.woocommerce-account .rTable .rTableRow .rTableCell {
    padding: 8px 28px !important;
}

.woocommerce-account .rTable .rTableRow .rTableCell.iconCell {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.banner-height {
    height: 543px;
    position: relative;
}

.banner-height .swiper,
.banner-height .swiper-wrapper,
.banner-height .slick-slider,
.banner-height .slick-list,
.banner-height .slick-track,
.banner-height .slick-slide>div,
.banner-height .swiper-slide-inner,
.banner-height .banner_image {
    height: 100% !important;
}

/* Swiper navigation arrows for banner-height - HIDDEN (gallery camera icon replaces this) */
.banner-height .swiper-button-next,
.banner-height .swiper-button-prev {
    display: none !important;
}

.banner-height .swiper-button-prev {
    left: 30px;
}

.banner-height .swiper-button-next {
    right: 30px;
}

.banner-height .swiper-button-next svg,
.banner-height .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    fill: #ffffff;
}

.banner-height .swiper-button-next:hover,
.banner-height .swiper-button-prev:hover {
    opacity: 0.8;
}

.banner-height .slick-dots li button,
.banner-height .slick-dots li {
    width: 15px;
    height: 10px;
}

.banner-height .slick-dots li button::before {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    font-size: 0;
}

@media only screen and (max-width: 1335px) {
    .banner-height {
        height: 463px !important;
    }
}

@media only screen and (max-width: 1023px) {

    /*.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section .lifelist_quote_desc {
    font-size: 30px;
    line-height: 46px;
}*/

    /* Tablet-sized navigation buttons */
    .banner_gallery_main_sec .elementor-slick-button-prev,
    .banner_gallery_main_sec .elementor-slick-button-next,
    .things-to-do .elementor-slick-button-prev,
    .things-to-do .elementor-slick-button-next,
    .passion-masthead-component .elementor-slick-button-prev,
    .passion-masthead-component .elementor-slick-button-next {
        width: 30px;
    }

    .banner_gallery_main_sec .elementor-slick-button-prev,
    .things-to-do .elementor-slick-button-prev,
    .passion-masthead-component .elementor-slick-button-prev {
        left: 20px;
    }

    .banner_gallery_main_sec .elementor-slick-button-next,
    .things-to-do .elementor-slick-button-next,
    .passion-masthead-component .elementor-slick-button-next {
        right: 20px;
    }

    .experience_review .slick-next {
        right: -20px !important;
    }

    .experience_review h3 {
        padding-bottom: 20px;
    }


    .experience_review .slick-prev {
        left: -20px !important;
    }

    .open_swipe_gallery {
        bottom: 60px;
        width: 250px;
        height: 60px;
        line-height: 60px;
        margin-left: -125px;
    }

    .banner_gallery_main_sec .slick-dots {
        bottom: 5px;
    }

    .venue_location_box .venue_info {
        width: 50%;
    }

    .venue_masthead .banner_gallery_info .subtitle h3 {
        font-size: 18px;
    }

    .venue_masthead .banner_gallery_info .banner_desc p {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0;
    }

    .experience_review .commentlist {
        margin: auto;
    }
}



@media only screen and (max-width: 767px) {

    /*.rating-box-wrapper .slick-list { width: 100% !important; padding-right: 0 !important; }
    .rating-box-wrapper .slick-list .slick-track { width: 100% !important; }
    .rating-box-wrapper .slick-list .slick-track .slick-slide { width: 33.33% !important; }*/
    
    /* Mobile-sized navigation buttons */
    .banner_gallery_main_sec .elementor-slick-button-prev,
    .banner_gallery_main_sec .elementor-slick-button-next,
    .things-to-do .elementor-slick-button-prev,
    .things-to-do .elementor-slick-button-next,
    .passion-masthead-component .elementor-slick-button-prev,
    .passion-masthead-component .elementor-slick-button-next {
        width: 24px;
    }

    .banner_gallery_main_sec .elementor-slick-button-prev,
    .things-to-do .elementor-slick-button-prev,
    .passion-masthead-component .elementor-slick-button-prev {
        left: 15px;
    }

    .banner_gallery_main_sec .elementor-slick-button-next,
    .things-to-do .elementor-slick-button-next,
    .passion-masthead-component .elementor-slick-button-next {
        right: 15px;
    }
    
    .banner-height {
        height: 350px !important;
    }

    .banner-height.banner_gallery_main_sec {
        padding: 0 !important;
    }

    .category-section-main .category-image {
        height: 500px !important;
    }

    .category-section-main .category-image img {
        height: 100% !important;
    }

    form .header {
        top: 70px;
    }

    form .header p {
        border-bottom: 1px solid #cecece;
    }

    .content_meta_section .meta_body {
        width: 25%;
    }

    /*.elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:before, .elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:after {
        top: calc(20% - 18px);
    }
    .elementor-widget-quoteteaser_trailer .lifelist_perk.quote-teaser:after {
        top: calc(18% + 0px);
    }*/

    /*.content_meta_section .meta_body:nth-child(2) {
        border: none;
    }*/

    /*.lifelist_perk_section .quote-teaser-trailer-background .lifelist-video-play iframe {
        height: 210px !important;
    }*/
    /* NOTE: Removed .slick-list rule for flexible_related_content as it now uses transform-based carousel */

    /* Review slider */
    .elementor-widget-experience_web_review {
        padding-top: 180px;
    }

    .woocommerce .elementor-widget-experience_web_review li .star-rating,
    .woocommerce .elementor-widget-experience_web_review li .star-rating::before {
        font-size: 24px;
    }

    .elementor-widget-experience_web_review .experience_review .review img {
        width: 30%;
    }

    .experience_review h3 {
        padding-bottom: 30px;
    }

    /* Review slider End */

    .stage_box_2 .category-desc {
        font-size: 18px !important;
    }


    .banner_gallery_slides img.swiper-slide-image {
        height: 767px !important;
    }


    header.header_top .right_menu {
        width: 30px;
        position: relative;
        top: 12px;
        display: block;
    }

    .header-main-layout-1 .right_menu .main-navigation {
        vertical-align: middle;
        margin-bottom: -8px;
    }

    .menu-item.menu-item-type-post_type .sub-menu {
        width: 106px;
    }

    .menu-item.menu-item-type-post_type .login_link {
        font-size: 12px;
        border: none;
        display: none;
    }

    .category-section-main .main-title,
    .elementor-widget-explore_passinos .explore_passion_title,
    .elementor-widget-experience_passinos .explore_passion_title,
    .elementor-widget-passion_area .explore_passion_title {
        font-size: 20px !important;
        line-height: 20px;
        margin-bottom: 0 !important;
    }


    .main-header-menu .sub-menu {
        width: 78px;
    }

    .main-header-menu .sub-menu a {
        padding: 5px 2px;
        font-size: 13px;
    }

    .venue_location_box .venue_info {
        width: 225px;
        font-size: 13px;
        padding: 10px 3px;
    }

    /* Mobile map container fixes */
    .venue_location_box #venue_location_map {
        max-height: 75vh !important;
        min-height: 300px !important;
        width: 100% !important;
        position: relative;
    }
    
    /* Ensure Google Maps displays properly on mobile */
    .venue_location_box #venue_location_map > div {
        position: relative !important;
    }

    .venue_location_box .main_title p {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 18px;
    }

    .venue_location_box .venue_info.marker_info span.venue_title {
        font-size: 13px;
    }

    .venue_location_box .venue_info .marker_close {
        font-size: 14px;
        line-height: 16px;
    }

    .banner_gallery_main_sec .slick-arrow {
        display: none !important;
    }

    .banner_gallery_info {
        padding: 0 20px;
    }

    .main_title h1,
    .main_title h3,
    body.ast-single-post .banner_gallery_info .main_title .banner_passion {
        font-size: 20px;
        line-height: 20px;
    }

    body.ast-single-post .banner_gallery_info .main_title .banner_passion .passion_dropdown {
        font-size: 20px;
    }

    .creator_info {
        font-size: 16px;
    }

    .open_swipe_gallery {
        bottom: 20px;
        width: 200px;
        height: 40px;
        line-height: 40px;
        margin-left: -100px;
        font-size: 14px;
    }

    .banner_gallery_info {
        top: 46%;
    }

    body.home .banner_gallery_info {
        top: 57%;
    }

    /* .banner_gallery_main_sec .slick-dots li {
        width: 40px;
    }

    .banner_gallery_main_sec .slick-dots li button:before {
        width: 35px;
    } */

    .banner_gallery_main_sec .slick-dots {
        bottom: 15px;
    }

    .header_top .ast-site-title-wrap {
        text-align: center;
        display: table;
        margin: auto;
    }

    .header_top .ast-header-break-point .ast-site-identity {
        width: 100%;
        padding-left: 28px;
    }

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
        min-height: 380px;
    }

    /*.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section .lifelist_quote_desc {
        font-size: 18px;
        line-height: 24px;
    }*/
    .content_meta_section .meta_body .top_section {
        font-size: 14px !important;
    }

    .content_meta_section .meta_body .bottom_section {
        font-size: 16px !important;
    }

    .woocommerce .content_meta_section .meta_rating .star-rating {
        font-size: 13px;
    }

    .woocommerce-account .add_form_data .btn_actions a {
        font-size: 16px;
    }

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        margin-left: 32px;
    }

    .banner_passion {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        margin-left: 26px;
    }
}

@media only screen and (max-width: 575px) {
    .category-section-main .category-image {
        height: 450px !important;
    }

    .banner-height {
        height: 300px !important;
    }

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        margin-left: 24px;
    }
}

@media only screen and (max-width: 450px) {
    .category-section-main .category-image {
        height: 300px !important;
    }

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        margin-left: 17px;
    }
}

@media only screen and (max-width: 415px) {

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        margin-left: 13px;
    }
}

/* Banner Section END*/

/* Quote Section Start*/
.lifelist_quote {
    max-width: 970px;
    background: #1C2E3D;
    padding: 130px 150px;
    margin: 10px auto 10px;
    color: #fff;
    text-align: center;
}

.lifelist_quote_title h3 {
    color: #fff;
    margin: 0 0 30px;
    letter-spacing: 1.5px;
}

.lifelist_quote_desc {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    font-style: italic;
}

.banner_gallery_main_sec .banner_gallery_info .creator_info,
.lifelist_quote_title h3,
.lifelist_perk_inner_sec .lifelist_perk_content,
.lifelist_perk_bottom h4,
.lifelist_perk_bottom p,
.venue_promo_box_right_sec .venue_promo_box_title {
    font-size: 24px;
    font-family: "CircularStd-Book";
}

.experience_textbox ul li {
    font-size: 18px;
    font-family: "CircularStd-Book";
}

.mobile_show {
    display: none;
}

.desktop_show {
    display: block;
}

@media only screen and (max-width: 999px) {

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .explore_teaser.quote-teaser,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .lifelist_perk.explore_teaser {
        border-radius: 14px;
    }

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
        min-height: 840px;
    }

    .lifelist_quote_desc,
    .lifelist_perk.explore_teaser .lifelist_perk_inner_sec .lifelist_perk_content {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 767px) {

    .experience-section-main .right-desc {
        width: 100%;
        justify-content: start !important;
    }

    .review-main .review-inner form .buttons,
    .review-main-venue .review-inner form .buttons {
        float: none !important;
    }

    .content_meta_section .meta_body .star-rating {
        margin-top: 8px;
    }

    .content_meta_section .meta_body .center_section .textFitted {
        line-height: 18px;
    }

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .explore_teaser.quote-teaser,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .lifelist_perk.explore_teaser {
        border-radius: 12px;
    }

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
        min-height: 420px;
    }

    .mobile_show {
        display: block;
    }

    .desktop_show {
        display: none !important;
    }

    .banner_gallery_main_sec .banner_gallery_info .creator_info,
    .lifelist_quote_title h3,
    .lifelist_perk.explore_teaser .lifelist_perk_title h3,
    .lifelist_perk_inner_sec .lifelist_perk_content,
    .lifelist_perk_bottom h4,
    .lifelist_perk_bottom p,
    .venue_promo_box_right_sec .venue_promo_box_title,
    .banner_gallery_main_sec .banner_gallery_info .subtitle h3 {
        font-size: 12px !important;
    }


    .banner_gallery_main_sec .banner_gallery_info .subtitle h3 {
        font-size: 14px !important;
        line-height: 17px;
    }

    .main_title h1,
    body.ast-single-post .banner_gallery_info .main_title .banner_passion {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    .perk_content_sec {
        text-align: center;
        margin: 10px auto !important;
        width: 250px;
    }

    body.ast-single-post .banner_gallery_info .main_title .banner_passion ul li {
        font-size: 16px;
        line-height: 44px;
    }

    .lifelist_quote {
        padding: 30px;

    }

    .lifelist_quote_desc,
    .lifelist_perk.explore_teaser .lifelist_perk_inner_sec .lifelist_perk_content {
        font-size: 18px;
        line-height: 24px;
    }

    .lifelist_quote_title h3,
    .lifelist_perk.explore_teaser .lifelist_perk_title h3 {
        margin: 0 0 10px !important;
        font-size: 18px;
        letter-spacing: 1.5px;
        padding: 0;
    }

    /* Order Confirmation - Mobile Optimizations */
    body.woocommerce-order-received {
        padding-top: 0 !important;
    }

    .lifelist_ticket {
        padding: 12px !important;
    }

    .woocommerce-notice--success {
        font-size: 14px !important;
        padding: 14px 16px !important;
        margin: 0 0 16px 0 !important;
    }

    .woocommerce-order-overview {
        padding: 16px 12px !important;
        margin: 0 0 16px 0 !important;
    }

    .woocommerce-order-overview li {
        font-size: 13px !important;
        padding: 10px 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .woocommerce-order-overview strong {
        margin-left: auto !important;
        text-align: right !important;
    }

    .woocommerce-order-details {
        padding: 20px 12px !important;
        margin: 0 0 16px 0 !important;
        overflow-x: auto !important;
    }

    .woocommerce-order-details__title {
        font-size: 16px !important;
        margin: 0 0 12px 0 !important;
    }

    /* Mobile Table Styles */
    .woocommerce-table--order-details thead th {
        font-size: 11px !important;
        padding: 10px 6px !important;
    }

    .woocommerce-table--order-details tbody td {
        font-size: 12px !important;
        padding: 12px 6px !important;
    }

    .woocommerce-table--order-details .product-name {
        font-size: 13px !important;
        max-width: 200px !important;
    }

    .woocommerce-table--order-details .product-quantity {
        font-size: 11px !important;
    }

    .wc-item-meta {
        font-size: 11px !important;
    }

    .woocommerce-table--order-details tfoot th,
    .woocommerce-table--order-details tfoot td {
        font-size: 12px !important;
        padding: 10px 6px !important;
    }

    .woocommerce-table--order-details tfoot tr:last-child th,
    .woocommerce-table--order-details tfoot tr:last-child td {
        font-size: 14px !important;
    }

    /* Barcode Mobile */
    .woocommerce-order-barcodes-container {
        padding: 16px 12px !important;
        margin: 16px 0 !important;
    }

    .woocommerce-order-barcodes-container img {
        max-width: 100% !important;
        height: auto !important;
    }

    .woocommerce-order-barcodes-container span {
        font-size: 14px !important;
    }

    /* Customer Details Mobile */
    .woocommerce-customer-details {
        padding: 20px 12px !important;
        margin: 0 0 16px 0 !important;
    }

    .woocommerce-column__title {
        font-size: 16px !important;
        margin: 0 0 12px 0 !important;
    }

    .woocommerce-customer-details address {
        font-size: 13px !important;
    }

    .order-actions-button {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 13px !important;
        margin-top: 8px !important;
        display: block !important;
        text-align: center !important;
    }

    /* Legacy ticket elements - mobile */
    .lifelist_ticket .thankyou-text {
        font-size: 20px !important;
        line-height: 28px !important;
        margin: 0 0 12px 0 !important;
    }

    .lifelist_ticket .host_img {
        width: 100px !important;
        height: 100px !important;
        margin-bottom: 16px !important;
    }

    .lifelist_ticket .experience_detail {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .lifelist_ticket .email_confirmation_text p {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-bottom: 10px !important;
    }

    .lifelist_ticket .ticket_footer {
        margin-top: 16px !important;
    }

    .lifelist_ticket .download_ticket_btn {
        font-size: 13px !important;
        padding: 12px 20px !important;
        border-radius: 8px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        display: inline-block !important;
        margin-top: 12px !important;
    }

    .lifelist_ticket .contact_venue {
        font-size: 13px !important;
    }

}

/* Quote Section END*/

/*review section Start */
.experience_review {
    max-width: 800px;
    margin: auto;
}

.woocommerce #reviews #comments {
    width: 100%;
}

.woocommerce #reviews #comments p {
    color: #1C2E3D;
}

.experience_review h3 {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 500;
    color: #000;
    font-style: italic;

}

.experience_review_total>span {
    font-family: "CircularStd-Bold";
    font-size: 24px;
    color: #000;
    float: left;
}

.experience_review_total {
    display: inline-block;
    width: 100%;
}

.woocommerce .experience_review_total .star-rating {
    float: left;
    margin: 15px 0 0 20px;
}

strong.woocommerce-review__author,
.woocommerce-review__dash,
time.woocommerce-review__published-date {
    color: #1C2E3D;
    font-family: "CircularStd-Bold";
    font-size: 24px;
}

.woocommerce .star-rating,
.woocommerce .comment-form-rating .stars a,
.woocommerce .star-rating::before {
    color: #1C2E3D !important;
}

.experience_review_total .comment-text .star-rating {
    margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    height: 6em !important;
    width: 6em !important;
}

.experience_review #reviews #comments ol.commentlist li img.avatar {
    height: 89px !important;
    width: 89px !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 100px !important;
}

.experience_review #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 89px !important;
}

.comment_container .description {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    margin-top: 20px;
}

/*review section End */


.experience_textbox {
    max-width: 800px;
    margin: auto;
    margin-bottom: -4px;
}

.experience_textbox_subtitle h4 {
    font-size: 24px;
    color: #000;
    margin-bottom: 0px;
    font-family: "CircularStd-Book";
}

.experience_textbox_maintitle h3 {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin: 0 0 30px;
    font-style: italic;
}

.experience_textbox_content {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin-bottom: 0px;
}

.experience_textbox_content p {
    margin-bottom: 15px;
}

.experience_textbox_content p {
    margin-bottom: 20px;
}

.experience_textbox ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.experience_textbox ul li:before {
    content: "-";
    margin-right: 10px;
    left: 0;
    position: absolute;
}

.experience_textbox ul li {
    padding-left: 15px;
    position: relative;
    font-size: 18px;
    color: #000;
    line-height: 26px;
    margin-bottom: 5px;
}



.lifelist_perk {
    max-width: 970px;
    background: #1C2E3D;
    padding: 140px;
    margin: 10px auto 0px;
    color: #fff;
    text-align: center;
    position: relative;
}

.lifelist_perk_bottom {
    max-width: 970px;
    background: #1C2E3D;
    padding: 20px 140px 80px;
    margin: 0 auto 10px;
    color: #fff;
    text-align: center;
    position: relative;
}

/*wide video & text*/
.elementor-widget-quoteteaser_trailer .quote-teaser-wide-video {
    max-height: 632px;
    overflow: hidden;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-wide-video iframe {
    max-height: 632px;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-wide-video iframe,
.elementor-widget-quoteteaser_trailer .quote-teaser-wide-video video,
.quote-teaser-wide-video .lifelist_perk,
.quote-teaser-wide-video .lifelist_perk_bottom,
.quote-teaser-wide-color .lifelist_perk,
.quote-teaser-wide-image .lifelist_perk,
.quote-teaser-wide-text iframe {
    max-width: 1120px;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-narrow-video {
    max-height: 545px;
    overflow: hidden;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-narrow-video iframe {
    max-height: 545px;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-wide-text iframe {
    transform: translate(-50%, 0px) scale(2) !important;
    max-width: 1120px;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-wide-text .lifelist_perk,
.elementor-widget-quoteteaser_trailer .quote-teaser-wide-text video {
    max-width: 1120px;
}

.elementor-widget-quoteteaser_trailer .quote-teaser-wide-text {
    max-width: 1120px;
    overflow: hidden;
}



.lifelist_perk_bottom h4 {
    font-family: "CircularStd-Book";
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 2px;
}

.lifelist_perk_bottom hr {
    height: 1px !important;
    width: 225px !important;
    background: #D8D8D8 !important;
    margin: 25px auto !important;
}

.lifelist_perk_bottom h3 {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px;
    font-style: italic;
    letter-spacing: 2px;
}

.lifelist_perk_bottom p {
    font-size: 24px;
    letter-spacing: 1px;
}

.lifelist_perk_title h3 {
    font-size: 40px;
    color: #fff;
    font-family: 'Lora', serif;
    margin: 0 0 30px;
    font-style: italic;
}

.lifelist_perk_content {
    font-size: 24px;
    line-height: 30px;
    margin: 30px 30px 20px;
    position: relative;
    z-index: 1;
}

.lifelist_perk_content a {
    border: solid 2px #fff !important;
    width: 300px;
    height: 80px;
    text-align: center;
    line-height: 58px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 4px;
    background: none !important;
    font-weight: normal !important;
    margin-top: 30px !important;
}

.lifelist_perk_content a:hover {
    color: #000 !important;
    background: #fff !important;
}

.lifelist_perk:before {
    width: calc(80% - 20px);
    height: calc(80% - 20px);
    position: absolute;
    content: "";
    top: calc(10% - 10px);
    left: calc(10% + 10px);
    border: solid 2px #fff;
    z-index: 0;
}

.lifelist_perk:after {
    width: calc(80% + 0px);
    height: calc(80% - 40px);
    position: absolute;
    content: "";
    top: calc(10% + 0px);
    left: calc(10% + 0px);
    border: solid 2px #fff;
    z-index: 0;
}

.venue_contact {
    max-width: 970px;
    background: #1C2E3D;
    padding: 70px 20px 90px;
    margin: 30px auto -10px;
    color: #fff;
    position: relative;
    border-radius: 12px;
}

.venue_contact_sec {
    max-width: 800px;
    margin: auto;
}

.venue_contact_title h3 {
    font-size: 40px;
    color: #fff;
    font-family: 'Lora', serif;
    font-style: italic;
}

.venue_contact_bottom_sec {
    display: flex;
    flex-wrap: wrap;
}

.venue_contact_btn_title {
    font-size: 24px;
    font-family: "CircularStd-Bold";
    letter-spacing: 1px;
}

.venue_contact_address {
    max-width: 240px;
    margin-right: 60px;
}

.venue_contact_btn_desc {
    font-size: 24px;
    line-height: 30px;
    margin-top: 26px;
    font-family: "CircularStd-Book";
    letter-spacing: 1px;
}

.venue_contact_btn_desc a {
    color: #fff;
}



.lifelist_intro_video {
    max-width: 800px;
    margin: auto;
    position: relative;
    padding: 10px 0;
}

.lifelist_intro_video .elementor-custom-embed-play i {
    font-size: 80px;
    color: #E8594E;
    opacity: 1;
}

.lifelist_intro_video .elementor-custom-embed-play img {
    cursor: pointer;
}

.lifelist_intro_video .elementor-custom-embed-play {
    top: 80px;
    left: 80px;
}

.lifelist_intro_video img {
    border-radius: 5px;
}

.elementor-custom-overlay-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.experience_textbox ol {
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 2;
}

.experience_textbox ol li {
    padding-left: 15px;
    position: relative;
    font-size: 18px;
    color: #000;
    line-height: 24px;
    margin-bottom: 20px;
}

.experience_textbox ol li:before {
    content: "-";
    margin-right: 10px;
    left: 0;
    position: absolute;
}

.venue_promo_box_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #1C2E3D;
    text-align: center;
    max-width: 970px;
    margin: 0px auto 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
}

.related-content-area .venue_promo_box_sec {
    margin-top: 0;
    margin-bottom: 0;
}

.venue_promo_box_left_sec {
    width: 50%;
    border-radius: 12px 0 0 12px;
    overflow: hidden;
}

.venue_promo_box_right_sec {
    width: 50%;
    padding: 30px;
}

.venue_promo_box_title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.venue_promo_box_desc {
    font-size: 40px;
    color: #fff;
    font-family: 'Lora', serif;
    margin: 0 0 30px;
    line-height: 50px;
    font-style: italic;
    /*display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
}

/*  Width 25%  */

.w-25 .venue_promo_box_right_sec_first {
    height: unset !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.w-25 .venue_promo_box_title {
    margin-bottom: 10px;
}

.w-25 .venue_promo_box_desc {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.w-25 .venue_promo_box_btn a,
.w-33 .venue_promo_box_btn a {
    line-height: 55px !important;
}

.w-33 .venue_promo_box_right_sec_second {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*  Width 30%  */

.w-33 .venue_promo_box_desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.w-33 .venue_promo_box_title {
    margin-bottom: 15px;
}


.venue_promo_box_btn a,
.lifelist_perk_inner_sec .lifelist_perk_content .experience_btn,
.banner_gallery_main_sec.venue_masthead .banner_btn a {
    border: solid 2px #fff !important;
    height: 70px;
    text-align: center;
    line-height: 70px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 4px;
    background: none !important;
    font-weight: normal !important;
    margin: 0px auto 0 !important;
    display: inline-block;
    font-family: "CircularStd-Book";
    padding: 0px 30px !important;
}

.venue_promo_box_btn a {
    height: auto !important;
}

.banner_gallery_main_sec.venue_masthead .banner_btn a {
    margin: 0 !important;
    padding: 0px 54px !important;
}

.explore_masthead .slick-dots .slick-active button:before {
    background: #1C2E3D;
}

.passion-area-width-wide.elementor-widget-explore_passinos,
.passion-area-width-wide.elementor-widget-passion_area,
.passion-area-width-wide.elementor-widget-experience_passinos {
    max-width: unset;
}

.elementor-widget-explore_passinos,
.elementor-widget-passion_area,
.elementor-widget-experience_passinos {
    max-width: 800px;
    margin: auto;
    margin-bottom: 25px;
}

.elementor-widget-explore_passinos .explore_passion_title,
.elementor-widget-experience_passinos .explore_passion_title,
.elementor-widget-passion_area .explore_passion_title {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 600;
    top: 10px;
    font-style: italic;
    margin-bottom: 2px;
    color: #000;
}

.elementor-widget-explore_passinos .explore_passion_desc,
.elementor-widget-experience_passinos .explore_passion_desc,
.elementor-widget-passion_area .explore_passion_desc,
.elementor-widget-passion_area .explore_passion_desc p {
    font-size: 18px;
    color: #000;
    margin-bottom: 16px;
}

.elementor-widget-explore_passinos .explore_sections,
.elementor-widget-experience_passinos .explore_sections,
.elementor-widget-passion_area .explore_sections {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
}

.elementor-widget-explore_passinos .explore_sections .explore_passino_box,
.elementor-widget-experience_passinos .explore_sections .explore_passino_box,
.elementor-widget-passion_area .explore_sections .explore_passino_box {
    padding: 0 10px;
}

.elementor-widget-explore_passinos .explore_sections .explore_passino_box .explore_passino_inner,
.elementor-widget-experience_passinos .explore_sections .explore_passino_box .explore_passino_inner,
.elementor-widget-passion_area .explore_sections .explore_passino_box .explore_passino_inner {
    background: #1C2E3D;
    color: #fff;
    padding: 50px 20px;
    flex-direction: column;
    text-align: center;
    width: 100%;
    border-radius: 12px;
}

.elementor-widget-explore_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_main_title,
.elementor-widget-experience_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_main_title,
.elementor-widget-passion_area .explore_sections .explore_passino_box .explore_passino_inner .box_main_title {
    font-size: 18px;
    font-family: 'k22_didoniregular';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.elementor-widget-explore_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_conent,
.elementor-widget-experience_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_conent,
.elementor-widget-passion_area .explore_sections .explore_passino_box .explore_passino_inner .box_conent {
    font-size: 19px;
}

.venue_promo_box_btn a:hover,
.lifelist_perk_inner_sec .lifelist_perk_content .experience_btn:hover,
.banner_gallery_main_sec.venue_masthead .banner_btn a:hover {
    background: #fff !important;
    color: #000 !important;
}

ol.list_number li:before {
    content: none;
}

ol.list_number li span {
    position: absolute;
    left: 0;
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 500;
    top: 10px;
    font-style: italic;
}

ol.list_number li {
    padding-left: 50px;
    position: relative;
    float: left;
    width: 48%;
}

ol.list_number {
    display: flex;
    flex-wrap: wrap;
    column-count: 1;
    justify-content: space-between;
}

.site-footer {
    position: relative;
    z-index: 9;
}

.site-footer .footer-adv-overlay {
    background-color: #F5F5F5;
    padding-top: 150px;
    padding-bottom: 150px;
}

.site-footer .widget-title {
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-family: "CircularStd-Bold";
    letter-spacing: 1px;
}

.site-footer a {
    color: #000;
    font-size: 24px;
    font-family: "Circular Std Medium";
    line-height: 30px;
    letter-spacing: 1px;
}

.site-footer a:hover {
    color: #1C2E3D;
    text-decoration: underline;
}

.site-footer .ast-container {
    max-width: 900px;

}

.venue_contact_title {
    margin-bottom: 50px;
}

.lifelist_perk_content a {
    font-family: "CircularStd-Book";
}

/* popup */

.experience-modal {
    position: relative;
}

.experience-popup {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(28, 46, 61, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    height: 100%;
    z-index: 999;
    padding: 20px;
}

.lifelist_boost_popup {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

.lifelist_boost_popup .experience-popup,
.related_exp_stories_popup .experience-popup {
    position: unset;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(28, 46, 61, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    height: auto;
    z-index: 9999;
    padding: 20px;
    min-height: 100%;
}

.lifelist_boost_popup .experience-popup .experience-popup-inner {
    height: 100%;
}

.close-experience {
    font-size: 25px;
    color: #fff;
    float: right;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999999;
}

.close-experience:hover {
    color: #fff;
}

.experience-popup-inner {
    max-width: 880px;
    margin: 0 auto;
}

.experience-top-sec {
    text-align: center;
    margin: 50px 0;
    padding: 0 20px;
    color: #fff;
}

.experience-image img {
    width: 100%;
    height: auto;
    border-radius: 100%;
}

.experience-intro-text p {
    font-size: 40px;
    line-height: 50px;
    font-family: 'Lora', serif;
    margin-bottom: 30px;
    font-style: italic;
}

.experience-intro-text {
    margin: 40px 0 0;
}

.experience-host-name {
    font-family: "CircularStd-Book";
    font-size: 24px;
    letter-spacing: 2px;
}

.experience-makeit-sec {
    padding: 100px 20px;
    position: relative;
    max-width: 820px;
    margin: auto;
    text-align: center;
}

.experience-makeit-sec:before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    content: "";
    top: -10px;
    left: 10px;
    border: none;
    z-index: -1;
}

.experience-makeit-sec:after {
    width: calc(100% + 0px);
    height: calc(100% - 40px);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border: none;
    z-index: -1;
}

.makeit-when .show_time_slot ul {
    display: block;
}

.experience-make-title h4 {
    font-family: "CircularStd-Book";
    color: #fff;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 30px;
}

.makeit-selection-sec span {
    color: #fff;
    letter-spacing: 1px;
    font-size: 36px;
}

.makeit-selection-sec span a {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: bold;
    top: 10px;
    font-style: italic;
    color: #fff;
    width: 310px;
    display: inline-block;
    text-align: right;
    outline: 0;
}

.makeit-selection-sec {
    text-align: center;
}

.makeit-selection-sec ul {
    display: none;
}

.makeit-price {
    font-family: "Circular Std Medium";
    font-size: 36px;
    color: #fff;
    margin-top: 30px;
}

a.makeit-to-cart {
    border: solid 2px #fff !important;
    /* width: 300px;*/
    height: 80px;
    text-align: center;
    line-height: 80px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 26px !important;
    letter-spacing: 4px;
    background: none !important;
    font-weight: bold !important;
    margin: 30px auto;
    display: table;
}

a.makeit-to-cart:hover {
    color: #000 !important;
    background: #fff !important;
}

button.makeit-to-cart {
    border: solid 2px #fff !important;
    /*width: 300px;*/
    height: 80px;
    text-align: center;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 26px !important;
    letter-spacing: 4px;
    background: none !important;
    font-weight: bold !important;
    margin: 30px auto;
    display: table;
}

button.makeit-to-cart:hover {
    color: #000 !important;
    background: #fff !important;
}

.makeit-bottom-text {
    max-width: 500px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: auto;
    letter-spacing: 0.5px;
}

.makeit-bottom-text a {
    color: #fff;
    font-family: "CircularStd-Book";
    text-decoration: none;
}

.makeit-bottom-text a:hover {
    color: #fff;
    text-decoration: underline;
}


.makeit-howmany,
.makeit-choose {
    position: relative;
}

.makeit-howmany ul,
.makeit-choose ul {
    position: absolute;
    background: #fff;
    width: 90%;
    border-radius: 5px;
    list-style: none;
    left: 5%;
    margin: 0;
    padding: 10px 30px;
    z-index: 999;

}

.makeit-howmany ul li,
.makeit-choose ul li {
    font-family: 'Lora', serif;
    font-size: 40px;
    text-align: center;
    color: #1C2E3D;
    border-bottom: solid 1px #979797;
    cursor: pointer;
}

.makeit-howmany ul li:last-child,
.makeit-choose ul li:last-child {
    border-bottom: 0;
}

.makeit-choose ul li {
    text-align: left;
    position: relative;
    padding-right: 50px;
}

.makeit-selection-sec .expand_desc {
    font-size: 16px;
    margin-bottom: 10px;
}

.makeit-selection-sec span.tool-tip {
    border: solid 2px #979797;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #1C2E3D;
    font-size: 30px;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 18px;
    font-family: "CircularStd-Book";
}


.bkap-booking-form {
    position: absolute;
    background: #fff;
    width: 90%;
    border-radius: 5px;
    list-style: none;
    left: 5%;
    margin: 0;
    padding: 10px 30px;
    z-index: 999;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 5px;
}

.ui-datepicker table {
    margin: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #555555;
    font-size: 14px;
}

.bkap_duration_section,
.book_start_date_label,
.booking_calender {
    display: none;
}

span.ui-datepicker-month,
span.ui-datepicker-year {
    font-size: 18px;
    color: #000;
    font-family: "CircularStd-Bold";
}

.ui-widget-content {
    border: 0 !important;
    background: #fff !important;
    color: #7D7D7D !important;
    font-family: "CircularStd-Book" !important;
}

.ui-widget-header {
    border: 0 !important;
    background: #fff !important;
    color: #7D7D7D !important;
    font-weight: normal !important;
    font-family: "CircularStd-Book" !important;
}

.woocommerce table.shop_table thead,
.woocommerce-page table.shop_table thead {
    background-color: transparent;
}

#content .page-title,
#content .page-title:hover {
    color: #fff !important;
}

.product-name a {
    color: #1C2E3D;
    font-family: "Circular Std Medium";
}

.component_table_item .component_table_item_indent {
    padding-left: 0 !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border: 1px solid #fff;
    font-family: "CircularStd-Book";
    letter-spacing: 1px;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce .woocommerce-message a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce input.button,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit,
.woocommerce button.button.alt.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product-onsale,
.current_viewer_everyone.action-popup .curr_viewer_action .cancel_action,
.current_viewer_everyone.action-popup .curr_viewer_action .make_public_action,
.current_viewer_user.action-popup .curr_viewer_action .cancel_action,
.current_viewer_user.action-popup .curr_viewer_action .unshare_action,
.connected_content_second_section .new_listing .add_new_listing,
.connected_content_third_section .add_new_connect_section .add_new_connect_listing,
.connected_place_content_second_section .new_listing .add_new_listing,
.connected_place_content_third_section .add_new_connect_section .add_new_connect_listing,
.lifelist_boost_popup .new_listing .add_new_listing,
.lifelist_boost_popup .share_section .invite_user .share_with_user,
.lifelist_boost_popup .connected_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .connected_place_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .boost_details_second_section .add_new_search_listing,
.account_logout a,
.current_viewer_user.action-popup .curr_viewer_action .trash_confirm,
.post_share_btn {
    background-color: #1C2E3D !important;
    border: 0 !important;
    width: 300px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 2px;
    font-weight: normal !important;
    padding: 0 30px !important;
}

.lifelist_boost_popup .experience-popup .button,
.lifelist_boost_popup .share_section .invite_user .share_with_user,
.lifelist_boost_popup .new_listing .add_new_listing,
.lifelist_boost_popup .connected_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .connected_place_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .boost_details_second_section .add_new_search_listing {
    height: 60px;
    line-height: 60px !important;
    font-size: 25px !important;
    border-radius: 10px !important;
    text-transform: capitalize;
}

.lifelist_boost_popup .share_section .invite_user .share_with_user,
.lifelist_boost_popup .submit_btn .formError {
    margin-top: 20px;
    display: block;
}

.connected_content_second_section .new_listing .add_new_listing,
.connected_content_third_section .add_new_connect_section .add_new_connect_listing,
.connected_place_content_second_section .new_listing .add_new_listing,
.connected_place_content_third_section .add_new_connect_section .add_new_connect_listing,
.boost_details_second_section .add_new_connect_section .add_new_search_listing,
.lifelist_boost_popup .new_listing .add_new_listing,
.lifelist_boost_popup .connected_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .connected_place_content_third_section .add_new_connect_listing,
.lifelist_boost_popup .boost_details_second_section .add_new_search_listing {
    width: 100%;
    display: block;
}

.current_viewer_everyone.action-popup .curr_viewer_action .cancel_action,
.current_viewer_everyone.action-popup .curr_viewer_action .make_public_action,
.current_viewer_user.action-popup .curr_viewer_action .cancel_action,
.current_viewer_user.action-popup .curr_viewer_action .unshare_action,
.account_logout a,
.current_viewer_user.action-popup .curr_viewer_action .trash_confirm,
.post_share_btn {
    padding: 12px 20px !important;
}

.woocommerce .woocommerce_checkout_login form button.button:hover,
.woocommerce .wpmc-nav-wrapper button.button.alt:hover {
    background-color: #1C2E3D !important;
    color: #fff !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .woocommerce-message a.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt.disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
    color: #fff !important;
    background-color: #1C2E3D !important;
}


.woocommerce-page.woocommerce-checkout #customer_details h3,
.woocommerce.woocommerce-checkout #customer_details h3 {
    border-bottom: 1px solid #fff;
    color: #fff;
}

form.checkout.woocommerce-checkout {
    font-family: "CircularStd-Book";
    letter-spacing: 2px;
}

.woocommerce form .form-row label {
    font-weight: normal !important;
}

.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce-cart .cart-collaterals .cross-sells>h2 {
    background-color: transparent !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
    font-family: "CircularStd-Book";
}

.component_table_item .component_table_item_indent {
    padding-left: 0;
}

a.checkout-button {
    width: 100% !important;
    height: 45px !important;
}

.woocommerce table.shop_table thead,
.woocommerce-page table.shop_table thead {
    background-color: transparent !important;
}

dt {
    font-weight: normal;
}

.woocommerce-cart table.shop_table .woocommerce-Price-amount,
.woocommerce-cart table.shop_table td.product-name {
    font-weight: normal;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
    font-family: "CircularStd-Book";
    font-weight: normal !important;
}

.woocommerce table.shop_table .woocommerce-Price-amount,
.woocommerce-page table.shop_table .woocommerce-Price-amount {
    font-weight: normal;
    font-family: "CircularStd-Bold";
}

a.woocommerce-privacy-policy-link:hover {
    color: #fff !important;
    text-decoration: underline;
}

.disabled {
    pointer-events: none;
}


.woocommerce-checkout .breaudcum_top a,
.woocommerce-cart .breaudcum_top a {
    color: #1C2E3D;
}

.main-header-menu .sub-menu a {
    padding: .9em 1.4em;
}

.woocommerce-checkout .breaudcum_top,
.woocommerce-cart .breaudcum_top {
    color: #1C2E3D;
}

.woocommerce-checkout .site-title a,
.woocommerce-checkout .site-title a:focus,
.woocommerce-checkout .site-title a:hover,
.woocommerce-checkout .site-title a:visited,
.woocommerce-cart .site-title a,
.woocommerce-cart .site-title a:focus,
.woocommerce-cart .site-title a:hover,
.woocommerce-cart .site-title a:visited {
    color: #1C2E3D;
}

.woocommerce-checkout .login_link,
.woocommerce-cart .login_link {
    color: #1C2E3D;
}

.woocommerce-checkout .menu-item.menu-item-type-post_type .login_link,
.woocommerce-cart .menu-item.menu-item-type-post_type .login_link,
.woocommerce-account .menu-item.menu-item-type-post_type .login_link {
    color: #1C2E3D;
}

.woocommerce-checkout .header_top,
.woocommerce-cart .header_top {
    position: static;
    box-shadow: 0 0 5px 0px #ccc;
}

.woocommerce-checkout .woocommerce h4 {
    color: #1C2E3D;
    font-size: 24px;
    font-family: "CircularStd-Bold";
    letter-spacing: 1px;
    margin: 20px 0;
}

.main-header-menu>.menu-item>a {
    display: block;
}

.product_summary .image {
    width: 49%;
    float: left;
}

.product_summary .desc {
    float: right;
    width: 49%;
}

.product_summary .desc h3 {
    font-family: 'Lora', serif;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
    color: #1C2E3D;
    margin: 0 0 5px;
}

.product_summary .desc h2 {
    font-family: "CircularStd-Book";
    font-size: 24px;
    color: #1C2E3D;
    margin-bottom: 5px;
}

.product_summary .desc p {
    font-family: "CircularStd-Book";
    font-size: 18px;
    color: #1C2E3D;
    line-height: 24px;
}

.product_summary {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}

.woocommerce-checkout .woocommerce {
    max-width: 940px;
    margin: auto;
}

.woocommerce_checkout_login form p {
    color: #1C2E3D;
}

.woocommerce-form__label-for-checkbox {
    margin-bottom: 10px !important;
}

.woocommerce .woocommerce_checkout_login form button.button {
    width: 200px;
}

.lost_password a {
    color: #1C2E3D !important;
}

.lost_password a:hover {
    text-decoration: underline;
}

.venue-stages-main,
.venue-experience-main,
.passion-filter-contailer {
    max-width: 970px;
    margin: auto;
    padding: 10px 0;
}

.venue-stages-main .slick-slide,
.venue-experience-main .slick-slide {
    padding: 0px;
}

/*.main_related.category-section-main { max-width: 900px !important; }
.category-section-main.category-section-twocol { max-width: 800px !important; }*/
.related_title_part {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0px;
}

/*.category-section-main.category-section-twocol { max-width: 900px !important; }*/

.category-section-main .sub-title {
    font-size: 24px;
    line-height: 1.5;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
    font-family: "CircularStd-Book";
}

.category-section-main .main-title,
.experience-section-main .main-title {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin-bottom: 30px !important;
    font-style: italic;
}

.category-section-main p {
    margin-top: 0;
    margin-bottom: 15px !important;
    color: #000;
    line-height: 24px;
}

@media only screen and (min-width: 768px) {
    .category-section-main.category-section-twocol .main-title {
        margin-bottom: -20px;
    }

    .wpmc-nav-wrapper {
        justify-content: space-between !important;
    }

    .wpmc-nav-wrapper #wpmc-next {
        /*margin: auto;*/
        margin-right: 6px;
    }
}

.experience-section-main .sub-title {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    font-family: "CircularStd-Book";
    margin-bottom: 20px;
}

.experience-section-main .right-desc span,
.experience-section-main .right-desc a {
    font-size: 18px;
    color: #1C2E3D;
    font-family: "CircularStd-Book";
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.experience-section-main .right-desc span.status {
    font-weight: 500;
}

.experience-section-main .right-desc {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.experience-section-main .experience-row .experience-image img {
    width: 100%;
    border-radius: 0;
}

.experience-section-main .social_icons {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.experience-section-main .social_icons ul {
    margin: 0;
}

.experience-section-main .social_icons ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.experience-section-main .social_icons ul li:last-child {
    margin-right: 0;
}

.experience-section-main .right-desc .share_section {
    z-index: 2;
    margin-left: 15px;
}

.experience-section-main .right-desc .share_section:hover .social_icons {
    opacity: 1;
    bottom: 28px;
}

.main-desc,
.main-desc p {
    font-family: "CircularStd-Book";
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px !important;
    margin-top: 30px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
}

.category-section-main .category-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    gap: 10px;
}

.category-section-main .category-content-inner {
    flex-direction: column;
    padding: 0;
}

/* Grid column layout fixes for flexible related content */
.category-section-main .category-row .elementor-column {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 1px;
    padding: 0;
    box-sizing: border-box;
}

.category-section-main .category-row .elementor-col-33 {
    flex: 0 0 calc(33.333333% - 7px);
    max-width: calc(33.333333% - 7px);
}

.category-section-main .category-row .elementor-col-50 {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.category-section-main .category-row .elementor-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Ensure proper flex container for the grid */
.elementor-widget-flexible_related_content .category-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
}

/* Material Design Card Styling for Flexible Related Content */
.elementor-widget-flexible_related_content .category-content-inner {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    margin-bottom: 24px;
}

.elementor-widget-flexible_related_content .category-content-inner:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Material Design styling for category images */
.elementor-widget-flexible_related_content .category-image {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
}

.elementor-widget-flexible_related_content .category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-widget-flexible_related_content .category-content-inner:hover .category-image img {
    transform: scale(1.05);
}

/* Content padding for card layout */
.elementor-widget-flexible_related_content .category-content-inner .passion-title,
.elementor-widget-flexible_related_content .category-content-inner .category-title,
.elementor-widget-flexible_related_content .category-content-inner .category-desc,
.elementor-widget-flexible_related_content .category-content-inner .category-maker,
.elementor-widget-flexible_related_content .category-content-inner .content-sub-title {
    padding-left: 16px;
    padding-right: 16px;
}

.elementor-widget-flexible_related_content .category-content-inner .passion-title:first-of-type,
.elementor-widget-flexible_related_content .category-content-inner .content-sub-title:first-of-type {
    padding-top: 16px;
}

.elementor-widget-flexible_related_content .category-content-inner .category-maker:last-of-type {
    padding-bottom: 16px;
}

/* Ensure category-maker stays on single line */
.elementor-widget-flexible_related_content .category-content-inner .category-maker {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Mobile/carousel material design styling - EXACT STREAM MATCH */
@media (max-width: 768px) {
    /* Stream-style carousel for flexible-related-content */
    .category-section-main.venue-stages-main .category-row.related-content-area {
        display: flex !important;
        overflow: hidden !important;
        position: relative !important;
        transition: transform 0.3s ease !important;
        margin-right: -20px !important;
        column-gap: 10px !important;
    }
    
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner {
        background: #ffffff;
        border-radius: 0 !important; /* Remove border radius */
        box-shadow: none !important; /* Remove drop shadow */
        overflow: hidden;
        flex: 0 0 60% !important;
        max-width: 60% !important;
        margin-right: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Remove left margin from first card in mobile carousel */
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner:first-child {
        margin-left: 0 !important;
    }
    
    /* Apply 6px radius to images in mobile carousel */
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner .category-image,
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner .category-image img {
        border-radius: 6px !important;
    }
    
    /* Remove left padding from specific elements in mobile carousel */
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner .category-maker,
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner .category-title.flx_stream_section,
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner .elementor-element.elementor-element-156763.elementor-headline--style-rotate.elementor-widget.elementor-widget-animated-headline {
        padding-left: 0 !important;
    }
    
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner:hover {
        box-shadow: none !important; /* Remove hover shadow too */
    }
    
    /* Swiper-based flexible related content carousel styles */
    .flexible-related-swiper .swiper-slide .category-content-inner {
        border-radius: 0 !important; /* Remove border radius */
        box-shadow: none !important; /* Remove drop shadow */
    }
    
    .flexible-related-swiper .swiper-slide .category-content-inner:hover {
        box-shadow: none !important; /* Remove hover shadow */
    }
    
    /* Remove left margin from first swiper slide - target both the slide and any nested content */
    .flexible-related-swiper .swiper-slide:first-child {
        margin-left: 0 !important;
    }
    
    .flexible-related-swiper .swiper-slide.swiper-slide-active:first-child {
        margin-left: 0 !important;
    }
    
    /* Apply 6px radius to images in swiper carousel */
    .flexible-related-swiper .swiper-slide .category-image,
    .flexible-related-swiper .swiper-slide .category-image img,
    .flexible-related-swiper .swiper-slide .category-image-1fa87bd,
    .flexible-related-swiper .swiper-slide .onpage-top-section {
        border-radius: 6px !important;
    }
    
    /* Remove left padding from specific elements in swiper carousel */
    .flexible-related-swiper .swiper-slide .category-maker,
    .flexible-related-swiper .swiper-slide .category-title.flx_stream_section,
    .flexible-related-swiper .swiper-slide .elementor-headline--style-rotate.elementor-widget-animated-headline,
    .flexible-related-swiper .swiper-slide .elementor-element.elementor-headline--style-rotate,
    .flexible-related-swiper .swiper-slide .elementor-widget-animated-headline,
    .flexible-related-swiper .swiper-slide .passion-title {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Optimize font size for mobile carousel - best practice is 16px for card titles */
    .flexible-related-swiper .swiper-slide .category-title.flx_stream_section,
    .flexible-related-swiper .swiper-slide .category-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    
    /* Reduce spacing on text elements for mobile carousel - Fever-inspired compact design */
    /* Base passion-title styling - max 10px combined margin/padding for ALL passion titles */
    .flexible-related-swiper .swiper-slide .passion-title,
    .flexible-related-swiper .swiper-slide h4.passion-title {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        color: #666 !important;
    }
    
    /* Override Elementor animated headline - ensure 10px max for animated versions */
    .flexible-related-swiper .swiper-slide .elementor-headline.passion-title,
    .flexible-related-swiper .swiper-slide h4.elementor-headline.passion-title,
    .flexible-related-swiper .swiper-slide .elementor-headline--style-rotate.passion-title {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 2px !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .flexible-related-swiper .swiper-slide .category-title {
        margin-top: 2px !important;
        margin-bottom: 4px !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
    }
    
    .flexible-related-swiper .swiper-slide .category-maker {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        opacity: 0.7 !important;
    }
    
    /* Optimize text in image section - perfect vertical and horizontal centering */
    .flexible-related-swiper .swiper-slide .related-grid-text-centered {
        font-size: 14px !important;
        line-height: 1.3 !important;
        padding: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100% !important;
    }
    
    /* Ensure onpage-top-section provides proper centering context */
    .flexible-related-swiper .swiper-slide .onpage-top-section {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .flexible-related-swiper .swiper-slide .category-image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Target specific animated headline elements by their IDs */
    .flexible-related-swiper .swiper-slide .elementor-element-156763,
    .flexible-related-swiper .swiper-slide .elementor-element-156777,
    .flexible-related-swiper .swiper-slide .elementor-element-159253,
    .flexible-related-swiper .swiper-slide .elementor-element-159259 {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .flexible-related-swiper .swiper-slide .elementor-element-156763 .elementor-widget-container,
    .flexible-related-swiper .swiper-slide .elementor-element-156777 .elementor-widget-container,
    .flexible-related-swiper .swiper-slide .elementor-element-159253 .elementor-widget-container,
    .flexible-related-swiper .swiper-slide .elementor-element-159259 .elementor-widget-container {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}

/* Small mobile adjustments (exact stream match) */
@media (max-width: 480px) {
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner {
        flex: 0 0 85% !important;
        max-width: 85% !important;
    }
}

/* Responsive grid behavior */
@media (max-width: 768px) {
    /* On mobile, disable grid and let carousel take over */
    .category-section-main .category-row .elementor-col-33,
    .category-section-main .category-row .elementor-col-50 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    /* Ensure mobile carousel works properly with stream-style */
    .category-section-main.venue-stages-main .category-row.related-content-area {
        display: flex !important;
        overflow: hidden;
        transform: translateX(0);
    }
}

@media (min-width: 769px) {
    /* On desktop, ensure grid layout works and carousel is disabled */
    .elementor-widget-flexible_related_content .category-row {
        display: flex !important;
        flex-wrap: wrap;
    }
    
    /* Reset mobile carousel styles for desktop but preserve grid layout */
    .category-section-main.venue-stages-main .category-row.related-content-area {
        display: flex !important;
        flex-wrap: wrap;
        width: 100% !important;
        transform: none !important;
        overflow: visible !important;
        margin-right: 0 !important;
        column-gap: normal !important;
    }
    
    /* Preserve original grid column sizing on desktop */
    .category-section-main.venue-stages-main .category-row.related-content-area .category-content-inner {
        margin-right: 0 !important;
        /* DO NOT override flex or max-width - let Elementor column classes handle this */
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .category-section-main .category-row .elementor-col-33 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.category-section-main .category-image {
    margin-bottom: 15px;
}

.experience-section-main .lifelist_host_icon {
    position: absolute;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 24px;
    color: #fff;
}

.category-section-main .category-title,
.experience-section-main .experience-title {
    color: #1C2E3D;
    font-size: 30px;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    font-family: 'Lora', serif;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    font-style: italic;
    /* Limit to 2 lines with ellipsis */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(29px * 2); /* 2 lines * line-height */
}

.category-section-main .category-title a,
.experience-section-main .experience-title a {
    color: #1C2E3D;
    /* Ensure link inherits the multi-line truncation */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.elementor-widget-flexible_related_content .passion-title {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    font-family: 'K22 Didoni';
    letter-spacing: 0.5px;
    font-style: unset;
    /* Ensure single line with ellipsis */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Handle Elementor headline animation wrapper */
.elementor-widget-flexible_related_content .passion-title.elementor-headline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Ensure the dynamic wrapper doesn't exceed container */
.elementor-widget-flexible_related_content .passion-title .elementor-headline-dynamic-wrapper {
    max-width: calc(100% - 30px); /* Account for "For" text */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

/* Ensure the dynamic text doesn't wrap */
.elementor-widget-flexible_related_content .passion-title .elementor-headline-dynamic-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stage_box_2 .category-desc {
    line-height: 29px !important;
}

.category-section-main .category-desc {
    font-size: 24px;
    line-height: 31px;
    color: #1C2E3D;
    font-weight: 400;
    font-family: "CircularStd-Book";
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

.category-section-main a.category-desc {
    font-weight: 600;
}

.category-section-main .category-maker {
    margin: 0px;
}

.venue_promo_box_right_sec .venue_promo_box_btn {
    margin-top: 20px;
}

.experience_section.category-section-main .category-title,
.experience_section.experience-section-main .experience-title {
    color: #1C2E3D;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    font-family: 'K22 Didoni';
    letter-spacing: 0.5px;
    font-style: unset;
    margin-bottom: 1px;
}

.experience-section-main .experience-content-inner {
    margin-top: 5px;
    padding-left: 25px;
}


.experience-section-main .experience-content-inner .experience-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.experience-section-main .experience-content-inner .experience-content .experience-bottom-section {
    width: 100%;
}

.experience-section-main .experience-subtitle {
    font-size: 24px;
    font-family: "CircularStd-Book";
    color: #1C2E3D;
    line-height: 24px;
    margin-bottom: 12px;
}

.experience-section-main .experience-desc {
    font-size: 18px;
    font-family: "CircularStd-Book";
    color: #1C2E3D;
    line-height: 24px;
    margin-bottom: 20px;
}

.slick-dots {
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
}

div#bkap-price-box {
    display: none;
}

.ui-icon-circle-triangle-e {
    background-position: -32px 0px !important;
}

.ui-icon-circle-triangle-w {
    background-position: -96px 0 !important;
}

.makeit-selection-sec .ui-datepicker-calendar th span {
    color: #7D7D7D !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-family: "CircularStd-Book" !important;
    font-weight: normal !important;
}

.ui-datepicker table {
    border: 0 !important;
}

.ui-datepicker th {
    border-bottom: solid 1px #999999 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0 !important;
    background: #fff !important;
    font-weight: normal !important;
    font-size: 16px !important;
    text-align: center !important;
    font-family: "Circular Std Medium" !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    color: #BDBDBD !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #212121 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    color: #212121 !important;
}

.ui-state-disabled .ui-state-default {
    color: #a5a5a5 !important;
}

.sec_top_title h3 {
    font-size: 21px;
    color: #000;
    font-family: "CircularStd-Bold";
    margin: 30px 0;
    letter-spacing: 1px;
}

#show_time_slot {
    width: 50%;
    float: right;
}

#bkap_start_date {
    width: 50%;
    float: left;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0 !important;
    background: none !important;
    font-weight: normal !important;
    color: #212121 !important;
}

span#bkap_price {
    display: none !important;
}

ul.bkap-duration-block li a {
    color: #211818;
    font-family: "Circular Std Medium" !important;
    font-size: 16px;
    border: solid 2px #211818;
    padding: 3px;
    border-radius: 5px !important;
    margin: 15px 0 0;
    width: auto !important;
    height: auto !important;
    display: block;
    text-align: center;
    outline: 0;
}

ul.bkap-duration-block {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
}

span.top_head.selected a {
    text-align: center;
    width: 100%;
}

.bkap-duration-block li.bkap_block {
    width: 30%;
    float: left;
    margin-right: 10px;
}

.experience-sticky.hide-sticky,
.venue-sticky.hide-sticky {
    opacity: 0;
    transition: all 0.3s ease;
}

.experience-sticky,
.venue-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 101;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    box-shadow: 0 0 3px #ccc;
    transition: all 0.3s ease;
    align-items: center;
}

.admin-bar .experience-sticky,
.admin-bar .venue-sticky {
    top: 32px;
}

.experience-sticky-name,
.venue-sticky-name {
    font-family: "CircularStd-Book";
    font-size: 24px;
    letter-spacing: 1px;
    color: #1C2E3D;
}

.experience-sticky-name .fas,
.venue-sticky-name .fas {
    margin-right: 5px;
}

.experience-sticky-name i,
.venue-sticky-name i {
    font-size: 15px;
}

.content_type_icon i {
    padding-right: 5px;
}

a.button.stick-button {
    background: #1C2E3D !important;
    font-family: "CircularStd-Book" !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
}

a.button.stick-button:hover {
    background: #1C2E3D !important;
    color: #fff !important;
}

.experience-sticky-right {
    margin-top: 3px;
}

.experience-sticky .experience-sticky-right .lifelist_booking i {
    position: relative;
    top: -3px;
}

.experience-sticky-right a {
    font-size: 24px;
    margin-left: 9px;
    margin-right: 9px;
    color: #1C2E3D;
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle, none));
    transform: rotate(var(--fa-rotate-angle, none));
}

a.lifelist_play_actions {
    position: absolute;
    right: 20px;
    color: #1C2E3D;
    display: none;
}

.experience-sticky-right a.add_lifelist .fa {
    margin-top: -6px;
}

a.button.stick-button.improve_btn {
    background: transparent !important;
    border: 2px solid #1C2E3D !important;
    color: #1C2E3D !important;
}

a.button.stick-button.improve_btn:hover {
    background: #1C2E3D !important;
    color: #fff !important;
}

a.button.stick-button.boost_btn {
    background: transparent !important;
    border: 2px solid #1C2E3D !important;
    color: #1C2E3D !important;
}

a.button.stick-button.boost_btn:hover {
    background: #1C2E3D !important;
    color: #fff !important;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    margin-top: 40px;
}

.woocommerce-message a:hover {
    background-color: #1C2E3D !important;
    color: #fff !important;
}

.elementor-widget-quoteteaser_trailer .elementor-fit-aspect-ratio iframe,
.elementor-widget-quoteteaser_trailer .elementor-fit-aspect-ratio video {
    left: 50%;
    transform: translate(-50%, 0px);
    position: absolute;
}

.lifelist_perk.explore_teaser {
    padding: 130px 150px;
    margin: 10px auto 10px;
}

.lifelist_perk.explore_teaser .lifelist_perk_title h3 {
    font-size: 24px;
    font-family: "CircularStd-Book";
    margin: 0 0 30px;
    font-weight: 400;
    font-style: unset;
}

.lifelist_perk.explore_teaser .lifelist_perk_inner_sec .lifelist_perk_content {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    font-style: italic;
    margin: 40px 10px 20px;
}

.loader-main .loader-inner .loader-img {
    width: 280px;
}

.venue_location_box,
.explore_passion_main,
.experience_textbox,
.venue_promo_box,
.experience_review {
    padding: 10px 0px;
}

/*custome popup start*/

.improve-boost-modal {
    position: relative;
}

.improve-boost-modal .lifelist_improve_boost .experience-popup-inner,
.improve-boost-modal .lifelist_boost_popup .experience-popup-inner,
.improve-boost-modal .action-popup .action-popup-inner {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 22px 0px 30px;
    overflow: hidden;
    min-height: 93vh;
}

.improve-boost-modal .linked-listing-inner {
    max-width: 500px !important;
}

.current_viewer_everyone.action-popup .action-popup-inner,
.current_viewer_user.action-popup .action-popup-inner {
    padding: 20px 0px 20px;
    align-items: center;
    background: transparent;
    width: 100%;
}

.current_viewer_everyone.action-popup .action-popup-inner>div,
.current_viewer_user.action-popup .action-popup-inner>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 20px 30px;
    width: 100%;
}

.trash_confirm_popup .action-popup-inner>div {
    display: block !important;
}

.improve-boost-modal .lifelist_improve_boost .improve_top_section,
.improve-boost-modal .lifelist_boost_popup .improve_top_section {
    border-bottom: 0px solid #1C2E3D !important;
    padding: 0 30px;
    padding-bottom: 22px;
    margin-bottom: 0px;
}

.improve-boost-modal .lifelist_improve_boost .improve_top_section .improve_top_section_title,
.improve-boost-modal .lifelist_boost_popup .improve_top_section .improve_top_section_title {
    text-align: center;
}

.improve-boost-modal .lifelist_improve_boost .improve_top_section h3,
.improve-boost-modal .lifelist_boost_popup .improve_top_section h3 {
    font-weight: 700;
    color: #1C2E3D !important;
    font-size: 23px;
    letter-spacing: 0.75px;
}

.improve-boost-modal .lifelist_improve_boost .improve_top_section .improve_top_section_title .improve_post_title,
.improve-boost-modal .lifelist_boost_popup .improve_top_section .improve_top_section_title .improve_post_title {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 50px;
}

.improve-boost-modal .lifelist_improve_boost .improve_bottom_section,
.improve-boost-modal .lifelist_boost_popup .improve_bottom_section {
    display: block;
    background: #fff;
    padding: 20px 20px 0;
    text-align: right;
}

.improve-boost-modal .lifelist_improve_boost .improve_bottom_section .improve_submit_btn,
.improve-boost-modal .lifelist_boost_popup .improve_bottom_section .improve_submit_btn {
    background-color: #1C2E3D !important;
    border: 0 !important;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: normal !important;
    border-radius: 10px !important;
    height: 60px;
    line-height: 60px !important;
    font-size: 25px !important;
    text-transform: capitalize;
    display: block;
}

.lifelist_boost_popup .selected {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.lifelist_boost_popup .dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
    }
}

.improve-boost-modal .lifelist_improve_boost .improve_center_section,
.improve-boost-modal .lifelist_boost_popup .improve_center_section,
.lifelist_boost_popup .experience-popup-inner .connected_content>div.improve_center_section,
.lifelist_boost_popup .experience-popup-inner .edit_design>div.improve_center_section,
.lifelist_boost_popup .experience-popup-inner .boost_details>div.improve_center_section,
.lifelist_boost_popup .experience-popup-inner .duplicate>div.improve_center_section,
.lifelist_boost_popup .experience-popup-inner .connected_place_content>div.improve_center_section {
    padding: 0 30px;
    padding-bottom: 0px;
}

.lifelist_boost_popup .linked-listing-inner .connected_content>div.improve_center_section,
.lifelist_boost_popup .linked-listing-inner .connected_place_content>div.improve_center_section {
    padding: 0 !important;
}

.connected_content .connected_first_section .create_new_connect,
.connected_place_content .connected_first_section .create_new_connect {
    margin-top: 28px;
}

.experience-popup-inner .boost_share .improve_center_section {
    padding-bottom: 10px;
}

.linked-listing-inner .improve_info_section {
    text-align: center;
}

.linked-listing-inner .improve_info_section,
.linked-listing-inner .connected_tabs ul {
    padding: 0 16px;
}

.linked-listing-inner .host-bar {
    padding: 0px !important;
}

.linked-listing-inner .improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.linked-listing-inner .connected_content .connected_tabs .expbox-wrapper ul li:not(:last-child)::after,
.linked-listing-inner .connected_place_content .connected_tabs .expbox-wrapper ul li:not(:last-child)::after {
    content: unset;
}

.linked-listing-inner span.ui-accordion-header-icon {
    margin-top: 0 !important;
}

.linked-listing-inner .host-actions {
    order: 1;
}

.linked-listing-inner .improve_bottom_section {
    z-index: 1050 !important;
}

.linked-listing-inner .back_section {
    top: 16px;
    padding-left: 16px !important;
}

.linked-listing-inner .improve_info_section {
    opacity: 100%;
}

.linked-listing-inner .improve_info_section p {
    font-weight: 400;
    color: #1C2E3D;
    font-size: 14px !important;
    letter-spacing: 0.58px;
}

.linked-listing-inner .connected_content .connected_tabs ul li,
.linked-listing-inner .connected_place_content .connected_tabs ul li {
    font-size: 14px;
    color: #1C2E3D !important;
    font-weight: 700;
    letter-spacing: 0.58px;
}

.linked-listing-inner .connected_content .connected_tabs ul li.active,
.linked-listing-inner .connected_place_content .connected_tabs ul li.active {
    font-weight: 700;
}

.linked-listing-inner .expbox {
    margin-bottom: 0px !important;
}

.linked-listing-inner .expbox-header {
    margin-left: 16px !important;
    margin-right: 16px !important;
    border-radius: 0px !important;
}

.improve-boost-modal .lifelist_boost_popup .linked-listing-inner .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    background: none !important;
    text-indent: unset;
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
    height: unset;
    width: unset;
    line-height: normal !important;
    /*opacity: 1!important;*/
    color: #555555;
}

.improve-boost-modal .linked-listing-inner .host-actions {
    line-height: normal;
    margin-bottom: -3px;
    margin-left: auto;
    margin-right: 19px;
    opacity: 0.4;
}

.expbox-header.ui-state-hover a.delete_linked_list {
    color: #555555 !important;
}

.improve-boost-modal .lifelist_improve_boost .improve_center_section h4,
.improve-boost-modal .lifelist_boost_popup .improve_center_section h4,
.boost_share .first_section .share-title {
    color: #1C2E3D !important;
    font-weight: 600;
    font-size: 20px !important;
    margin-bottom: 16px;
}

.linked-listing-inner .improve_center_section h5 {
    font-size: 14px !important;
    font-weight: 700;
    color: #262626;
    text-align: left;
    letter-spacing: 0.58px;
}

.linked-listing-inner .title h5 {
    font-size: 12px !important;
}

.improve-boost-modal .lifelist_boost_popup .linked-listing-inner .ui-accordion .ui-accordion-header {
    border: unset;
    opacity: 1;
}

.improve-boost-modal .lifelist_boost_popup .linked-listing-inner .ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.improve-boost-modal .lifelist_improve_boost .improve_top_right span,
.improve-boost-modal .lifelist_boost_popup .improve_top_right span {
    color: #1C2E3D !important;
}

.improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-header,
.improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding: .5em 0em .5em 0em;*/
    padding: 14px 0px;
    font-size: 18px !important;
    font-family: "CircularStd-Book" !important;
    color: #1C2E3D !important;
    opacity: 0.8;
    border-bottom: 2px solid #cecece !important;
    margin-top: 0px;
}

.improve-boost-modal .lifelist_boost_popup .linked-listing-inner .ui-accordion .ui-accordion-header.ui-accordion-header-active {
    border-bottom: none !important;
}

.improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
.improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: unset;
    order: 2;
    width: 28px;
    height: 20px;
    background-image: url(/wp-content/plugins/lifelist-core//assets/images/down-arrow.png);
    -webkit-mask-image: url(/wp-content/plugins/lifelist-core//assets/images/down-arrow.png);
    mask-image: url(/wp-content/plugins/lifelist-core//assets/images/down-arrow.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #000000;
    opacity: 0.4;
    margin-top: 7px;
}

.improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon,
.improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
    background-image: url(/wp-content/plugins/lifelist-core//assets/images/up-arrow.png);
    -webkit-mask-image: url(/wp-content/plugins/lifelist-core//assets/images/up-arrow.png);
    mask-image: url(/wp-content/plugins/lifelist-core//assets/images/up-arrow.png);
    background: #000000;
}

.improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-content,
.improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-content {
    padding: 20px 0px;
    height: auto !important;
}

.improve-boost-modal .lifelist_improve_boost .form_field:not(:last-child),
.improve-boost-modal .lifelist_boost_popup .form_field:not(:last-child) {
    margin-bottom: 15px;
    /*margin-bottom: 30px;*/
}

.improve-boost-modal .lifelist_improve_boost .form_field label,
.improve-boost-modal .lifelist_boost_popup .form_field label {
    display: block;
    margin-bottom: 12px;
}

.improve-boost-modal .lifelist_improve_boost .form_field input,
.improve-boost-modal .lifelist_improve_boost .form_field textarea,
.improve-boost-modal .lifelist_improve_boost .form_field select,
.improve-boost-modal .lifelist_boost_popup .form_field input,
.improve-boost-modal .lifelist_boost_popup .form_field textarea,
.improve-boost-modal .lifelist_boost_popup .form_field select {
    width: 100%;
    height: 52px;
    background: #efefef;
    border-radius: 8px;
    border-width: 0;
    color: #000;
}

.improve-boost-modal .lifelist_boost_popup .form_field .select2-container {
    width: 100% !important;
}

.improve-boost-modal .lifelist_improve_boost .form_field textarea,
.improve-boost-modal .lifelist_boost_popup .form_field textarea {
    height: 140px;
}

.improve-boost-modal .lifelist_improve_boost .form_field input[type="checkbox"],
.improve-boost-modal .lifelist_boost_popup .form_field input[type="checkbox"] {
    max-width: 22px;
    height: 22px;
}

.shared_icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
}

.shared_icon.shared {
    background-color: #99c12c;
}

.shared_icon.not_shared {
    background-color: #bebebe;
}

.action-popup {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(28, 46, 61, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    height: 100%;
    z-index: 999999;
    padding: 20px;
}

/*boost start*/
.lifelist_boost_popup .inner_section .first_section,
.lifelist_boost_popup .current_viewer .current_viewer_sec,
.lifelist_boost_popup .boost_share .first_section,
.lifelist_boost_popup .boost_share i.left_icon {
    font-size: 44px;
    cursor: pointer;
    line-height: 42px;
}

.lifelist_boost_popup .current_viewer .current_viewer_sec {
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.lifelist_boost_popup .inner_section .first_section i,
.lifelist_boost_popup .inner_section .second_section i,
.lifelist_boost_popup .boost_share i.left_icon {
    vertical-align: middle;
    cursor: pointer;
}

.lifelist_boost_popup .inner_section .first_section i.right_icon,
.lifelist_boost_popup .boost_share .improve_center_section .first_section i.right_icon {
    float: right;
    line-height: 44px;
    font-size: 30px;
}

.lifelist_boost_popup .inner_section .back_section {
    font-size: 40px;
    margin-bottom: 10px;
}

.lifelist_boost_popup .improve_center_section .section_bottom {
    padding-top: 60px;
    margin-top: 15px;
    border-top: 2px solid #cecece !important;
}

.lifelist_boost_popup .boost_share_world {
    text-align: center;
    display: block;
}

.lifelist_boost_popup .goal_section h4,
.lifelist_boost_popup .boost_time_section h4 {
    font-size: 24px !important;
    font-family: "CircularStd-Book" !important;
    color: #1C2E3D !important;
    opacity: 0.8;
    border-bottom: 2px solid #cecece !important;
    margin-top: -15px;
}

.lifelist_boost_popup .boost_time_section h4 {
    margin-top: 50px;
}

.lifelist_boost_popup .goal_section h4+div p {
    margin-bottom: 0;
    display: inline-block;
}

.lifelist_boost_popup .goal_section h4+div p:last-child {
    float: right;
}

input[type='range'] {
    /*overflow: hidden;*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background-color: #bebfba;
    border-radius: 100px;
    height: 14px;
}

input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #222;
    margin-top: 0px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden;
    height: auto;
}

input[type='range']::-webkit-slider-thumb {
    width: 16px;
    -webkit-appearance: none;
    height: 16px;
    cursor: pointer;
    background: #bebfb9;
    box-shadow: -1000px 0px 0px 994px #c9e05d;
    border: 4px solid #fff;
    z-index: 100;
    position: relative;
    margin: 0;
}

/*input[type="range"]::-moz-range-progress {
  background-color: #43e5f7; 
}
input[type="range"]::-moz-range-track {  
  background-color: #9a905d;
}
input[type="range"]::-ms-fill-lower {
  background-color: #43e5f7; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #9a905d;
}*/

.boost_calendar .ui-datepicker {
    width: 100%;
}

.boost_calendar .ui-datepicker th {
    border: none !important;
}

.boost_calendar .ui-datepicker-header .ui-datepicker-prev span,
.boost_calendar .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover span,
.boost_calendar .ui-datepicker-header .ui-datepicker-next span,
.boost_calendar .ui-datepicker-header .ui-datepicker-next.ui-datepicker-prev-hover span {
    background-size: 490px;
    width: 36px;
    height: 36px;
    background-position: -182px 0 !important;
}

.boost_calendar .ui-datepicker-header .ui-datepicker-next span,
.boost_calendar .ui-datepicker-header .ui-datepicker-next.ui-datepicker-prev-hover span {
    background-position: -57px 0 !important;
}

.lifelist_boost_popup .boost_share {
    overflow: unset !important;
}

.lifelist_boost_popup .boost_share .improve_center_section {
    padding-bottom: 0px;
}

.lifelist_boost_popup .ui-datepicker table {
    margin: 0;
}

.lifelist_boost_popup .ui-datepicker .formMessage {
    margin-bottom: -8px;
    display: block;
}

.lifelist_boost_popup .second_section .search_user {
    width: 90%;
    border: none;
    padding: 0px 20px;
    vertical-align: middle;
}

.lifelist_boost_popup .share_section .share_search_user,
.connected_second_section .search_connects_section {
    border-bottom: 2px solid #cecece !important;
}

.connected_second_section .search_connects_section i {
    color: #000;
}

.connected_second_section .search_connects_result,
.connected_place_content_second_section .search_place_connects_result {
    margin-top: 15px;
}

.lifelist_boost_popup .share_section .search_user,
.connected_second_section #search_connect,
.connected_second_section #search_connect_place,
.connected_second_section #search_boosted {
    border: none;
    outline: none;
    width: 90%;
}

.lifelist_boost_popup .current_viewer {
    margin-top: 60px;
}

.lifelist_boost_popup .share_section .shareable_search_results .set_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.lifelist_boost_popup [data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 26px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    color: white;
    font-style: normal;
    text-transform: uppercase;
    margin-right: 10px;
}

.current_viewer_sec .left_icon:after {
    content: "|";
    font-style: normal;
    margin-right: 20px;
}

.current_viewer_sec i:last-child:after {
    content: "";
}

.lifelist_boost_popup .share_section .shareable_search_results .set_user i,
.lifelist_boost_popup .curr_viewer_list i {
    font-size: 44px;
    opacity: 0.6;
}

.lifelist_boost_popup .share_section .shareable_search_results .set_user .share_with_user {
    width: 82%;
}

.lifelist_boost_popup .share_section .shareable_search_results p {
    margin: 0;
    margin-top: 15px;
}

.lifelist_boost_popup .share_section i {
    color: #000;
    font-size: 28px;
}

.lifelist_boost_popup .current_viewer>h4 {
    opacity: 0.8;
}

.lifelist_boost_popup .curr_viewer_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}

.lifelist_boost_popup .curr_viewer_list .current_viewer_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    padding-left: 12px;
}

.lifelist_boost_popup .curr_viewer_list .current_viewer_user a {
    color: #0170b9;
    margin-left: 20px;
}

.current_viewer_everyone .action-popup-inner,
.current_viewer_user.action-popup .action-popup-inner {
    display: flex;
    justify-content: space-between;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.current_viewer_everyone .action-popup-inner .cancel_action,
.current_viewer_user.action-popup .action-popup-inner .cancel_action,
.current_viewer_user.action-popup .action-popup-inner .trash_confirm {
    margin-left: 10px;
}

.trash_confirm_popup .curr_viewer_action a:first-child {
    margin-left: 0px !important;
}

.trash_confirm_popup .curr_viewer_action {
    margin-top: 10px;
}

/*boost end*/

.lifelist_boost_popup .improve_center_section {
    /* min-height: 77vh; */
    position: relative;
}

.improve_center_section .edit_form_section .inner_section h3 {
    font-size: 20px;
}

/*connected start*/
.connected_content .connected_tabs ul,
.connected_place_content .connected_tabs ul {
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.connected_content .connected_tabs ul li,
.connected_place_content .connected_tabs ul li {
    color: #1C2E3D !important;
    cursor: pointer;
}

.connected_content .connected_tabs ul li:not(:last-child)::after,
.connected_place_content .connected_tabs ul li:not(:last-child)::after {
    content: "|";
    margin: 0 12px;
}
.connected_content .connected_tabs ul li.things-to-do.active::after{
    display: none;
}

.connected_content .connected_tabs .expbox-body ul li:not(:last-child)::after,
.connected_place_content .connected_tabs .expbox-body ul li:not(:last-child)::after {
    content: "";
    margin: 0;
}

.connected_content .cc_data_list,
.connected_place_content .cc_data_list {
    color: #1C2E3D;
    border-bottom: 2px solid #cecece !important;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.connected_content .connected_tabs .cc_data_sec .cc_data_list:last-child,
.connected_place_content .connected_tabs .cc_data_sec .cc_data_list:last-child {
    margin-bottom: 0 !important;
}

.connected_content .cc_data_list i,
.connected_place_content .cc_data_list i {
    display: inline-block;
    margin-right: 20px;
    color: #dfdfdf;
    font-size: 26px;
    line-height: 54px;
    border-radius: 10px;
    overflow: hidden;
    vertical-align: middle;
}

.connected_content .cc_data_list .cc_title,
.connected_place_content .cc_data_list .cc_title {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.connected_content .cc_data_list .actions,
.connected_place_content .cc_data_list .actions {
    float: right;
    font-size: 38px;
    margin-top: -6px;
}

.connected_content .cc_data_list .actions a i,
.connected_place_content .cc_data_list .actions a i {
    color: #6f6f6f;
    margin: 0 10px;
}

.connected_content .search_connected,
.connected_place_content .search_connected {
    border: 2px solid #1C2E3D !important;
    color: #fff !important;
    background: #1C2E3D !important;
    font-family: "CircularStd-Book" !important;
    letter-spacing: 2px !important;
    border-radius: 10px !important;
    height: 60px;
    line-height: 60px !important;
    font-size: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
}

.connected_content_second_section .search_connects_result span,
.connected_place_content_second_section .search_place_connects_result span {
    display: block;
    margin-bottom: 5px;
}

.promo_search_connects_result span {
    display: block;
    margin-bottom: 5px;
}

/*connected end*/
/*edit design  start*/
.edit_design p {
    color: #000;
    font-size: 24px;
    margin-bottom: 30px;
}

.edit_design h4 {
    opacity: 0.8;
    border-bottom: 2px solid #cecece !important;
    font-weight: 500 !important;
    padding-bottom: 12px;
    margin-bottom: 30px !important;
}

.edit_design .pack_listing {
    /*padding-bottom: 45px;*/
    /*border-bottom: 2px solid #cecece !important;*/
    margin-bottom: 28px;
}

.edit_design .pack_listing p {
    margin-bottom: 0px;
}

.edit_design .new_boost_pack {
    margin-bottom: 0px !important;
    display: block;
}

.edit_design .pack_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.edit_design .pack_list i {
    font-size: 55px !important;
}

.edit_design .pack_list h5 {
    width: 82%;
    padding-left: 15px;
}

.edit_design .pack_list .right_icon label {
    display: block;
    text-align: right;
}

.edit_design .pack_list .right_icon a {
    display: block;
    text-align: right;
    color: #2732ee;
    margin-top: 4px;
}

/*edit design  end*/
/*login ragister start*/
.lifelist_improve_boost .claim-error {
    color: red;
    margin-bottom: 5px;
}

.lifelist_improve_boost form {
    /*margin-bottom: 15px;*/
    border: 1px solid #d3ced2;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}

.lifelist_improve_boost form .form_field input {
    border-color: #ddd !important;
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #666 !important;
    padding: .75em !important;
    height: auto !important;
    border-width: 1px !important;
    font-size: 1rem !important;
}

.lifelist_improve_boost form .form_field label {
    font-weight: normal !important;
    line-height: 2 !important;
    font-size: .9rem !important;
    margin-bottom: 0 !important;
    color: #000 !important;
}

#clain_login_btn,
#claim_register_btn {
    background-color: #1c2e3d !important;
    border: 0 !important;
    width: 300px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 2px;
    font-weight: normal !important;
    padding: 0 30px !important;
    width: 200px;
}

.lifelist_improve_boost form+span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lifelist_improve_boost .experience-popup-inner>.improve_center_section {
    min-height: 65vh;
}

/*login ragister end*/

/*custom popup start*/
.improve_center_section .edit_form_section .inner_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #cecece !important;
    margin-bottom: 18px;
    padding-bottom: 16px;
    cursor: pointer;
}

.improve_center_section .edit_form_section .inner_section:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.improve_center_section .inner_section i {
    font-size: 28px;
    opacity: 0.5;
}

.back_section {
    font-size: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #1C2E3D !important;
}

.experience-popup-inner>div>.back_section,
.lifelist_improve_boost .experience-popup-inner .back_section {
    padding-left: 30px;
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    line-height: 40px;
}

.improve_center_section .section_top,
.current_viewer .current_viewer_sec,
.section_top .first_section {
    cursor: pointer;
}

.boost_share .first_section .share-title {
    display: block;
}

.lifelist_boost_popup .improve_center_section .active_boost_pack .button,
.lifelist_boost_popup .improve_center_section .available_boost_pack .button,
.lifelist_boost_popup .improve_edits .submit_btn .button,
.lifelist_boost_popup .improve_center_section .section .button {
    width: 100%;
}

.lifelist_boost_popup .improve_center_section .available_boost_pack {
    min-height: 68vh;
}

.lifelist_boost_popup .ui-datepicker-calendar .ui-state-disabled,
.experience-popup-main .ui-datepicker-calendar .ui-state-disabled {
    opacity: .6;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    color: #000;
}

.lifelist_boost_popup .ui-datepicker-calendar .ui-state-disabled span,
.lifelist_boost_popup .ui-datepicker-calendar .ui-state-disabled a {
    background: #e9e9e9 !important;
}

.lifelist_boost_popup .ui-datepicker-calendar .ui-state-active,
.lifelist_boost_popup .uid-highlight a,
.lifelist_boost_popup .uid-highlight-start a,
.lifelist_boost_popup .uid-highlight-end a {
    background: rgba(28, 46, 61, 0.7) !important;
    color: #fff !important;
}

.connected_content_third_section .add_new_connect_section input,
.connected_place_content_third_section .add_new_connect_section input,
.boost_details_second_section .add_new_connect_section input,
.boost_details_third_section .add_new_connect_section input {
    width: 100%;
    margin-top: 10px;
}

.connected_content_third_section .add_new_connect_section .add_content_sec>div,
.connected_place_content_third_section .add_new_connect_section .add_content_sec>div,
.boost_details_second_section .add_new_connect_section .add_content_sec>div,
.boost_details_third_section .add_new_connect_section .add_content_sec>div {
    margin-bottom: 20px;
}

.connected_content_third_section .add_new_connect_section .formMessage.formError,
.connected_place_content_third_section .add_new_connect_section .formMessage.formError,
.connected_content_third_section .formMessage.formError,
.connected_place_content_third_section .formMessage.formError,
.boost_details_second_section .add_new_connect_section .formMessage.formError,
.boost_details_second_section .formMessage.formError,
.boost_details_third_section .formMessage.formError {
    margin-bottom: 10px;
    display: block;
}

.connected_content_third_section .formMessage.formError,
.connected_place_content_third_section .formMessage.formError,
.boost_details_second_section .formMessage.formError,
.boost_details_third_section .formMessage.formError {
    text-align: left;
}

.lifelist_improve_boost .improve_top_section {
    padding-bottom: 0 !important;
}

.lifelist_improve_boost .improve_top_section .improve_top_right {
    margin-top: 20px;
}

.show_spin,
.show_success {
    position: relative;
}

.show_spin a,
.show_success a {
    visibility: hidden;
}

.boost_data_save {
    color: #32CD32;
}

.show_spin a {
    opacity: 0.1;
}

.lifelist_boost_popup .boost_details .submit_btn {
    text-align: left;
}

.lifelist_boost_popup .boost_details .submit_btn .formMessage {
    margin-bottom: 20px;
    display: block;
    cursor: pointer;
}

.improve-boost-modal .lifelist_improve_boost .experience-popup-inner,
.improve-boost-modal .lifelist_boost_popup .experience-popup-inner,
.improve-boost-modal .action-popup .action-popup-inner,
.related_exp_stories_popup .experience-popup .experience-popup-inner {
    max-height: 200px;
    overflow: scroll;
    background: #fff;
    position: relative;
    top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.improve-boost-modal .action-popup .action-popup-inner {
    overflow: hidden !important;
    min-height: unset !important;
}

.improve-boost-modal .lifelist_improve_boost .experience-popup-inner .boost_sticky,
.improve-boost-modal .lifelist_boost_popup .experience-popup-inner .boost_sticky,
.improve-boost-modal .action-popup .action-popup-inner .boost_sticky,
.related_exp_stories_popup .experience-popup .experience-popup-inner .boost_sticky {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    padding-top: 20px;
    z-index: 99999;
}

.experience-popup-inner .improve_center_section .button.new_boost_pack {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 30px;
    padding-top: 20px;
    z-index: 99999;
}

.improve-boost-modal .lifelist_improve_boost .experience-popup-inner .boost_sticky .back_section,
.improve-boost-modal .lifelist_boost_popup .experience-popup-inner .boost_sticky .back_section,
.improve-boost-modal .action-popup .action-popup-inner .boost_sticky .back_section {
    padding-left: 30px;
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    line-height: 40px;
    z-index: 9999;
}

.improve-boost-modal .lifelist_improve_boost .improve_bottom_section,
.improve-boost-modal .lifelist_boost_popup .improve_bottom_section {
    /* position: sticky;
    left: 0;
    right: 0;
    bottom: 0; */
    background: #fff;
    padding-bottom: 5px !important;
}
.linked-listing-inner .improve_bottom_section.user_lifelist_btn {
    padding-top: 20px !important;
}

.lifelist_boost_popup .boost_share .improve_center_section {
    position: relative;
    z-index: 9;
}

.lifelist_improve_boost .experience-popup .experience-popup-inner {
    padding-top: 30px !important;
}

/*custom popup end*/


@media only screen and (max-width: 1199px) {
    .loader-main .loader-inner .loader-img {
        width: 200px;
    }

    .header_top {
        padding: 0 20px;
    }

    /* .banner_gallery_main_sec .banner_image {
        height: 600px;
    } */

    .main_title h1,
    .main_title h3,
    body.ast-single-post .banner_gallery_info .main_title .banner_passion {
        font-size: 58px;
        line-height: 60px;
    }

    .banner_gallery_main_sec.venue_masthead .banner_btn a {
        height: 60px;
        line-height: 60px !important;
        padding: 0px 36px !important;
    }

    .open_swipe_gallery {
        width: 270px;
        height: 60px;
        line-height: 60px;
    }

    .venue_masthead .banner_gallery_info,
    .venue_location_box .main_title {
        max-width: 800px;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 1300px) {

    .venue_masthead .banner_gallery_info {
        max-width: 1000px;
    }

}


@media only screen and (max-width: 1200px) {

    .venue_masthead .banner_gallery_info {
        max-width: 900px;
    }

}

@media only screen and (max-width: 1200px) {

    .venue_masthead .banner_gallery_info,
    .venue_location_box .main_title {
        max-width: 700px !important;
    }

}

@media only screen and (max-width: 900px) {
    .elementor-widget-quoteteaser_trailer .quote-teaser-narrow-video iframe {
        transform: translate(-50%, 0px) scale(1.72);
    }

    .woocommerce-account .rTable {
        min-width: 850px;
        overflow: scroll;
    }

    .woocommerce-account .all-section-main.all-section-inner {
        overflow: scroll;
    }

    .woocommerce-account::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .woocommerce-account::-webkit-scrollbar:vertical {
        width: 6px;
    }

    .woocommerce-account::-webkit-scrollbar:horizontal {
        height: 6px;
    }

    .woocommerce-account::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 1px solid white;
        /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, .2);
    }
}

@media only screen and (max-width: 768px) {

    .venue_masthead .banner_gallery_info,
    .venue_location_box .main_title {
        max-width: 500px !important;
    }

    .content_meta_section .meta_body {
        margin: 10px 0px 10px;
    }

    .type_meta_parts .slick-slide {
        padding-bottom: 0 !important;
    }

    .venue_promo_box_left_sec_first,
    .venue_promo_section .venue_promo_box_right_sec_first,
    .venue_promo_box_sec .venue_promo_box_left_sec_second,
    .venue_promo_box_sec .venue_promo_box_right_sec_second {
        width: 100% !important;
    }

    /*    .improve-boost-modal .lifelist_improve_boost .improve_top_section h3, .improve-boost-modal .lifelist_boost_popup .improve_top_section h3 {
        font-size: 23px;
    }*/
    .improve-boost-modal .lifelist_improve_boost .improve_top_section .improve_top_section_title .improve_post_title,
    .improve-boost-modal .lifelist_boost_popup .improve_top_section .improve_top_section_title .improve_post_title {
        font-size: 22px;
        line-height: 28px;
    }

    .improve_center_section .edit_form_section .inner_section {
        margin-bottom: 18px;
        padding-bottom: 16px;
    }

    .current_viewer_everyone.action-popup .action-popup-inner,
    .current_viewer_user.action-popup .action-popup-inner {
        padding: 0 !important;
    }

    .current_viewer_everyone.action-popup .action-popup-inner>div,
    .current_viewer_user.action-popup .action-popup-inner>div {
        padding: 20px 20px;
    }

    .current_viewer_everyone .action-popup-inner .curr_viewer_action,
    .current_viewer_user.action-popup .action-popup-inner .curr_viewer_action {
        font-size: 16px;
        line-height: 20px;
        text-align: right;
    }

    .current_viewer_everyone .action-popup-inner .curr_viewer_action .cancel_action,
    .current_viewer_user.action-popup .action-popup-inner .curr_viewer_action .cancel_action,
    .account_logout a:last-child {
        margin-top: 4px !important;
    }

    .current_viewer_everyone.action-popup .curr_viewer_action .cancel_action,
    .current_viewer_everyone.action-popup .curr_viewer_action .make_public_action,
    .current_viewer_user.action-popup .curr_viewer_action .cancel_action,
    .current_viewer_user.action-popup .curr_viewer_action .unshare_action,
    .account_logout a {
        padding: 12px 10px !important;
        font-size: 13px !important;
        letter-spacing: 0;
        line-height: 20px !important;
        margin-left: 0;
        display: block;
        width: auto !important;
    }
}

@media only screen and (max-width: 650px) {

    .edit_design .pack_list i {
        font-size: 25px !important;
    }

    .edit_design .pack_list .right_icon label {
        font-size: 16px;
    }

    .edit_design .pack_list .right_icon a {
        font-size: 16px;
    }

    .banner_gallery_slides img.swiper-slide-image {
        height: 650px !important;
    }

    /* Client Review */
    .elementor-widget-experience_web_review {
        padding-top: 100px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1;
        text-align: center;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        font-size: 14px;
        padding: 2px 5px;
        display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) a:after {
        content: "";
    }

    .improve-boost-modal .lifelist_improve_boost .form_field textarea,
    .improve-boost-modal .lifelist_boost_popup .form_field textarea {
        height: 112px;
    }

    .improve-boost-modal .lifelist_improve_boost .form_field input,
    .improve-boost-modal .lifelist_improve_boost .form_field textarea,
    .improve-boost-modal .lifelist_improve_boost .form_field select,
    .improve-boost-modal .lifelist_boost_popup .form_field input,
    .improve-boost-modal .lifelist_boost_popup .form_field textarea,
    .improve-boost-modal .lifelist_boost_popup .form_field select {
        font-size: 17px;
    }

    .improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-header,
    .improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header {
        font-size: 20px !important;
        text-align: left !important;
    }

    .improve-boost-modal .lifelist_improve_boost .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
    .improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        -webkit-mask-size: 20px;
        mask-size: 20px;
    }

}

@media only screen and (max-width: 600px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 600px !important;
    }
}

@media only screen and (max-width: 550px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 550px !important;
    }

    /* Client Review */
    .elementor-widget-experience_web_review {
        padding-top: 40px;
    }

    /*.quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section .lifelist_quote_desc {
    font-size: 15px;
    line-height: 22px;
}*/
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser {
        padding: 140px 65px 100px;
    }

}

@media only screen and (max-width: 500px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 500px !important;
    }

    .woocommerce-account .add_form_data .form_field {
        flex-wrap: wrap;
    }

    .improve_center_section .inner_section i {
        font-size: 25px;
    }

    .current_viewer_everyone.action-popup .action-popup-inner>div,
    .current_viewer_user.action-popup .action-popup-inner>div {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    .current_viewer_everyone .action-popup-inner .curr_viewer_action,
    .current_viewer_user.action-popup .action-popup-inner .curr_viewer_action {
        text-align: right;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 479px) {

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .explore_teaser.quote-teaser,
    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .elementor-widget-container .lifelist_perk.explore_teaser {
        border-radius: 10px;
    }

    .quote_teaser_video_section.lifelist_perk_section .elementor-widget-quoteteaser_trailer .quote-teaser-trailer-main-section,
    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
        min-height: 630px;
    }

    .quote_teaser_video_section.lifelist_perk_section .quote-teaser-trailer-background video {
        transform: scale(3.5) !important;
    }

    .elementor-widget-quoteteaser_trailer .quote-teaser-narrow-video iframe {
        transform: translate(-50%, 0px) scale(2.4);
        max-height: 415px;
    }

    .elementor-widget-quoteteaser_trailer .quote-teaser-narrow-video {
        max-height: 415px;
    }
}

@media only screen and (max-width: 414px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 414px !important;
    }

    /* Client Review */
    .elementor-widget-experience_web_review {
        padding-top: 10px;
    }

    .lifelist_boost_popup .curr_viewer_list .current_viewer_user a {
        display: block;
    }

    .connected_content .search_connected,
    .connected_place_content .search_connected {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 375px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 375px !important;
    }

    .all-section-main.rTable .rTableRow .rTableCell {
        padding: 8px 0 !important;
    }


}

@media only screen and (max-width: 320px) {


    .banner_gallery_slides img.swiper-slide-image {
        height: 320px !important;
    }

}



@media only screen and (max-width: 1023px) {
    .venue_contact_address {
        margin-right: 30px;
    }

    .venue_promo_box_desc {
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 40px;
    }

    .venue_promo_box_btn a,
    .lifelist_perk_inner_sec .lifelist_perk_content .experience_btn {
        width: 200px;
        height: 50px;
        line-height: 50px !important;
    }

    .venue_promo_box_title {
        font-size: 20px;
    }

    .breaudcum_top {
        font-size: 16px;
    }

    .experience_textbox,
    .experience_review {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main_title h3,
    body.ast-single-post .banner_gallery_info .main_title .banner_passion {
        font-size: 30px;
        line-height: 32px;
    }

    body.ast-single-post .banner_gallery_info .main_title .banner_passion .passion_dropdown {
        font-size: 30px;
    }

    .venue_masthead .banner_gallery_info .subtitle h4 {
        margin: 0 0 10px;
    }

    .experience-sticky-name,
    .venue-sticky-name {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    /* .banner_gallery_main_sec .banner_image {
        height: 500px;
    } */

    .bkap-booking-form.only_day_multiple_nights table {
        width: 84%;
        margin: auto;
    }

    .banner_gallery_info {
        padding: 0 20px;
    }

    .your-lifelist-wrapper .last-exp-number,
    .banner_gallery_info.your-lifelist .last-exp-number {
        font-size: 62px;
        line-height: 62px;
    }

    .your-lifelist-wrapper .your-header h3,
    .banner_gallery_info.your-lifelist .your-header h3 {
        font-size: 24px;
    }
}


@media only screen and (max-width: 767px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        align-content: space-between;
        min-height: 860px;
    }

    .edit_design h4 {
        padding-bottom: 12px;
        margin-bottom: 20px !important;
    }

    .edit_design .pack_listing {
        padding-bottom: 25px;
        margin-bottom: 18px;
    }

    .lifelist_boost_popup .inner_section .first_section,
    .lifelist_boost_popup .current_viewer .current_viewer_sec,
    .lifelist_boost_popup .boost_share .first_section,
    .lifelist_boost_popup .boost_share i.left_icon {
        font-size: 36px;
        line-height: 32px;
    }

    .edit_design p {
        font-size: 20px;
        line-height: 30px;
    }

    .w-25 .venue_promo_box_desc {
        -webkit-line-clamp: unset;
        line-clamp: unset;
    }

    .w-25 .venue_promo_box_btn a,
    .w-33 .venue_promo_box_btn a {
        line-height: 35px !important;
    }

    .w-33 .venue_promo_box_right_sec_second {
        padding-bottom: 20px;
    }

    /*custome pop up start*/
    .connected_content .cc_data_list i,
    .connected_place_content .cc_data_list i {
        font-size: 24px;
        border-radius: 4px;
        margin-right: 14px;
    }

    .connected_content .cc_data_list .cc_title,
    .connected_place_content .cc_data_list .cc_title {
        width: 54%;
        font-size: 16px;
    }

    .connected_content .cc_data_list .actions,
    .connected_place_content .cc_data_list .actions {
        font-size: 38px;
    }

    .connected_content .cc_data_list .actions a i,
    .connected_place_content .cc_data_list .actions a i {
        margin: 0 2px;
        font-size: 16px;
    }

    .connected_content .search_connected,
    .connected_place_content .search_connected {
        letter-spacing: -1px !important;
    }

    .lifelist_boost_popup .share_section .search_user,
    .connected_second_section #search_connect {
        width: 80%;
    }

    .lifelist_boost_popup .inner_section .first_section,
    .lifelist_boost_popup .current_viewer .current_viewer_sec {
        font-size: 36px;
    }

    .lifelist_boost_popup .share_section .shareable_search_results .set_user i,
    .lifelist_boost_popup .curr_viewer_list i {
        font-size: 34px;
    }

    .lifelist_boost_popup .share_section .shareable_search_results .set_user .share_with_user {
        width: 67%;
        word-break: break-word;
    }

    /* .lifelist_boost_popup .improve_center_section {
        min-height: 590px;
    } */

    .connected_content .cc_data_list,
    .connected_place_content .cc_data_list {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    /*custome pop up end*/

    /*.stage_box_2 .category-desc { font-size: 12px !important; line-height: 18px !important; }*/
    body .stage_box_2 .category-desc {
        font-size: 18px !important
    }


    .woocommerce #reviews #comments ol.commentlist li img.avatar {
        height: 4em !important;
        width: 4em !important;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin: 0 0 0 57px !important;
    }

    body.ast-single-post .banner_gallery_info .main_title .banner_passion ul {
        left: 0px;
        right: 0px;
        margin: auto;
        width: 90%;
    }

    .woocommerce button.button {
        width: 200px;
    }

    .lifelist_experience_textbox .experience_textbox_content,
    .lifelist_experience_textbox .experience_textbox_content p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .venue_promo_box_title {
        margin-bottom: 10px;
    }

    .loader-main .loader-inner .main-title {
        font-size: 40px;
        line-height: 40px;
    }

    .loader-main .loader-inner .sub-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 30px;
    }

    .loader-main .loader-inner .loader-line {
        width: 256px;
    }

    .loader-main .loader-inner .loader-line .fill {
        width: 118px;
    }

    .bkap-booking-form.only_day_multiple_nights .ui-datepicker,
    .only_day_single_day .ui-datepicker,
    .bkap-booking-form.date_time .ui-datepicker {
        width: 10em;
    }

    .review-main .review-inner .main-title,
    .review-main-venue .review-inner .main-title {
        font-size: 24px;
        line-height: 24px;
    }

    .review-main .review-inner .desc,
    .review-main-venue .review-inner .desc {
        font-size: 13px;
        line-height: 18px;
        width: 100%;
    }

    .review-main .review-inner .sub-title,
    .review-main .review-inner form .input-title,
    .review-main-venue .review-inner .sub-title,
    .review-main-venue .review-inner form .input-title {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .review-main .review-inner .sub-title,
    .review-main .review-inner form .input-title,
    .review-main-venue .review-inner .sub-title,
    .review-main-venue .review-inner form .input-title {
        font-size: 18px;
        line-height: 20px;
    }

    .review-main .review-inner form .input-title,
    .review-main-venue .review-main-venue form .input-title {
        margin-bottom: 16px;
        margin-top: 26px;
    }

    .review-main .review-inner form textarea,
    .review-main-venue .review-inner form textarea {
        height: 100px;
    }

    .comment_container .description p {
        font-size: 14px;
    }




    /*.banner_gallery_main_sec .banner_image,
.banner_gallery_slides img.swiper-slide-image {
    height: 310px !important;
}*/

    .banner_gallery_main_sec {
        padding-bottom: 10px;
    }

    .subtitle h3,
    .subtitle h4 {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin: 0 0 5px;
        line-height: 17px;
    }

    .elementor-widget-explore_masthead .main_title h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .lifelist_perk.explore_teaser .lifelist_perk_title h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .open_swipe_gallery {
        width: 130px;
        height: 26px;
        line-height: 26px;
        letter-spacing: 0;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 44px;
        font-size: 12px;
    }

    .lifelist_quote_section .elementor-element-populated,
    .lifelist_perk_section .elementor-element-populated {
        padding: 10px 0 !important;
    }

    .experience_textbox {
        margin-top: 0px;
    }

    .experience-section-main .right-desc .share_section:hover .social_icons {
        bottom: 22px;
    }

    .experience_review h3 {
        font-size: 40px;
    }

    .experience-section-main .experience-content-inner {
        margin-top: 15px;
        padding-left: 0;
    }

    .elementor-widget-explore_passinos .explore_sections,
    .elementor-widget-experience_passinos .explore_sections,
    .elementor-widget-passion_area .explore_sections {
        flex-direction: column;
    }

    .elementor-widget-explore_passinos .explore_sections .explore_passino_box:not(:last-child),
    .elementor-widget-experience_passinos .explore_sections .explore_passino_box:not(:last-child),
    .elementor-widget-passion_area .explore_sections .explore_passino_box:not(:last-child) {
        margin-bottom: 15px;
    }

    body.woocommerce-account .experience-section-main .experience-row {
        margin-bottom: 20px;
    }

    .category-section-main .main-title,
    .experience-section-main .main-title {
        font-size: 20px !important;
        line-height: 24px;
    }

    .experience-section-main .sub-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .experience-section-main .right-desc span,
    .experience-section-main .right-desc a {
        font-size: 13px;
    }

    .experience-section-main .experience-subtitle {
        font-size: 16px;
        line-height: 18px;
        width: 100%;
    }

    .experience-section-main .experience-desc {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .category-section-main .category-title,
    .experience-section-main .experience-title {
        font-size: 18px;
        line-height: 22px;
    }

    body.woocommerce-account .experience-section-main1,
    body.woocommerce-account .experience-section-main2 {
        margin-bottom: 20px;
    }

    .experience-section-main .more-past-experience {
        font-size: 14px;
        margin-top: 5px;
    }

    .account-section-main .sub-title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .account-section-main .account-content ul li a {
        font-size: 13px;
    }

    .account-section-main .account-content ul li {
        line-height: 20px;
    }

    .lifelist_ticket .ticket_footer .messgae_host {
        font-size: 12px !important;
    }


    .category-section-main .sub-title {
        font-size: 14px;
        line-height: 17px;
    }

    .category-section-main .slick-list {
        padding: 0 20% 0 0;
    }

    /* NOTE: Removed slick-list rule for stream-style carousel */

    .category-section-main .main-title {
        font-size: 20px;
    }

    .category-section-main .main-desc,
    .category-section-main .main-desc p,
    .elementor-widget-explore_passinos .explore_passion_desc,
    .elementor-widget-experience_passinos .explore_passion_desc,
    .elementor-widget-passion_area .explore_passion_desc,
    .elementor-widget-passion_area .explore_passion_desc p {
        font-size: 16px !important;
        margin-top: 8px;
        margin-bottom: 0 !important;
        line-height: 20px;
    }

    .elementor-widget-explore_passinos .explore_passion_desc,
    .elementor-widget-experience_passinos .explore_passion_desc,
    .elementor-widget-passion_area .explore_passion_desc,
    .elementor-widget-passion_area .explore_passion_desc p {
        margin-bottom: 10px !important;
    }

    .category-section-main .category-image img {
        width: 100%;
    }

    .category-section-main .category-title {
        font-size: 18px !important;
        margin-top: 10px;
        margin-bottom: 6px !important;
        line-height: 22px !important;
    }


    .related-content-area .button,
    .related-content-area .improve_boost_btn {
        display: inline-block;
        margin-bottom: 10px;
    }


    /*.category-section-main .category-maker { font-size: 18px!important; line-height: 22px!important; }*/

    .elementor-widget-explore_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_conent,
    .elementor-widget-experience_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_conent,
    .elementor-widget-passion_area .explore_sections .explore_passino_box .explore_passino_inner .box_conent {
        font-size: 16px;
        line-height: 20px;
    }

    .category-section-main .category-desc {
        font-size: 18px !important;
        line-height: 22px;
        margin-bottom: 6px;
        display: block;
    }

    .experience_section.category-section-main .category-title,
    .experience_section.experience-section-main .experience-title {
        font-size: 18px;
        line-height: 22px;
    }

    .elementor-widget-flexible_related_content .category-title {
        /*font-size: 18px;*/
        font-size: 24px;
        line-height: 22px;
    }

    .elementor-widget-flexible_related_content .passion-title {
        font-size: 18px;
    }

    /*.category-section-main .category-desc {
    font-size: 16px !important;
}*/
    .category-section-main .category-content-inner {
        padding-bottom: 0;
    }

    /*.venue-stages-main, .venue-experience-main.category-section-main.category-section-threecol { margin-bottom: -25px; }
.venue-stages-main, .venue-experience-main.category-section-main.category-section-twocol { margin-bottom: -15px; }*/
    
    /* Reduce Elementor section spacing on mobile home page */
    body.home .elementor-section.elementor-top-section {
        margin-bottom: 20px !important;
    }
    
    /* Force Elementor sections to not add vertical spacing */
    .elementor-section.elementor-section-height-default {
        min-height: 0 !important;
    }
    
    .elementor-section.elementor-top-section {
        margin-bottom: 0 !important;
    }
    
    .lifelist_perk {
        padding: 60px 20px 60px;
        /*margin: 0 auto;*/
    }

    .lifelist_perk:before {
        width: calc(90% - 20px);
        height: calc(90% - 20px);
        top: calc(13% - 10px);
        left: calc(5% + 10px);
        border-width: 1px;
    }

    .lifelist_perk:after {
        width: calc(90% + 0px);
        height: calc(90% - 40px);
        top: calc(13% + 0px);
        left: calc(5% + 0px);
        border-width: 1px;
    }

    .lifelist_perk_bottom {
        padding: 0px 20px 20px;
        /*margin: 0 auto 20px;*/
    }

    .banner_gallery_main_sec.venue_masthead .banner_btn a {
        padding: 0px 30px !important;
        height: auto;
        margin: auto !important;
        font-size: 11px !important;
        line-height: 33px !important;
    }

    body.home .banner_gallery_main_sec.venue_masthead .banner_btn a {
        font-size: 11px !important;
        border: solid 1px #fff !important;
        padding: 0px 36px !important;
        height: 35px;
        line-height: 33px !important;
        letter-spacing: 1px;
    }

    .lifelist_perk.explore_teaser {
        padding: 100px 35px 100px;
    }

    .lifelist_perk.explore_teaser .lifelist_perk_inner_sec .lifelist_perk_content {
        margin: 0;
        font-size: 16px !important;
        line-height: 20px;
    }

    .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser .lifelist_perk_inner_sec .lifelist_perk_content {
        margin-bottom: 10px !important;
    }

    .experience_textbox ol li {
        margin-bottom: 20px;
    }

    .experience_review {
        margin: 0 auto 0;
    }

    .venue_promo_box_sec {
        margin: 0px auto;
        margin-top: 12px;
    }

    .lifelist_perk_bottom h4 {
        font-size: 18px;
    }

    .lifelist_perk_bottom h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .lifelist_perk_bottom p {
        font-size: 16px;
        line-height: 24px;
    }

    .lifelist_perk_section .lifelist_perk_bottom p {
        line-height: 18px;
        font-size: 16px !important;
    }

    .lifelist_perk_content a {
        width: 250px;
        height: 60px;
        line-height: 38px !important;
        margin-top: 10px !important;
    }

    .venue_contact {
        padding: 20px 20px 5px;
        margin: 10px auto 0px;
    }

    .venue_contact_btn_title {
        font-size: 16px;
    }

    .venue_contact_btn_desc {
        font-size: 16px;
        margin-top: 0;
        line-height: 20px;
    }

    .experience_textbox ol {
        column-count: 1;
    }

    .venue_promo_box_left_sec {
        width: 100%;
    }

    .venue_promo_box_right_sec {
        width: 100%;
        padding: 20px 20px 24px;
    }

    .venue_promo_box_title {
        font-size: 16px;
    }

    .venue_promo_box_desc {
        font-size: 18px;
        margin: 0 0 10px;
        line-height: 30px;
    }

    .venue_promo_box_btn a,
    .lifelist_perk_inner_sec .lifelist_perk_content .experience_btn {
        margin: 0px auto 0 !important;
    }

    .makeit-selection-sec {
        text-align: center;
    }

    .lifelist_intro_video .elementor-custom-embed-play {
        top: 40px;
        left: 40px;
    }

    .lifelist_intro_video .elementor-custom-embed-play img {
        width: 50px;
    }

    .elementor-custom-overlay-text {
        bottom: 10px;
        font-size: 12px;
    }

    ul.list_dash {
        column-count: 1;
    }

    ol.list_number li {
        width: 100%;
    }

    .footer-adv-overlay {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .site-footer ul li {
        height: 20px;
    }

    .site-footer a {
        font-size: 12px;

    }

    .site-footer .widget-title {
        margin-bottom: 0;
    }

    /*.lifelist_quote { margin: 0px auto; }*/
    .footer-adv-widget-1 .widget:last-child {
        margin: 0 0 30px;
    }

    .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,
    .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child {
        margin: 0 0 30px;
    }

    .experience_textbox_maintitle h3 {
        font-size: 20px;
        margin: 0 0 8px;
        line-height: 24px;
    }

    .lifelist_perk_content a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .site-footer .footer-adv-overlay {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .before_perk {
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;
    }

    .lifelist_perk .before_perk {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .before_perk img {
        width: 70px;
    }

    .lifelist_perk_title h3 {
        font-size: 20px;
        margin: 0 0 10px;
        line-height: 24px;
    }

    .lifelist_perk_inner_sec .lifelist_perk_content,
    .lifelist_perk_bottom h4 {
        font-size: 16px !important;
    }

    .before_perk img {
        width: 24px;
    }

    .lifelist_perk_content {
        font-size: 20px;
        line-height: 20px;
        margin: 10px 15px;
    }

    .venue_contact_address {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .venue_contact_title h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .venue_contact_btn_title {
        font-size: 16px;
        line-height: 20px;
    }




    .venue_contact_title {
        margin-bottom: 15px;
    }

    .experience_review h3 {
        font-size: 18px;
    }

    .breaudcum_top {
        display: none;
    }

    .page-template-lifelist-stream .breaudcum_top {
        display: block;
    }

    .page-template-lifelist-stream .breaudcum_top {
        width: auto;
    }

    .page-template-lifelist-stream .login_link {
        display: none;
    }

    /*.page-template-lifelist-stream .logo a { font-size: 26px; }*/
    .page-template-lifelist-stream .logo {
        margin: 0 auto;
    }

    .product_nav_menu {
        width: 28px;
    }

    a.login_link {
        width: 50px;
        font-size: 12px;

    }

    .experience_textbox_content {
        font-size: 16px;
        line-height: 15px;

    }

    .logo a {
        font-size: 18px;
        letter-spacing: 2px;
        display: block;
    }

    .lifelist_banner_gallery .banner_gallery {
        margin-bottom: 10px;
    }

    .lifelist_banner_gallery .lifelist_quote {
        margin-bottom: 20px;
    }

    .ast-site-identity {
        padding: 0;
    }

    span.site-title {
        line-height: 0;
    }

    .header_top {
        padding: 15px 20px;
    }

    .experience-intro-text p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .experience-host-name {
        font-size: 20px;
    }

    .experience-make-title h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .makeit-selection-sec span {
        letter-spacing: 0.5px;
        font-size: 20px;
    }

    .makeit-selection-sec span a {
        font-size: 20px;
        width: 110px;
    }

    .makeit-selection-sec span a img {
        width: 10px;
    }

    .top_head img {
        width: 18px;
    }

    .makeit-howmany ul li,
    .makeit-choose ul li {
        font-size: 18px;
    }

    .makeit-bottom-text {
        font-size: 18px;
    }

    #inline_calendar {
        display: flex;
        justify-content: center;
    }

    #inline_calendar .ui-datepicker {
        margin: 0 auto;
    }

    #bkap_start_date {
        width: 100%;
        text-align: center;
    }

    .bkap-booking-form.only_day_multiple_nights #bkap_start_date {
        float: none;
    }

    .bkap-booking-form.only_day_multiple_nights #bkap_end_date {
        margin-top: 16px;
    }

    .bkap-booking-form.only_day_multiple_nights .bkap_end_date .hasDatepicker>div,
    .bkap-booking-form.only_day_multiple_nights .bkap_start_date .hasDatepicker>div {
        margin: auto;
    }

    #show_time_slot {
        width: 100%;
    }

    .sec_top_title h3 {
        font-size: 22px;
        margin: 10px 0;
    }

    .bkap-duration-block li.bkap_block {
        width: 42%;
    }

    .makeit-howmany ul,
    .makeit-choose ul {
        padding: 10px 10px;
    }

    .makeit-choose ul li {
        padding-right: 30px;
    }

    .makeit-selection-sec span.tool-tip {
        width: 20px;
        height: 20px;
        line-height: 17px;
        font-size: 14px;
        top: 3px;
    }

    .makeit-selection-sec .expand_desc {
        font-size: 12px;
    }

    .makeit-price {
        font-size: 26px;
        margin-top: 10px;
    }

    button.makeit-to-cart {
        width: 100%;
        height: 50px;
        margin: 20px auto;
        font-size: 14px !important;
    }

    .your-lifelist .main_title h1 {
        font-size: 40px !important;
        line-height: 84px !important;
    }

    .main_title h1,
    .main_title h3,
    body.ast-single-post .banner_gallery_info .main_title .banner_passion {
        font-size: 25px;
        line-height: 24px;
        margin: 0 0 15px;
    }

    body.ast-single-post .banner_gallery_info .main_title .banner_passion .passion_dropdown {
        font-size: 25px;
    }

    .main_title h1 br,
    .main_title h3 br {
        display: none;
    }

    .explore_masthead .main_title h1 br,
    .explore_masthead .main_title h3 br {
        display: block;
    }

    .venue_masthead .banner_gallery_info {
        text-align: center;
    }

    .venue_masthead .banner_gallery_info .banner_desc p {
        font-size: 14px;
        line-height: 17px;
        display: none;
    }

    .banner_gallery_main_sec .banner_gallery_info .creator_info {
        font-size: 14px !important;
    }

    .site-footer .widget-title {
        font-size: 12px;
    }

    .experience-sticky-right a.button.stick-button,
    .venue-sticky-right a.button.stick-button {
        height: 36px !important;
        font-size: 12px !important;
        width: 154px !important;
        white-space: nowrap !important;
    }

    .experience-sticky-name span,
    .venue-sticky-name span {
        display: block;
    }

    .experience-sticky-left {
        transition: all 0.2s;
        min-width: 100%;
    }

    .experience-sticky-right {
        margin-top: 0;
        min-width: auto;
        margin-left: 5px;
        background: #ffffff;
        z-index: 999;
        display: flex;
    }

    .experience-sticky-right a {
        font-size: 20px;
    }

    a.lifelist_play_actions {
        display: block;
    }

    .mobile-action-bar {
        display: block !important;
    }

    .experience-sticky,
    .venue-sticky {
        padding: 10px 10px;
    }

    .experience-sticky-name,
    .venue-sticky-name {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
    }


    .logo {
        width: 100%;
        text-align: center;
        margin-left: 50px;
    }

    .experience-makeit-sec {
        padding: 50px 20px;
    }

    .experience_textbox_subtitle h4 {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 5px;
    }

    ol.list_number li span {
        font-size: 32px;
        line-height: 4px;
    }

    ol.list_number li {
        padding-left: 35px;
        font-size: 16px;
        line-height: 20px;
    }

    .venue_promo_box_btn a,
    .lifelist_perk_inner_sec .lifelist_perk_content .experience_btn {
        font-size: 12px !important;
    }

    .venue_promo_box_btn a,
    .lifelist_perk_inner_sec .lifelist_perk_content .experience_btn {
        height: 35px;
        line-height: 33px !important;
        letter-spacing: 1px;
        border-width: 1px !important;
    }

    .product_summary .image,
    .product_summary .desc {
        width: 100%;
    }

    .product_summary .desc {
        margin-top: 10px;
    }

    .woocommerce-page.woocommerce-checkout #payment div.form-row,
    .woocommerce.woocommerce-checkout #payment div.form-row {
        padding: 0;
    }

    button#wpmc-prev {
        width: 100%;
    }

    button#wpmc-next {
        width: 100%;
    }

    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        margin-bottom: 0;
    }

    .product_summary .desc h3 {
        font-size: 20px;
    }

    .product_summary .desc h2 {
        font-size: 18px;
    }

    .product_summary .desc p {
        font-size: 12px;
        line-height: 16px;
    }

    .product_summary {
        margin-bottom: 20px;
    }

    .woocommerce-privacy-policy-text p {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
    }

    .woocommerce-checkout .woocommerce h4 {
        font-size: 14px;
    }

    p.woocommerce-noreviews {
        margin-bottom: 0;
    }

    .elementor-widget:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .experience_textbox,
    .experience_review {
        padding-left: 10px;
        padding-right: 10px;
    }

    .experience_textbox ul li {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px;
    }

    .experience_textbox_content {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
    }

    .experience_textbox_content p {
        margin-bottom: 22px;
    }

    /*.lifelist_venue_contact .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}*/
    strong.woocommerce-review__author,
    .woocommerce-review__dash,
    time.woocommerce-review__published-date {
        font-size: 14px;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text p {
        margin: 0 !important;
        font-size: 12px;
    }

    .woocommerce #reviews #comments ol.commentlist li {
        margin: 0 0 20px;
    }

    .lifelist_experience_textbox .elementor-column-wrap.elementor-element-populated {
        padding-bottom: 0 !important;
    }

}



@media all and (max-width: 1024px) {

    .woocommerce-account .rTable {
        min-width: unset;
        overflow: unset;
    }

}



@media all and (max-width:767px) {
    .stage_box_2 .category-desc {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .elementor-widget-explore_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_main_title,
    .elementor-widget-experience_passinos .explore_sections .explore_passino_box .explore_passino_inner .box_main_title,
    .elementor-widget-passion_area .explore_sections .explore_passino_box .explore_passino_inner .box_main_title {
        line-height: 22px !important;
    }

    .elementor-widget-experience_passinos {
        padding: 0 10px;
    }

    .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser {
        padding: 100px 75px 100px;
    }

    .woocommerce-account .rTable {
        min-width: unset;
        overflow: unset;
    }

    .woocommerce-account .rTable .rTableRow .rTableHead,
    .woocommerce-account .rTable .rTableRow .rTableCell {
        padding: 8px !important;
        font-size: 15px;
        line-height: normal;
    }

    .woocommerce-account .rTable .rTableRow .rTableHead:first-child,
    .woocommerce-account .rTable .rTableRow .rTableCell:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .woocommerce-account .all-section-main.all-section-inner {
        padding: 0 6px !important;
    }

}

@media only screen and (max-width: 700px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 800px;
    }
}

@media only screen and (max-width: 650px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 750px;
    }
}

@media only screen and (max-width: 600px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 725px;
    }
}

@media only screen and (max-width: 550px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 660px;
    }
}

@media all and (max-width:500px) {
    .lifelist_perk.explore_teaser {
        padding: 70px 35px 70px;
    }

    .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser {
        padding: 70px 65px 70px;
    }

    .experience-popup-inner>div>.back_section,
    .lifelist_improve_boost .experience-popup-inner .back_section {
        font-size: 30px;
    }

    .improve-boost-modal .lifelist_improve_boost .improve_bottom_section .improve_submit_btn,
    .improve-boost-modal .lifelist_boost_popup .improve_bottom_section .improve_submit_btn {
        height: 50px;
        line-height: 50px !important;
        font-size: 20px !important;
        letter-spacing: 0.6px;
    }

    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 630px;
    }
}

@media all and (max-width: 480px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 610px;
    }
}

@media all and (max-width:450px) {
    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 550px;
    }
}

@media all and (max-width:400px) {
    .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser {
        padding: 70px 45px 70px;
    }

    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 530px;
    }
}

@media all and (max-width:370px) {
    .elementor-widget-quoteteaser_trailer .lifelist_perk.explore_teaser {
        padding: 70px 45px 70px;
    }

    .venue_promo_section .category-content-inner .venue_promo_box_sec {
        min-height: 490px;
    }
}




/* expbox - start */
/* Title and button container - handle specific structure */
.title-button-container {
    display: block !important;
    width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    clear: both !important;
    overflow: hidden !important;
    min-height: 40px !important;
}

.title-button-container h1.stream_listing_title {
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 40px !important;
    color: #1c2e2d !important;
    font-size: 20px;
    font-weight: 600;
}

.title-button-container p {
    float: right !important;
    margin: 0 !important;
    padding: 0 !important;
}

.title-button-container p .ast-button {
    float: none !important;
    margin: 0 !important;
    height: 40px !important;
    line-height: 26px !important;
    color: #1c2d3e !important;
    text-decoration: none !important;
    padding: 7px 15px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    border: 3px solid #1c2d3e !important;
    background: none !important;
    background-color: transparent !important;
}

.title-button-container p .ast-button i {
    color: #1c2d3e !important;
}

/* Container for stream listing title and button - inline layout */
.stream-listing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
}

.stream-listing-header p {
    margin: 0;
    display: inline-block;
}

.stream-listing-header .stream-listing-title {
    text-align: left;
    margin: 0;
    flex-grow: 1;
}

.stream-listing-header .ast-button {
    margin-left: auto;
    margin-bottom: 0;
    border: 3px solid #1c2d3e !important;
    background: none !important;
    background-color: transparent !important;
    color: #1c2d3e !important;
}

.stream-listing-header .ast-button i {
    color: #1c2d3e !important;
}

/* Alternative: If you need to target existing structure without wrapper */
.stream-listing-title + p .ast-button,
.stream-listing-title ~ p .ast-button {
    float: right;
    margin-top: -46px; /* Offset the line-height of title */
    border: 3px solid #1c2d3e !important;
    background: none !important;
    background-color: transparent !important;
    color: #1c2d3e !important;
}

.stream-listing-title + p .ast-button i,
.stream-listing-title ~ p .ast-button i {
    color: #1c2d3e !important;
}

/* General ast-button styling for all account pages */
.woocommerce-account .ast-button {
    border: 3px solid #1c2d3e !important;
    background: none !important;
    background-color: transparent !important;
    color: #1c2d3e !important;
    text-decoration: none !important;
    padding: 7px 15px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

.woocommerce-account .ast-button i {
    color: #1c2d3e !important;
}

.stream-listing-title {
    float: left;
    width: auto;
    max-width: 70%;
}

.lifelist_stream .stream_listing_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 46px;
    text-align: left;
    margin-bottom: 0px;
}
.lifelist_stream .stream_sub_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}
.expbox-wrapper.popup {
    position: fixed;
    left: 0;
    width: 100%;
    max-width: unset;
    z-index: 9999;
    background: rgba(28, 46, 61, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: auto;
    min-height: 100%;
    padding: 20px;
    top: 0;
}

.expbox-wrapper .popup-container {
    max-width: 375px;
    margin: 0 auto;
    height: 100%;
    background: #ffffff;
    padding: 0 20px;
}

.expbox {
    margin-bottom: 30px !important;
}

.host-bar {
    display: flex;
    align-items: center;
    padding: 0 14px 12px; /* Reduced from 20px to match Instagram standards */
}

.host-bar .host-img {
    margin-right: 14px;
}

.host-bar .host-img img {
    width: 32px;
    height: 32px;
}

.host-img img {
    border-radius: 50%;
}

.host-bar .host-info {
    line-height: 10px;
}

/* Host bar styling - Facebook colors and Instagram/TikTok sizing */
.host-info span {
    font-size: 14px; /* Increased from 12px to match social media standards */
    font-weight: 400;
    color: #65676b; /* Facebook secondary text color */
}

.improve-boost-modal .host-info span {
    text-align: left;
    display: block;
}

.host-bar .host-info h4 {
    margin: 0;
    font-weight: bold;
    font-size: 16px; /* Increased from 14px for better prominence */
}

.host-info h4 a {
    color: #1c1e21; /* Facebook primary text color for main name */
}

/* Location link styling */
.host-info a span {
    color: #65676b; /* Facebook secondary text for location */
}

.expbox-wrapper .thumbnail-bar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
    color: #262626;
}

.thumbnail-bar.swiper {
    padding-bottom: 0px;
    position: relative;
}

.swiper-pagination {
    z-index: 1030 !important;
}

.lifelist_stream .thumbnail-bar {
    z-index: unset;
}

/* Pagination dots positioning within thumbnail-bar */
.lifelist_stream .thumbnail-bar .swiper-pagination {
    position: absolute !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 100 !important;
}

.lifelist_stream .swiper-pagination-bullets-dynamic {
    z-index: 80 !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    position: absolute !important;
}

.action-bar {
    z-index: 50;
}

.lifelist_stream .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.7) !important;
    opacity: 1 !important;
    margin: 0 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    transition: all 0.3s ease !important;
}

.lifelist_stream .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.95) !important;
    transform: scale(1.2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.swiper-pagination-bullet-active {
    background-color: #0E1664 !important;
}

.thumbnail-bar .slick-dots-container {
    width: 145px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 10px auto;
    height: 14px;
    position: relative;
}

.thumbnail-bar .slick-dots-container>ul {
    padding: 0;
    display: flex;
    justify-content: center;
    transition: all 0.25s;
    position: relative;
    margin: 0;
    list-style: none;
    transform: translateX(0);
    align-items: center;
    bottom: unset;
    height: 100%;
    z-index: 1030;
}

.thumbnail-bar .slick-dots-container>ul li {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background-color: #efd5d5;
    border: none;
    border-radius: 50%;
}

.thumbnail-bar .slick-dots-container>ul li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.thumbnail-bar .slick-dots-container>ul li.slick-active {
    background: #0E1664;
}

.thumbnail-bar .slick-dots li button:before {
    display: none;
}

.thumbnail-bar+.action-bar {
    margin: 0;
}

.action-bar {
    padding: 10px 0 10px;
    position: relative;
    margin: 0;
}

.lifelist_stream .action-bar {
    display: flex;
    justify-content: space-between;
}

.action-bar ul.wrapper {
    padding: 7px 16px 10px
}

.action-bar ul.wrapper li {
    padding-top: 2px;
}

.expbox-wrapper .action-bar ul.wrapper li.ac-add {
    padding-top: 0;
    font-size: 25px;
}

.expbox-wrapper .action-bar ul.wrapper li.ac-send i {
    position: relative;
    top: -3px;
}

/*.action-bar ul.wrapper li.ac-comment { padding-top: 0px; }*/

ul.wrapper {
    list-style: none;
    margin: 0 !important;
    padding: 0 14px !important;
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    clear: none !important;
}

ul.wrapper li {
    color: #000000;
    line-height: normal;
}

ul.wrapper li a {
    color: #000000;
    font-size: 22px;
}

.expbox-body ul.wrapper li.title a,
.expbox ul.wrapper li.title a {
    font-size: 12px;
}

/* Heart icon styling moved to lifelist-icons.css for better organization */

/* Standardized dimgrey color for both action bar and status section */
.action-bar ul.wrapper,
.action-bar ul.wrapper li,
.action-bar ul.wrapper li a {
    color: #696969;
}

/* Status section styling - dimgrey text and icons with Instagram/TikTok sizing */
.status {
    padding: 0 14px; /* Consistent side padding to match host bar */
}

.status ul.wrapper {
    color: #696969;
    padding: 0 !important; /* Remove padding since status section already has 16px padding */
}

.status ul.wrapper li {
    color: #696969;
    font-size: 15px; /* Increased from 12px to match Instagram/TikTok */
}

.status ul.wrapper li label,
.status ul.wrapper li span,
.status ul.wrapper li i {
    color: #696969;
}

.status ul.wrapper li h4 {
    font-size: 16px; /* Increased from 12px for title prominence */
    margin: 0px;
    color: #696969; /* Changed to dimgrey for consistency */
}

.status ul.wrapper li h4 a,
.status ul.wrapper li h4 a span,
.status ul.wrapper li h4 a p {
    color: #696969; /* Target links inside titles */
}

/* Specific overrides for different status types */
.lifelist_stream li.total-likes,
.lifelist_stream li.total-rating,
.lifelist_stream li.total-lifelist {
    font-size: 15px !important; /* Increased from 12px */
    color: #696969 !important; /* Changed to dimgrey */
}

.lifelist_stream li.duration,
.lifelist_stream li.age,
.lifelist_stream li.price,
.lifelist_stream li.passion {
    font-size: 13px !important; /* Increased from 10px */
    color: #696969 !important; /* Changed to dimgrey, was too light */
}

/* Ensure specific status elements are targeted */
.status ul.wrapper li.duration label,
.status ul.wrapper li.age label,
.status ul.wrapper li.passion label {
    font-size: 13px;
    color: #696969;
}

.status ul.wrapper li.title h4 span b {
    font-size: 16px;
    color: #696969;
}

.status ul.wrapper li.title h4 p {
    font-size: 16px; /* Same size as title for consistency */
    color: #696969;
    display: inline; /* Make paragraph inline to flow with title */
    margin: 0; /* Remove all margins */
    padding: 0; /* Remove all padding */
}

/* Ensure the links display inline for coherent paragraph flow */
.status ul.wrapper li.title h4 a {
    display: inline;
}

/* Add a space between title and description for readability */
.status ul.wrapper li.title h4 span::after {
    content: " ";
}

/* Stream-specific action bar styling */
.action-bar .action-count {
    font-size: 14px; /* Increased for larger icons */
    margin-left: 5px;
    color: #696969;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.action-bar ul.wrapper li.ac-stamp,
.action-bar ul.wrapper li.ac-lifelist,
.action-bar ul.wrapper li.ac-plan,
.action-bar ul.wrapper li.ac-book {
    display: inline-block;
}

.action-bar ul.wrapper li.ac-stamp a,
.action-bar ul.wrapper li.ac-lifelist a,
.action-bar ul.wrapper li.ac-plan a,
.action-bar ul.wrapper li.ac-book a,
.action-bar ul.wrapper li.ac-like a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

/* Ensure consistent icon alignment and vertical centering */
.action-bar ul.wrapper li i {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    vertical-align: middle;
    font-size: 24px; /* Instagram/TikTok larger size */
    color: #696969;
}

/* Specific sizing for action bar icons to match Instagram/TikTok standards */
.action-bar ul.wrapper li a {
    color: #696969;
    font-size: 24px; /* Instagram/TikTok size - larger than Twitter */
}

ul.wrapper li label {
    margin-right: 10px;
}

ul.wrapper li.ac-send,
ul.wrapper li.ac-add {
    margin-left: auto;
    padding-top: 1px;
}

ul.wrapper .fwb {
    font-weight: bold;
}

.status ul.wrapper li {
    font-size: 12px;
}

.lifelist_stream li.total-likes,
.lifelist_stream li.total-rating,
.lifelist_stream li.total-lifelist {
    font-size: 12px !important;
    color: #262626 !important;
}

.lifelist_stream li.duration,
.lifelist_stream li.age,
.lifelist_stream li.price,
.lifelist_stream li.passion {
    font-size: 10px !important;
    color: #8E8E8E !important;
}

.lifelist_stream li.title p {
    margin: 0;
}

.status ul.wrapper li label {
    margin-right: 5px;
}

.status ul.wrapper li.title {
    width: 100%;
    padding: 8px 25px 8px 0px;
}

.status ul.wrapper li h4 {
    font-size: 12px;
    margin: 0px;
    color: #262626;
}

.status ul.wrapper li h4 span {
    float: left;
    padding-right: 5px;
}

.page-template-lifelist-stream .header-main-layout-1 {
    background: #FFFFFF;
    position: relative;
}

.page-template-lifelist-stream .logo a,
.search-results .logo a {
    color: #1C2F3D;
}

/* Stream back button styling - match search icon position and size */
.site-header,
.ast-site-header {
    position: relative;
}

.page-template-lifelist-stream .breaudcum_top a.stream_back,
a.stream_back {
    color: #1C2F3D;
    font-size: 28px !important;
    position: absolute;
    left: 20px;
    top: 15px; /* Match header padding-top */
    text-decoration: none;
    z-index: 100;
    display: flex;
    align-items: center;
    line-height: 1;
    height: calc(100% - 30px); /* Full height minus top+bottom padding */
}

a.stream_back i {
    display: block;
    line-height: 1;
}

a.stream_back:hover {
    opacity: 0.7;
}

/* Ensure search icon styling matches for consistency */
.header-search-icon {
    position: absolute;
    left: 20px;
    top: 15px; /* Match header padding-top (15px from header padding: 15px 20px) */
    text-decoration: none;
    color: #fff; /* Default white for home page */
    z-index: 100;
    display: flex;
    align-items: center;
    line-height: 1;
    height: calc(100% - 30px); /* Full height minus top+bottom padding (15px + 15px = 30px) */
}

.header-search-icon i {
    display: block;
    line-height: 1;
}

.header-search-icon:hover {
    opacity: 0.7;
}

/* Stream pages - dark icon */
.page-template-lifelist-stream .header-search-icon,
.page-template-lifelist-stream .header-search-icon i {
    color: #1C2F3D;
}

/* WooCommerce pages - dark icon */
body.woocommerce-account .header-search-icon,
body.woocommerce-account .header-search-icon i,
.woocommerce-checkout .header-search-icon,
.woocommerce-checkout .header-search-icon i,
.woocommerce-cart .header-search-icon,
.woocommerce-cart .header-search-icon i {
    color: #1C2E3D;
}

.expbox.slider {
    display: inline-block;
    width: 100%;
    padding: 0 14px;
    overflow: hidden;
}

.expbox.slider .host-bar {
    padding-left: 0px;
    padding-right: 0px;
}

.expbox.slider .slider {
    margin-right: -30px;
    column-gap: 10px;
}

/* Force Material Design styling on Slick carousel slides - override all inline styles */
.expbox.slider .slick-slide > div > a.slide,
.expbox.slider .slick-slide a.slide,
.expbox.slider a.slide {
    width: 100% !important;
    display: block !important;
    line-height: normal !important;
    position: relative !important;
    /* Material Design enhancements - force override */
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
    background: #ffffff !important;
    margin: 10px !important;
    height: 200px !important;
    text-decoration: none !important;
    color: inherit !important;
    box-sizing: border-box !important;
}

.expbox.slider .slick-slide > div > a.slide:hover,
.expbox.slider .slick-slide a.slide:hover,
.expbox.slider a.slide:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* Keep original styling as fallback for non-Slick carousels */
.expbox.slider .slide {
    width: 50%;
    float: left;
    line-height: normal;
    position: relative;
    /* Material Design enhancements */
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    background: #ffffff;
    margin: 10px; /* Add 10px margin all around */
    width: calc(50% - 20px); /* Adjust width to account for margin */
    min-height: 280px !important; /* Minimum height for image + text */
    height: auto !important; /* Auto height to prevent text cutoff */
    display: flex !important; /* Flex to stack image and text */
    flex-direction: column !important; /* Stack vertically */
    text-decoration: none; /* Remove link styling */
    color: inherit; /* Ensure text color is preserved */
}

.expbox.slider .slide:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.expbox.slider .slick-slide {
    margin-right: 10px !important;
}

/* Force image styling on Slick carousel - square images */
.expbox.slider .slick-slide a.slide img,
.expbox.slider .slick-slide .slide img,
.expbox.slider a.slide img,
.expbox.slider .slide img {
    width: 100% !important;
    height: 200px !important; /* Square height matching container width */
    object-fit: cover !important; /* Maintain aspect ratio and crop if needed */
    border-radius: 12px 12px 0 0 !important; /* Rounded top corners only */
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reset all paragraph margins in slider to prevent theme interference */
.expbox.slider p,
.expbox.slider .slide p,
.expbox.slider.slick-initialized p,
.expbox.slider.slick-initialized .slide p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Force title styling on Slick carousel */
.expbox.slider .slick-slide a.slide p.title,
.expbox.slider .slick-slide .slide p.title,
.expbox.slider a.slide p.title,
.expbox.slider p.title,
.expbox.slider.slick-initialized .slide p.title,
.expbox.slider.slick-initialized a.slide p.title {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 12px 16px 4px 16px !important; /* Material Design padding */
    color: #1c1e21 !important; /* Facebook primary text color */
    /* Text truncation - max 2 lines */
    line-height: 1.4 !important;
    max-height: 39.2px !important; /* 14px * 1.4 * 2 lines = 39.2px */
    overflow: hidden !important;
    word-wrap: break-word !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important; /* Ensure it's above image */
}

/* Force subtitle styling on Slick carousel */
.expbox.slider .slick-slide a.slide span.sub-title,
.expbox.slider .slick-slide .slide span.sub-title,
.expbox.slider a.slide span.sub-title,
.expbox.slider span.sub-title,
.expbox.slider.slick-initialized .slide span.sub-title,
.expbox.slider.slick-initialized a.slide span.sub-title {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #65676b !important; /* Facebook secondary text color */
    padding: 0 16px 12px 16px !important; /* Material Design padding */
    display: block !important;
    /* Text truncation - max 1 line */
    max-height: 16.9px !important; /* 13px * 1.3 = 16.9px */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    position: relative !important;
    z-index: 2 !important; /* Ensure it's above image */
}


.linked-listing-inner .connected_available_lifelists .expbox-header {
    display: flex;
    justify-content: space-between;
    /*padding: 0.5em 0em 0.5em 0em;*/
    padding: 14px 0px;
    border-bottom: 2px solid #cecece !important;
    line-height: normal !important;
}

.linked-listing-inner .connected_available_lifelists a.add_linked_list {
    color: #696969;
}

.linked-listing-inner .connected_available_lifelists .host-actions a.add_linked_list {
    color: #696969;
}

.linked-listing-inner .connected_available_lifelists .host-actions {
    margin-right: 0px !important;
    height: 18px;
    margin-top: 6px;
    opacity: 1;
}

.linked-listing-inner .status ul.wrapper li.title p {
    margin-bottom: 0px;
}

.linked-listing-inner .improve_bottom_section {
    padding: 0 !important;
}
.lifelist_boost_popup select#time_slot {
    margin-bottom: 0px;
}

.improve_bottom_section>div,
.linked-listing-inner .new_listing {
    width: 100%;
    display: inline-block;
    padding: 0 15px 15px !important;
}

.improve_bottom_section>div {
    padding: 0px 30px 15px !important;
}

.improve_bottom_section>div a,
.linked-listing-inner .improve_bottom_section a {
    background: #152A3A;
    padding: 15px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-radius: 7px;
    letter-spacing: 0.79px;
    font-size: 19px;
    font-weight: 700;
}

.linked-listing-inner .improve_center_section {
    padding: 0 16px;
}

.linked-listing-inner .improve_center_section .lifelist_add_content h5 {
    font-size: inherit;
    font-weight: inherit;
}

.linked-listing-inner .improve_center_section .lifelist_add_content input {
    width: 100%;
    margin-top: 10px;
    background: #fff;
    border-color: #ddd;
}

.lifelist_add_content div {
    margin-bottom: 20px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 2px !important;
}

.connected_passion .host-actions {
    order: 1;
    left: unset;
    margin-top: 0;
    position: absolute;
    right: 40px;
    top: 24px;
}

.connected_passion .ui-accordion-header-icon {
    position: unset;
    order: 2;
    width: 28px;
    height: 20px;
}

.connected_passion .host-info h5 {
    font-size: 14px !important;
    font-weight: 700;
    color: #262626;
    text-align: left;
    letter-spacing: 0.58px;
}

.improve-boost-modal .lifelist_boost_popup .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    background: none !important;
    text-indent: unset;
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
    height: unset;
    width: unset;
    line-height: normal !important;
    color: #555555;
}

/* expbox - end */

.improve-boost-modal .expbox-wrapper .ui-accordion-header {
    border-radius: 0 !important;
    justify-content: flex-end !important;
}

.improve-boost-modal .expbox-wrapper .ui-accordion-header-icon {
    margin-top: 0px !important;
    margin-left: unset !important;
    order: 3 !important;
}

.improve-boost-modal .expbox-wrapper .host-actions {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 15px !important;
    height: 19px !important;
}

.improve-boost-modal .expbox-wrapper .host-bar {
    padding: 0 14px 0px 0px !important;
    order: 1 !important;
    margin-right: auto;
}

.improve-boost-modal .expbox-wrapper .expbox {
    margin-bottom: 0px !important;
}

.improve-boost-modal .improve_info_section {
    opacity: 100% !important;
}

.improve-boost-modal .improve_info_section p {
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #1C2E3D;
}

.improve-boost-modal .connected_content .connected_tabs ul li.active,
.improve-boost-modal .connected_place_content .connected_tabs ul li.active {
    font-weight: 700;
}

@media only screen and (max-width: 480px) {

    .improve-boost-modal .improve_center_section .edit_form_section .inner_section h3 {
        font-size: 14px;
    }

    .improve-boost-modal .lifelist_improve_boost .improve_top_section h3,
    .improve-boost-modal .lifelist_boost_popup .improve_top_section h3 {
        font-size: 18px !important;
    }

    .improve-boost-modal .lifelist_boost_popup .improve_center_section {
        padding: 0px 14px !important;
    }

    .improve-boost-modal .improve_info_section p {
        font-size: 14px !important;
        margin-bottom: 28px !important;
    }

    .improve-boost-modal .connected_content .connected_tabs ul li,
    .improve-boost-modal .connected_place_content .connected_tabs ul li {
        font-size: 14px !important;
        font-weight: 400;
    }

    .improve-boost-modal .host-bar .host-info,
    .improve-boost-modal .host-bar .host-info h5 {
        font-size: 14px !important;
        font-weight: 700;
        line-height: normal;
        color: #262626 !important;
    }

    .improve-boost-modal .expbox-wrapper .host-actions {
        height: 24px !important;
        position: relative !important;
        top: unset !important;
        right: unset !important;
    }

    .improve-boost-modal .improve-boost-modal .lifelist_improve_boost .experience-popup-inner .boost_sticky .back_section,
    .improve-boost-modal .improve-boost-modal .lifelist_boost_popup .experience-popup-inner .boost_sticky .back_section,
    .improve-boost-modal .improve-boost-modal .action-popup .action-popup-inner .boost_sticky .back_section {
        padding-left: 14px !important;
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .improve-boost-modal .improve-boost-modal .lifelist_improve_boost .improve_center_section h4,
    .improve-boost-modal .improve-boost-modal .lifelist_boost_popup .improve_center_section h4,
    .improve-boost-modal .boost_share .first_section .share-title {
        font-weight: 400 !important;
        font-size: 16px !important;
    }

    .improve-boost-modal .improve_center_section .inner_section i {
        font-size: 22px !important;
    }

    .improve-boost-modal .back_section {
        padding-left: 14px !important;
        font-size: 26px !important;
        line-height: 28px !important;
        margin-bottom: 0px !important;
    }

    .improve-boost-modal .improve_info_section {
        margin-top: 0px !important;
    }

    .improve-boost-modal .lifelist_improve_boost .improve_top_section,
    .improve-boost-modal .lifelist_boost_popup .improve_top_section {
        padding-bottom: 30px !important;
    }

    .improve-boost-modal .lifelist_improve_boost .improve_bottom_section {
        padding: 14px !important;
    }

    .improve-boost-modal .connected_content .search_connected,
    .improve-boost-modal .connected_place_content .search_connected {
        letter-spacing: 0.79px !important;
        font-size: 19px !important;
        font-weight: 500 !important;
    }

    .improve-boost-modal .connected_content .connected_tabs ul li:not(:last-child)::after,
    .improve-boost-modal .connected_place_content .connected_tabs ul li:not(:last-child)::after {
        margin: 0 5px;
    }

    .improve-boost-modal .lifelist_improve_boost .improve_center_section h4,
    .improve-boost-modal .lifelist_boost_popup .improve_center_section h4,
    .boost_share .first_section .share-title {
        font-size: 16px !important;
    }

    /*  .venue-stages-main .related-content-area { max-height: 300px; }*/

}

@media only screen and (min-width: 769px) {}

.experience-sticky-right a:last-child {
    padding-right: 2px !important;
}

.experience-sticky-left {
    max-width: calc(100% - 220px);
}

.experience-sticky-name,
.venue-sticky-name {
    padding-right: 25px;
}

.experience-sticky-name span,
.venue-sticky-name span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
}

.related-content-area .elementor-col-100 .venue_promo_box .venue_promo_box_sec,
.venue_promo_box.category-content-inner.elementor-column.elementor-col-100.experinece_box_3.flexible_content_light .venue_promo_box_sec {
    background-color: #1C2E3D !important;
}

.related-content-area .elementor-col-100 .venue_promo_box .venue_promo_box_sec .venue_promo_box_right_sec_second h4,
.related-content-area .elementor-col-100 .venue_promo_box .venue_promo_box_sec .venue_promo_box_right_sec_second .category-title,
.related-content-area .elementor-col-100 .venue_promo_box .venue_promo_box_sec .venue_promo_box_right_sec_second .category-maker {
    color: #fff;
    font-size: 24px;
    font-family: "CircularStd-Book";
}

.venue_promo_section .flexible_content_light .venue_promo_box_btn a {
    border-color: #1C2E3D !important;
    color: #1C2E3D !important;
    background-color: transparent;
}

.related-content-area .flexible_content_light .venue_promo_box_sec .venue_promo_box_right_sec_second .venue_promo_box_btn a {
    background-color: #1C2E3D !important;
    color: #fff !important;
    border-color: #fff !important;
    line-height: 60px !important;
}

.venue_promo_box_right_sec_second {
    height: auto !important;
}

.category-row.related-content-area {
    margin-left: 0;
    margin-right: 0;
}

.category-row.related-content-area .venue_promo_box {
    padding-left: 0;
    padding-right: 0;
}

.web .commentlist .slick-list .slick-track .slick-slide .review .comment_container .comment-text .description {
    color: #1C2E3D !important;
}

.elementor-widget-experience_web_review .experience_review .review img:hover {
    background: none !important;
}

.passon_show_more {
    margin: auto;
    width: 95px;
}

.make_private_action {
    margin-right: -10px;
}



a.button.button_perk.experience_btn {
    font-size: 26px !important;
    font-weight: bold !important;
}

.user_location {
    float: left;
    width: 100%;
    /*position: relative;
    left: -428px;
    top: 60px;*/
    font-size: 20px;
    color: #FFF;
    display: none;
}

.user_location:hover {
    color: #FFF;
}

@media only screen and (max-width: 767px) {
    a.button.button_perk.experience_btn {
        font-weight: bold !important;
        font-size: 15px !important;
    }
}

.banner_gallery_info .main_title .passion_venue_section {
    position: relative !important;
}

.banner_gallery_info .main_title .user_location {
    position: absolute !important;
    left: 80px;
}

@media (max-width: 1023px) {
    .banner_gallery_info .main_title .user_location {
        left: 70px;
    }
}

@media (max-width: 991px) {
    /* .banner_gallery_main_sec .banner_image {
        height: 600px !important;
    } */
}

@media (max-width: 768px) {
    .banner_gallery_info .main_title .user_location {
        left: 45px;
    }
}

@media (max-width: 767px) {
    .banner_gallery_info .main_title .user_location {
        left: -50px;
    }

    /* .banner_gallery_main_sec .banner_image {
        height: 500px !important;
    } */

    .banner_gallery_info .main_title .banner_passion {
        font-size: 33px !important;
    }

    .banner_gallery_main_sec .open_swipe_gallery {
        width: 150px !important;
        height: 45px !important;
        line-height: 45px !important;
        bottom: 80px !important;
    }

    /* Passion Masthead Separated Mobile Styles */
    .passion-masthead-component .open_swipe_gallery {
        width: 150px !important;
        height: 45px !important;
        line-height: 45px !important;
        bottom: 60px !important;
        margin-left: -75px !important;
        font-size: 12px !important;
        letter-spacing: 2px !important;
        z-index: 10;
    }

    .passion-masthead-component .slick-dots {
        bottom: 120px !important;
    }
    
    /* Experience of venue - ensure cards are always visible */
.experience_of_venue .category-content-inner {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 20px;
}

.experience_of_venue .category-image {
    width: 100%;
    height: auto;
    display: block;
}

.experience_of_venue .category-image img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
}

.experience_of_venue .elementor-row.category-row {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .experience_of_venue .elementor-row.category-row {
        flex-direction: column;
    }
    
    .experience_of_venue .category-content-inner {
        width: 100% !important;
        margin: 0 0 20px 0;
    }
}
    .experience_of_venue .elementor-row.category-row.slick-initialized {
        display: block !important;
    }
    
    .experience_of_venue .elementor-row.category-row.slick-initialized .slick-slide {
        display: block !important;
        width: 100% !important;
    }
    
    .experience_of_venue .elementor-row.category-row.slick-initialized .category-content-inner {
        width: 100% !important;
        margin: 0 10px;
    }
    
    .experience_of_venue .slick-dots {
        display: flex !important;
        justify-content: center;
        margin-top: 20px;
    }
    
    .experience_of_venue .slick-dots li {
        margin: 0 5px;
    }
    
    .experience_of_venue .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        border: none;
        font-size: 0;
    }
    
    .experience_of_venue .slick-dots li.slick-active button {
        background: #007cba;
    }
    
    /* Ensure experience cards display properly */
    .experience_of_venue .category-content-inner {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .experience_of_venue .category-image {
        width: 100%;
        height: auto;
        display: block;
    }
    
    .experience_of_venue .category-image img {
        width: 100%;
        height: auto;
        display: block;
        max-width: 100%;
    }

    .passion-filter-nav li a {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .banner_gallery_info .main_title .user_location {
        left: 0px;
        font-size: 24px !important;
    }

    .banner_gallery_info .main_title .banner_passion {
        font-size: 24px !important;
    }

    .banner_gallery_info .main_title .banner_passion .passion_dropdown {
        display: flex !important;
        align-items: center !important;
    }

    /* .banner_gallery_main_sec .banner_image {
        height: 500px !important;
    } */

    /* Passion Masthead Separated Mobile Styles */
    .passion-masthead-component .banner_gallery_info .main_title .user_location {
        left: 0px;
        font-size: 24px !important;
    }

    .passion-masthead-component .banner_gallery_info .main_title .banner_passion {
        font-size: 24px !important;
    }

    .passion-masthead-component .banner_gallery_info .main_title .banner_passion .passion_dropdown {
        display: flex !important;
        align-items: center !important;
    }
}

@media (max-width: 375px) {
    /* .banner_gallery_main_sec .banner_image {
        height: 500px !important;
    } */

    .banner_gallery_info .main_title .user_location {
        font-size: 24px !important;
    }

    .banner_gallery_info .main_title .banner_passion {
        font-size: 24px !important;
    }

    .banner_gallery_main_sec .open_swipe_gallery {
        width: 150px !important;
        height: 45px !important;
        line-height: 45px !important;
        bottom: 80px !important;
    }

    /* Passion Masthead Separated Mobile Styles */
    .passion-masthead-component .banner_gallery_info .main_title .user_location {
        font-size: 24px !important;
    }

    .passion-masthead-component .banner_gallery_info .main_title .banner_passion {
        font-size: 24px !important;
    }

    .passion-masthead-component .open_swipe_gallery {
        width: 150px !important;
        height: 45px !important;
        line-height: 45px !important;
        bottom: 60px !important;
        margin-left: -75px !important;
        font-size: 12px !important;
        letter-spacing: 2px !important;
        z-index: 10;
    }

}

/* Additional mobile fixes for passion masthead gallery button */
@media (max-width: 480px) {
    .passion-masthead-component .open_swipe_gallery {
        width: 140px !important;
        height: 40px !important;
        line-height: 40px !important;
        bottom: 50px !important;
        margin-left: -70px !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }
    
    .passion-masthead-component .slick-dots {
        bottom: 110px !important;
    }
    
    .passion-masthead-component .banner_gallery_info {
        position: relative;
        z-index: 5;
    }
}

@media (max-width: 360px) {
    .banner_gallery_info .main_title .user_location {
        font-size: 21px !important;
    }

    .banner_gallery_info .main_title .banner_passion {
        font-size: 21px !important;
    }

    /* Passion Masthead Separated Mobile Styles */
    .passion-masthead-component .banner_gallery_info .main_title .user_location {
        font-size: 21px !important;
    }

    .passion-masthead-component .banner_gallery_info .main_title .banner_passion {
        font-size: 21px !important;
    }
}

.category-content-inner.elementor-column.elementor-col-100.experinece_box_3.flexible_content_light {
    padding: 0px;
}

.category-content-inner.elementor-column.elementor-col-100.experinece_box_3.flexible_content_light .venue_promo_box .venue_promo_box_sec .venue_promo_box_right_sec_second {
    padding-top: 30px;
    padding-bottom: 30px;
}

.passion-title .elementor-headline-dynamic-wrapper .elementor-headline-dynamic-letter {
    color: #000;
}

.custom_color .elementor-headline-dynamic-wrapper .elementor-headline-dynamic-letter {
    color: #FFF;
}

/*Promo widget start here*/
.promo-text {
    width: 100%;
    max-width: 369px;
    margin: auto;
    font-size: 14px;
    letter-spacing: 0.58px;
    color: #1C2E3D;
    line-height: 20px;
}

/*.promo-text span {
	margin: auto;
	text-align: left;
	width: 100%;
	float: left;
}*/

.next-month-promo span {
    font-size: 40px;
    float: left;
    width: 30%;
    text-align: left;
}

.promo-sum {
    color: #CFCFCF;
    width: 10% !important;
    text-align: center !important;
}

.budget-value {
    width: 70% !important;
}

.fee-value {
    width: 70% !important;
    text-align: right !important;
}

.promo-budget-txt-left {
    text-align: left !important;
    width: 35% !important;
}

.promo-budget-txt-right {
    text-align: right !important;
    width: 35% !important;
}

/*.make-a-splash-section,
.expect-next-month {
    margin-top: 50px;
    padding-left: 20%;
    padding-right: 20%;
    float: left;
}*/
.current-month-budget {
    margin-top: 25px;
}

.expect-list {
    color: #CFCFCF;
    font-weight: bold;
}

.expect-list ul {
    margin-left: 12px;
    list-style: none;
}

.expect-list ul li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.expect-list ul li .left_icon {
    width: 35px;
    font-weight: bold;
}

.expect-list ul li.active-green {
    color: #32AF8A;
}

.promo-advance-settings {
    border-top: none !important;
    width: 100%;
    margin: auto;
    padding-top: 50px;
    max-width: 380px;
    clear: both;
}

.promo-advance-settings h4 {
    text-align: center;
}

#budget-value,
#fee-value {
    width: 95px;
    height: 40px;
}

.budget-value-label,
.fee-value-label {
    width: 100%;
    float: left;
}

.timer {
    font-weight: bold;
}

.next-month-promo,
.next-month-promo-bottom {
    display: flex !important;
}

.next-month-promo .promo-budget,
.next-month-promo .finders-fee {
    width: 45% !important;
}

.next-month-promo span.symbol-currency,
.next-month-promo span.symbol-percentage {
    font-weight: 700 !important;
}

.next-month-promo span.symbol-currency {
    text-align: left !important;
}

.next-month-promo span.budget-value,
.next-month-promo span.fee-value,
.next-month-promo span.promo-sum {
    font-size: 72px !important;
    font-weight: 700 !important;
}



.banner_gallery_info .subtitle .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper {
    display: inline-block;
    width: 330px !important;
    margin-left: -10px !important;
}

#budget-value,
#fee-value {
    width: 140px;
    height: 100px;
    font-size: 72px;
    border-color: transparent !important;
    padding: 0px !important;
    font-weight: 600 !important;
}

#budget-value,
#fee-value {
    border-color: transparent !important;
    outline: 0px !important;
}

.venue-stages-main .category-row.related-content-area .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper {
    display: inline-block;
    width: 330px !important;
    margin-left: 6px !important;
}

.venue-stages-main .category-row.related-content-area .elementor-headline.elementor-headline-animation-type-swirl.elementor-headline-letters.passion-title {
    display: flex !important;
}

.promo-advance-setting {
    cursor: pointer;
}

#fee-value {
    padding-right: 5px !important;
    text-align: right;
}

/* Promotion and Pro Content - Redesign  */

.proomtion_procontent_new .promo-text .share-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    color: #1C2E3D;
    letter-spacing: 0.70px;
}

.proomtion_procontent_new span.symbol-currency {
    text-align: left !important;
    position: absolute;
    width: auto;
    left: 0;
}

.proomtion_procontent_new .next-month-promo span {
    font-size: 36px !important;
}

.proomtion_procontent_new .next-month-promo span.symbol-percentage {
    position: absolute;
    width: auto;
    right: 0;
}

.proomtion_procontent_new .next-month-promo span.budget-value {
    padding-left: 30px;
    width: auto !important;
}

.proomtion_procontent_new .next-month-promo span.fee-value {
    padding-right: 30px;
    width: auto !important;
    float: right;
}

.proomtion_procontent_new #budget-value,
.proomtion_procontent_new #fee-value {
    margin-top: -5px;
    height: 80px;
    width: 130px;
    color: #1C2E3D;
    font-size: 75px;
    font-weight: 700 !important;
    font-family: "CircularStd-Bold";
}

.proomtion_procontent_new .next-month-promo .promo-budget,
.proomtion_procontent_new .next-month-promo .finders-fee {
    position: relative;
}

.proomtion_procontent_new .next-month-promo-bottom {
    justify-content: space-between;
    padding-top: 10px;
}

.proomtion_procontent_new .next-month-promo span.promo-sum {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px !important;
}

.proomtion_procontent_new .promo-budget-txt-left,
.proomtion_procontent_new .promo-budget-txt-right {
    color: #1C2E3D;
    font-size: 16px;
}

.proomtion_procontent_new .make-a-splash-section,
.proomtion_procontent_new .expect-next-month {
    margin: auto;
    width: 100%;
    max-width: 388px;
    line-height: normal;
}

.make-a-splash-section .share-title {
    color: #1C2E3D;
    font-size: 16px;
    letter-spacing: 0.67px;
}

.make-a-splash-section .current-month-budget {
    color: #1C2E3D;
    font-size: 14px;
    letter-spacing: 0.58px;
}

.proomtion_procontent_new .expect-next-month {
    margin: 0 auto;
    clear: both;
    padding-top: 50px;
}

.proomtion_procontent_new .expect-next-month .share-title {
    font-size: 16px;
    letter-spacing: 0.67px;
    color: #1C2E3D;
}

.proomtion_procontent_new .expect-list ul {
    margin-right: -20px;
}

.proomtion_procontent_new .expect-list ul li {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.67px;
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative;
}

.promo-advance-settings p {
    font-size: 12px;
}

.improve-boost-modal .lifelist_boost_popup .promo-advance-settings h4 {
    font-size: 16px !important;
}

.promo-advance-settings span.ui-datepicker-month,
.promo-advance-settings span.ui-datepicker-year {
    font-size: 14px;
}

.promo-advance-settings .ui-datepicker table {
    font-size: 10px;
}

.promo-advance-settings .ui-state-default,
.promo-advance-settings .ui-widget-content .ui-state-default,
.promo-advance-settings .ui-widget-header .ui-state-default {
    font-size: 12px !important;
}

.promo-settings .expect-list {
    padding-left: 10px;
}

.promo-settings .expect-list ul li .left_icon {
    position: absolute;
    left: 0;
}

.proomtion_procontent_new .timer {
    font-size: 16px;
}



@media only screen and (max-width: 1023px) {

    .elementor-widget-flexible_related_content .passion-title {
        font-size: 12px;
    }

    .elementor-widget-flexible_related_content .category-section-main .category-title,
    .elementor-widget-flexible_related_content .experience-section-main .experience-title {
        font-size: 16px;
    }

    .category-section-main .category-maker {
        font-size: 12px;
    }

}

@media only screen and (max-width: 500px) {

    .proomtion_procontent_new .ui-datepicker {
        width: 100%;
        padding-bottom: 20px !important;
    }

}

@media only screen and (max-width: 479px) {

    .proomtion_procontent_new #budget-value,
    .proomtion_procontent_new #fee-value {
        font-size: 65px;
    }

    .proomtion_procontent_new .next-month-promo span.promo-sum {
        font-size: 30px !important;
        z-index: 1;
    }

    .proomtion_procontent_new .next-month-promo span {
        font-size: 28px !important;
    }

    .proomtion_procontent_new .expect-list ul {
        margin-right: -10px;
        margin-left: 0px;
    }

}

@media only screen and (max-width: 400px) {

    .proomtion_procontent_new #budget-value,
    .proomtion_procontent_new #fee-value {
        font-size: 65px;
    }

    .proomtion_procontent_new .next-month-promo span.budget-value {
        padding-left: 20px;
    }

    .proomtion_procontent_new .next-month-promo span.fee-value {
        padding-right: 20px;
    }

    .proomtion_procontent_new .expect-list ul {
        margin-right: 0;
        margin-left: 0;
    }

    .proomtion_procontent_new .expect-list ul li {
        padding-left: 25px;
        font-size: 14px;
        letter-spacing: 0;
    }

    .make-a-splash-section .share-title {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .make-a-splash-section .current-month-budget {
        letter-spacing: 0px;
    }

    .proomtion_procontent_new .timer {
        font-size: 14px !important;
        margin-left: -1px !important;
    }

    .proomtion_procontent_new .expect-next-month {
        padding-top: 30px;
    }

    .proomtion_procontent_new .expect-next-month .share-title {
        font-size: 14px;
    }

    .proomtion_procontent_new .promo-text .share-title {
        font-size: 14px;
    }

    .proomtion_procontent_new .promo-text {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 18px;
    }

    .proomtion_procontent_new .promo-budget-txt-left,
    .proomtion_procontent_new .promo-budget-txt-right {
        font-size: 14px;
    }

    .proomtion_procontent_new .next-month-promo-bottom {
        padding-top: 0px;
    }

    .promo-advance-settings {
        padding-top: 30px;
    }

    .promo-advance-settings p {
        font-size: 11px;
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 525px) {
    .banner_gallery_info .subtitle .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper {
        display: inline !important;
        width: 100% !important;
    }
}

.rTableCell.heading {
    font-size: 18 !important;
    line-height: 16px !important;
}

.add_to_past_container {
    padding: 50px;
}

.past_booking_form {
    padding: 30px;
}

.past-booking-date {
    width: 100%;
}

.past-booking-date .bkap_start_date {
    width: 100%;
}

.show_time_slot {
    position: relative;
    width: 100%;
    padding: 25px;
}

.post_booking_btn {
    line-height: 32px !important;
    height: 60px !important;
}

.search-no-results .logo a {
    color: #1C2F3D;
}

.search-results .breaudcum_top span {
    color: #1C2F3D;
}

.search-results #content .page-title,
#content .page-title:hover,
.search-no-results #content .page-title {
    color: #1C2F3D !important;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.ast-archive-description {
    margin-bottom: 20px !important;
}

.story-visibility {
    margin-left: 20px;
}

.search-results-page .elementor-element.elementor-element-fdda0cc>.elementor-container {
    max-width: 500px;
}

.lifelist_stream article {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-result-count {
    float: left;
    width: 58%;
}

@media only screen and (max-width: 400px) {
    .woocommerce-result-count {
        float: left;
        width: 48%;
    }
}

.action-bar .wrapper::before,
.action-bar .wrapper::after,
.status .wrapper::before,
.status .wrapper::after {
    content: none !important;
}

.already_visited {
    display: block;
    color: #FFF;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: rgba(85, 214, 105, 0.5);
    padding: 12px;
    right: 0;
    width: 55px;
    height: 55px;
}

.already_visited i {
    font-size: 32px;
}

.search-results .breaudcum_top a {
    color: #1C2F3D;
    font-size: 32px;
}

.breaudcum_top a,
.breaudcum_top span {
    font-weight: bold;
    font-size: 14px !important;
    color: #1C2F3D !important;
}

.remove-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.related-experience-stories {
    position: relative;
    top: 2px;
    font-size: 30px !important;
}

#related_exp_stories_popup {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

.without-logged-in {
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
}

.connected_first_section.users_lifelist .without-logged-in a.add-it-now {
    background: #152A3A;
    padding: 15px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-radius: 7px;
    letter-spacing: 0.79px;
    font-size: 19px;
    font-weight: 700;
    margin-top: 20px;
}
ul.connected_reltd_avable {
    float: left;
}
.refresh_users_lifelist {
    float: right;
}
.refresh_connect {
    font-size: 14px;
    color: #1C2E3D !important;
    font-weight: 700;
    letter-spacing: 0.58px;
    padding: 0 16px;
    margin-bottom: 15px;
    cursor: pointer;
}
.connected_first_section.users_lifelist .both {
    clear: both;
}
.single-product .breaudcum_top a,
.single-product .breaudcum_top span {
    color: #FFF !important;
}

.experience-bar {
    width: max-content;
    left: unset;
    z-index: 99;
    display: flex;
    padding: 10px 20px;
    justify-content: end;
    transition: all 0.3s ease;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

.experience-bar .light a {
    color: #FFF;
}

.experience-bar .dark a {
    color: #1C2E3D;
}

.experience-bar .exp-right {
    background: none !important;
}

.ellipsis-link {
    cursor: pointer;
    position: relative;
    float: right;
    top: -45px;
    right: 20px;
}

.ellipsis-link a {
    color: #8E8E8E !important;
    cursor: pointer;
    font-size: 16px !important;
}

.ellipsis-link a label {
    cursor: pointer;
}

.life-list-shortcut {
    width: 100%;
    text-align: center;
    margin: auto;
    justify-content: center;
    display: flex;
    margin-bottom: 25px;
    padding: 20px;
    margin: auto;
    padding-bottom: 50px;
}

.life-list-shortcut ul {
    list-style: none;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    /* gap: 20px 10px; */
    width: 100%;
}

.life-list-shortcut ul li {
    /* width: 120px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px; */
    width: 100%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.life-list-shortcut ul li a {
    font-size: 16px !important;
    font-weight: 700;
    color: #262626;
    text-align: center;
    letter-spacing: 0.58px;
    display: block;
    padding: 20px 10px;
}


.shortcut-icon {
    background: #1c2e3f;
    color: #FFF;
    border-radius: 50px;
    /*  text-align: center;*/
    height: 90px;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    margin-bottom: 20px;
    position: relative;
    left: 14%;
    /*padding: 20px;*/
}

.shortcut-text {
    font-size: 16px;
    line-height: 20px;
}

.mobile-action-bar {
    position: absolute;
    right: 10px;
    color: #1C2E3D;
    display: none;
}

.mobile-action-bar a {
    color: #1C2E3D;
    font-size: 20px;
    margin-left: 10px;
}

.experience-bar .add_lifelist,
.experience-sticky-right .add_lifelist {
    font-size: 30px;
    position: relative;
    top: 0px;
}

.action-bar .ac-add {
    position: relative;
    top: -40px;
    float: right;
    padding-right: 15px;
    font-size: 30px;
}

.action-bar .ac-add a {
    color: #000000;
}

.shortcut-wrapper {
    width: 100%;
}

@media only screen and (max-width: 550px) {
    .life-list-shortcut ul li {
        width: 33.33%;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
    }

    .life-list-shortcut ul li a {
        font-size: 16px !important;
        font-weight: 700;
        color: #262626;
        letter-spacing: 0.58px;
        display: block;
        text-align: center;
    }

    .shortcut-icon {
        text-align: center;
        height: 65px;
        width: 65px;
        font-size: 24px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .shortcut-text {
        font-size: 14px;
        line-height: 20px;
    }

    .experience-bar {
        padding-right: 0px;
    }

    .experience-bar .light a.boost_btn {
        margin-right: 5px;
    }

    .mobile-action-bar .add_lifelist {
        font-size: 30px;
        position: relative;
        top: 2px;
    }

    .experience-bar .add_lifelist {
        font-size: 30px;
        position: relative;
        top: -10px;
    }
}

@media only screen and (max-width: 359px) {
    .life-list-shortcut ul li a {
        padding: 20px 5px;
    }
}

/* passion-filter */

.passion-filter-nav {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    width: 100%;
    margin-bottom: 60px;
}

.passion-filter-nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
}

.passion-filter-nav li {
    float: left;
}

.passion-filter-nav li a {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 2px;
    display: none;
}

.passion-filter-nav li:last-child a {
    border: none !important;
}

.passion-results {
    float: left;
    width: 100%;
    padding-top: 25px;
}

.search-products-row {
    display: block;
    width: 100%;
    margin: auto;
    float: left;
    margin-bottom: 15px;
}

.search-products-row a {
    float: left;
    width: 25%;
    margin-right: 10px;
}

.search-products-row .product-details {
    float: left;
    width: 35%;
    margin-right: 10px;
}

.search-products-row .product-details a {
    width: 100%;
    float: left;
}

.search-products-row .product-availibility {
    float: left;
    width: 35%;
}

.product-availibility span {
    float: left;
    width: 100%;
}

.loading-filter {
    margin: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
}

.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #1C2E3D;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.related-experience .cc_data_sec .expbox-wrapper {
    border-bottom: 2px solid #cecece !important;
    padding: 14px 0px;
}

.related-experience .cc_data_sec .expbox-wrapper .expbox .expbox-header .host-actions {
    float: right;
    margin-right: 0 !important;
    position: relative;
    top: 7px;
}

.add_to_related {
    color: #555555;
}

@media only screen and (max-width: 767px) {
    .related-experience-stories {
        top: -8px;
    }

    .mobile-action-bar .related-experience-stories {
        top: 0px;
    }

    .toggle_tth_layout {
        right: 11px;
        top: 26px;
    }

    .your-lifelist-wrapper .box-continer {
        margin-bottom: 4px;
    }

    .your-lifelist .banner_image,
    .banner-height .banner_image,
    .banner_gallery_slides {
        height: 100%;
        min-height: 350px;
        max-height: 350px;
    }
    
    /* Global height: 100% rule disabled - no longer needed overrides */
    
    /* Disabled global height: 100% rule that was causing height resets */
    /* .your-lifelist,.banner-height{
        height: 100%;
    } */
}

.banner_gallery_info.your-lifelist {
    top: 20%;
    max-width: 1200px;
    margin: auto;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.your-lifelist-wrapper {
    color: #FFF;
}

.your-lifelist-wrapper .box-continer {
    width: 100%;
}


.your-lifelist .main_title h1 {
    position: relative;
    font-family: 'Nanum Pen';
    display: table;
    margin: 0 auto 50px auto;
    color: #fff;
}

.your-lifelist .main_title h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 3px;
    border-bottom: 3px solid #fff;
    transform: rotate(-4.58deg);
}

.your-lifelist.lifelist_not_found .main_title h1::after {
    border-bottom: 3px solid #ffffff;
}

/* OLD LEGACY YOUR-LIFELIST STYLING - Only applies to non-stat-section contexts */
/* These styles are overridden for .passion-areas-clickable, .places-visited-clickable, 
   and .lifelist-stats-section by the new styling at the end of this file */

.your-lifelist-wrapper .box-continer .your-header,
.banner_gallery_info.your-lifelist .box-continer .your-header {
    background: #EEEEEE;
    padding: 11px 15px 16px;
    line-height: normal;
    text-align: center;
}

.toggle_tth_layout.lifelist_not_found {
    color: #1C2E3D;
}

.toggle_tth_layout.lifelist_not_logged_in {
    color: #1C2E3D;
}

.your-lifelist-wrapper .your-header i,
.banner_gallery_info.your-lifelist .your-header i {
    color: #1C2E3D;
    font-size: 25px;
    height: auto; /* Height matches content/font size */
    line-height: 1; /* Tight line height */
}

.your-lifelist-wrapper .your-header h3,
.banner_gallery_info.your-lifelist .your-header h3 {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 600;
    font-size: 25.4937px;
    line-height: 25px;
    text-align: center;
    color: #1C2E3D;
    height: auto; /* Height matches content/font size */
}

.your-lifelist-wrapper .your-header svg,
.banner_gallery_info.your-lifelist .your-header svg {
    height: 25px;
    width: 25px;
}

.your-lifelist-wrapper .box-content,
.banner_gallery_info.your-lifelist .box-content {
    padding: 25px 15px;
    background: #1C2E3D;
    height: 100%;
    max-height: 130px;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.lifelist_not_found .box-content {
    max-height: unset;
    min-height: 130px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
}

/* Separate styling for not-logged-in users (distinct from no-data users) */
.lifelist_not_logged_in .box-content {
    max-height: unset;
    min-height: 130px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
}

/* Material Design for Clickable Elements */
.passion-areas-clickable .box-continer,
.places-visited-clickable .box-continer {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.passion-areas-clickable .box-continer:hover,
.places-visited-clickable .box-continer:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.passion-areas-clickable .box-continer:active,
.places-visited-clickable .box-continer:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* Ensure the header corners are rounded */
.passion-areas-clickable .your-header,
.places-visited-clickable .your-header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* Ensure the content corners are rounded */
.passion-areas-clickable .box-content,
.places-visited-clickable .box-content {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Add subtle interaction feedback */
.passion-areas-clickable .box-continer::after,
.places-visited-clickable .box-continer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0);
    transition: background 0.2s ease;
    pointer-events: none;
    border-radius: 12px;
}

.passion-areas-clickable .box-continer:hover::after,
.places-visited-clickable .box-continer:hover::after {
    background: rgba(255, 255, 255, 0.05);
}

/* Border radius for Stamps section (non-clickable) */
.box-continer:not(.passion-areas-clickable):not(.places-visited-clickable) {
    border-radius: 12px;
    overflow: hidden;
}

/* Ensure the header corners are rounded for Stamps */
.box-continer:not(.passion-areas-clickable):not(.places-visited-clickable) .your-header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* Ensure the content corners are rounded for Stamps */
.box-continer:not(.passion-areas-clickable):not(.places-visited-clickable) .box-content {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.your-lifelist-wrapper .box-content p,
.banner_gallery_info.your-lifelist .box-content p {
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 500;
    font-size: 19.8285px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.708159px;
    color: #1C2E3D;
    padding-left: 68px;
    padding-right: 68px;
}

.your-lifelist-wrapper .lifelist_not_found .box-content p,
.banner_gallery_info.your-lifelist.lifelist_not_found .box-content p {
    padding: 0 10px;
    max-width: 100%;
    width: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

/* Specific styling for not-logged-in Stamps text */
.your-lifelist-wrapper .lifelist_not_logged_in .box-content p,
.banner_gallery_info.your-lifelist.lifelist_not_logged_in .box-content p {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    max-width: 100%;
    width: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    letter-spacing: normal;
    font-weight: normal;
}

.your-lifelist-wrapper .box-content ul,
.banner_gallery_info.your-lifelist .box-content ul {
    list-style: none;
    margin: 0;
}

.your-lifelist-wrapper .box-content ul li,
.banner_gallery_info.your-lifelist .box-content ul li {
    margin-bottom: 3px;
    line-height: normal;
}

.your-lifelist-wrapper .box-content ul li a,
.banner_gallery_info.your-lifelist .box-content ul li a {
    color: #FFF;
    padding: 0px 14px;
    border: solid 1px #77828b;
    display: inline-block;
    line-height: normal;
    height: 24px;
    font-size: 19px;
    letter-spacing: 0.708159px;
    font-weight: 450;
}

.your-lifelist-wrapper .last-exp-number,
.banner_gallery_info.your-lifelist .last-exp-number {
    font-size: 82px;
    line-height: 82px;
    display: block;
    text-align: center;
    margin-bottom: 0px;
}

.your-lifelist-wrapper .lifelist_not_found .last-exp-number,
.banner_gallery_info.your-lifelist.lifelist_not_found .last-exp-number {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
    text-align: center;
}

.your-lifelist-rating {
    width: max-content;
    background: #FFFFFF;
    border-radius: 14px;
    height: 42px;
    padding: 0 15px;
    margin: 68px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.41632px solid #1C2E3D;
}

.your-lifelist-wrapper .days-string,
.banner_gallery_info.your-lifelist .days-string {
    font-size: 19.8285px;
    line-height: 25px;
    letter-spacing: 0.708159px;
    display: block;
    text-align: center;
    margin: 0;
}

.your-lifelist-wrapper .lifelist_not_found .days-string,
.banner_gallery_info.your-lifelist.lifelist_not_found .days-string {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: normal;
    display: block;
    text-align: center;
    margin: 0;
}

/* Separate styling for not-logged-in users */
.your-lifelist-wrapper .lifelist_not_logged_in .last-exp-number,
.banner_gallery_info.your-lifelist.lifelist_not_logged_in .last-exp-number {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
    text-align: center;
}

.your-lifelist-wrapper .lifelist_not_logged_in .days-string,
.banner_gallery_info.your-lifelist.lifelist_not_logged_in .days-string {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: normal;
    display: block;
    text-align: center;
    margin: 0;
}

.your-lifelist-rating a {
    color: #1C2E3D;
}

.your-lifelist-rating img {
    height: 50%;
    width: 115px;
    margin-right: 20px;
    margin-top: -3px;
}

.your-lifelist-rating img:hover {
    background: none;
    color: none;
}

.toggle_tth_layout {
    position: absolute;
    right: 35px;
    top: 18px;
    color: #FFF;
    border-radius: 50px;
    width: 58px;
    text-align: center;
    border: solid 2px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.my-account-new-list .elementor-widget-wrap.elementor-element-populated {
    padding: 0;
}

.my-account-new-list .elementor-widget-container {
    height: auto !important;
    /*max-height: 800px;*/
}

.my-account-container .elementor-container {
    max-width: 1140px !important;
}

@media (max-width:1279px) {
    .banner_gallery_info.your-lifelist {
        top: 10%;
    }

    .your-lifelist-rating {
        margin: 50px auto 0;
    }
}

@media only screen and (max-width: 991px) {
    .banner_gallery_info {
        padding: 0 20px;
    }

    .last-exp-number {
        font-size: 62px;
        line-height: 62px;
    }

    .your-header h3 {
        font-size: 24px;
    }
}

@media (min-width: 768px) {

    .your-lifelist-wrapper {
        justify-content: space-between;
    }

    .your-lifelist-wrapper .elementor-column.elementor-col-33,
    .your-lifelist-wrapper .elementor-column[data-col="33"] {
        width: calc(33.333% - 8px);
    }

}

@media only screen and (max-width:767px) {
    .box-continer .your-header {
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 5px 15px; /* Reduced from 10px to 5px for tighter fit */
        min-height: auto; /* Don't force minimum height */
        height: auto; /* Allow height to match content */
    }

    .my-account-new-list .elementor-widget-container {
        height: auto !important;
    }

    .banner_gallery_info.your-lifelist {
        position: unset;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        padding: 0 15px;
    }

    .your-lifelist-wrapper .box-content ul,
    .banner_gallery_info.your-lifelist .box-content ul {
        display: flex;
        align-items: center;
        gap: 3px;
        flex-wrap: wrap;
    }

    .your-lifelist-wrapper .box-content ul li,
    .banner_gallery_info.your-lifelist .box-content ul li {
        margin-bottom: 0;
    }

    .your-lifelist-wrapper .box-content,
    .banner_gallery_info.your-lifelist .box-content {
        height: auto;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 3px 36px;
    }

    .banner_gallery_main_sec.gallery_color_dark {
        background-color: transparent;
    }

    .your-lifelist-wrapper .your-header i,
    .banner_gallery_info.your-lifelist .your-header i {
        font-size: 20px;
        height: 20px !important; /* Exact height to match font size */
        line-height: 20px !important; /* Match height for vertical centering */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important; /* Override any forced min-height */
    }

    .your-lifelist-wrapper .your-header h3,
    .banner_gallery_info.your-lifelist .your-header h3 {
        font-size: 14px;
        line-height: 14px !important; /* Match font size for tight height */
        margin: 0;
        height: auto !important; /* Override forced heights */
        min-height: auto !important; /* Override forced min-height */
        display: flex !important; /* Override block display */
        align-items: center !important; /* Override unset */
        padding: 0 !important;
    }

    .your-lifelist-wrapper .your-header svg,
    .banner_gallery_info.your-lifelist .your-header svg {
        height: 20px;
        width: 20px;
    }



    .your-lifelist-wrapper .box-content ul li a,
    .banner_gallery_info.your-lifelist .box-content ul li a {
        height: 20px;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 21px;
    }

    .your-lifelist-wrapper .days-string,
    .banner_gallery_info.your-lifelist .days-string {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
        margin-left: 5px;
    }

    .your-lifelist-wrapper .last-exp-number,
    .banner_gallery_info.your-lifelist .last-exp-number {
        font-size: 42px;
        line-height: 42px;
        padding: 8px 0;
    }

    .toggle_tth_layout {
        width: 48px;
        height: 48px;
        right: 11px;
        top: 26px;
    }

    .your-lifelist .main_title h1::after {
        bottom: 10px;
        width: 80px;
    }

    .your-lifelist .main_title h1 {
        margin: 0 auto -70px auto;
        top: -120px;
        align-items: center;
        justify-content: center;
        width: auto;
    }

    .your-lifelist-rating {
        margin: 32px auto 0;
        font-size: 14px;
        line-height: 18px;
        border-radius: 10px;
    }

    .your-lifelist-rating img {
        height: 48%;
        width: 95px;
        margin-right: 10px;
    }

    .lifelist_not_found .box-content {
        padding: 0 10px 12px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .lifelist_not_found .box-content p {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }
}

@media only screen and (max-width:575px) {
    /* .banner_gallery_main_sec .banner_image {
        height: 262px !important;
    } */
}

@media only screen and (max-width:415px) {
    .your-lifelist-rating img {
        width: 65px;
    }
}

@media only screen and (max-width:359px) {
    .your-lifelist-rating {
        font-size: 12px;
        padding: 0 5px;
    }

    .your-lifelist-rating img {
        width: 55px;
    }
}

.your-stroy-grid {
    display: block;
    width: 100%;
    float: unset;
    clear: left !important;
    margin: 50px auto 10px !important;
    padding: 0 28px;
}

.your-stroy-grid .nav-filters {
    display: block;
    width: 100%;
    float: unset;
    height: 100px;
    margin: 0px;
}

.your-stroy-grid .nav-filters ul {
    float: unset;
    margin-top: 10px;
    padding: 0px;
    display: flex;
    gap: 8px;
    margin-left: 0px;
    justify-content: center;
}

.your-stroy-grid .nav-filters ul li {
    float: unset;
    width: auto;
    list-style: none;
    cursor: pointer;
    margin: 0;
    background: transparent;
}

.your-stroy-grid .nav-filters ul li a {
    background: #96BDDE80 !important;
    border-radius: 10px;
    padding: 9px 18px;
    text-decoration: none;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.957013px;
    color: #1C2E3D;
}

.your-stroy-grid .nav-filters ul li .active {
    color: #1C2E3D;
    background: #96BDDE33 !important;
    border-radius: 10px;
}

.your-stroy-grid .nav-tab-container {
    display: block;
    width: 100%;
    float: unset;
    margin-top: 30px;
}

.your-stroy-grid {
    float: unset;
    width: 50%;
    clear: left !important;
    margin: 60px auto 5px !important;
}

.nav-filters h1 {
    font-style: normal;
    font-weight: 450;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0.957013px;
    color: #1C2E3D;
    width: 576px;
    margin: auto;
}

.row {
    display: grid;
    grid-template-columns: 242px 242px 242px 242px;
    grid-template-rows: auto;
    column-gap: 7px;
    row-gap: 7px;
    text-align: center;
    width: 995px;
    margin: auto;
}

.grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.grid_item {
    position: relative;
    border-radius: 12px;
    height: 237px;
    cursor: pointer;
}

.grid_item h2 {
    position: absolute;
    width: 100%;
    padding: 0 0 20px 20px;
    bottom: 0;
    left: 0;
    text-align: left;
    color: white;
    margin: 0;
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 450;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.21027px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.grid_item div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
}

.streak img {
    margin-top: 25px;
    margin-bottom: 18px;
    height: auto;
    width: auto;
}

.streak p {
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 450;
    font-size: 38.7286px;
    line-height: 37px;
    text-align: center;
    letter-spacing: 1.21027px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.streak_size {
    font-size: 28px !important;
}
.streak_image img:hover,
.life_list_head img:hover {
    background-color: transparent;
}

.exp_box_cnt1 {
    grid-column: 1 / 3;
    background-color: #1D2D3C;
}

.exp_box_cnt2 {
    grid-column: 3 / 4;
    background-color: #1C2E3D;
}

.exp_box_cnt3 {
    grid-column: 4 / 5;
    background-color: #495863;
}

.exp_box_cnt4 {
    grid-column: 1 / 3;
    background-color: #485662;
}

.exp_box_cnt5 {
    grid-column: 3 / 4;
    grid-row: span 2;
    background-color: #77828A;
    height: 480px !important;
}

.exp_box_cnt6 {
    grid-column: 4 / 5;
    background-color: #33434F;
}

.exp_box_cnt7 {
    grid-column: 1 / 3;
    background-color: #1C2E3C;
}

.exp_box_cnt8 {
    grid-column: 4 / 5;
    background-color: #1C2E3C;
}

.exp_box_cnt9 {
    grid-column: 1 / 2;
    background-color: #77828A;
}

.exp_box_cnt10 {
    grid-column: 2 / 3;
    grid-row: span 2;
    background-color: #5A6771;
    height: 480px !important;
}

.exp_box_cnt11 {
    grid-column: 3 / 5;
    background-color: #1C2E3D;
}

.exp_box_cnt12 {
    grid-column: 1 / 2;
    background-color: #1C2E3C;
}

.exp_box_cnt13 {
    grid-column: 3 / 5;
    background-color: #1C2E3D;
}

.no-grid-image {
    height: 237px;
}

.no-grid-image span .fas {
    font-size: 36px;
}

.no-grid-image span {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.exp_box_cnt5.grid_item.no-grid-image,
.exp_box_cnt10.grid_item.no-grid-image {
    height: 100%;
}

.grid_item.no-grid-image div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid_item.no-grid-image div P {
    margin-bottom: 0;
}

@media only screen and (max-width: 1279px) {
    .your-stroy-grid {
        padding: 0;
    }

    .your-stroy-grid .nav-filters ul li a {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1023px) {
    .row {
        grid-template-columns: repeat(4, 24.5%);
        padding: 0 15px;
        width: 100%;
    }

    .no-grid-image,
    .grid_item,
    .exp_box_cnt5,
    .exp_box_cnt10 {
        height: 200px;
    }

    .your-stroy-grid .nav-filters ul li a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .row {
        grid-template-columns: repeat(4, 24.3%);
    }

    .no-grid-image,
    .grid_item,
    .exp_box_cnt5,
    .exp_box_cnt10 {
        height: 170px;
    }

    .grid_item h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .streak p {
        font-size: 26px;
        line-height: 26px;
    }

    .streak_size {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .streak img {
        max-width: 50px;
    }

    .your-stroy-grid {
        width: 64%;
    }

    .nav-filters h1 {
        width: 486px;
        font-size: 20px;
    }

    .grid_item.no-grid-image div P {
        font-size: 20px;
        line-height: 30px;
    }

    .no-grid-image span .fas {
        font-size: 26px;
    }

    .no-grid-image span {
        bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {

    .row {
        grid-template-columns: repeat(3, 33%);
        padding: 0 8px;
        column-gap: 3px;
        row-gap: 3px;
    }

    .your-stroy-grid {
        width: 100%;
        margin: 7px auto 5px !important;
        padding-left: 0;
    }



    .grid_item img,
    .grid_item {
        border-radius: 5px;
    }

    .exp_box_cnt3 {
        grid-column: 1 / 3;
        background-color: #495863;
    }

    .exp_box_cnt4 {
        grid-column: 3 / 4;
        background-color: #485662;
        grid-row: span 2;
        height: 343px !important;
    }

    .exp_box_cnt5 {
        grid-column: 1 / 3;
        grid-row: unset;
        background-color: #77828A;
        height: 170px !important;
    }

    .exp_box_cnt6 {
        grid-column: 1 / 2;
        background-color: #33434F;
    }

    .exp_box_cnt7 {
        grid-column: 2 / 3;
        background-color: #1C2E3C;
        grid-row: span 2;
        height: 343px !important;
    }

    .exp_box_cnt8 {
        grid-column: 3 / 4;
        background-color: #1C2E3C;
    }

    .exp_box_cnt10 {
        grid-column: 3 / 4;
        grid-row: unset;
        background-color: #5A6771;
        height: 170px !important;
    }

    .exp_box_cnt11 {
        grid-column: 1 / 3;
        background-color: #1C2E3D;
    }

    .exp_box_cnt12 {
        grid-column: 3 / 4;
        background-color: #1C2E3C;
    }

    .exp_box_cnt13 {
        grid-column: 1 / 3;
        background-color: #1C2E3D;
    }
}

@media only screen and (max-width: 575px) {

    .nav-filters h1,
    .your-stroy-grid .nav-filters ul li a {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
        width: auto;
    }

    .your-stroy-grid .nav-filters ul {
        float: left;
        margin-top: 0px;
        gap: 4px;
        margin-bottom: 16px;
    }

    .your-stroy-grid .nav-filters ul li a {
        border-radius: 5px;
        padding: 8px 12px;
    }

    .your-stroy-grid .nav-filters {
        height: auto;
        padding: 0 15px;
    }

    .grid_item {
        border-radius: 5px !important;
    }

    .grid_item h2 {
        padding: 0 0 5px 8px;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0.5px;
    }

    .streak img {
        margin-top: 12px;
        margin-bottom: 8px;
        max-width: 32px;
    }

    .streak p {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.5px;
        margin-bottom: 12px;
    }

    .streak_size {
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.5px;
        margin-bottom: 12px;
    }

    .no-grid-image,
    .grid_item {
        height: 98px !important;
    }

    .exp_box_cnt4,
    .exp_box_cnt7 {
        height: 199px !important;
    }

    .your-lifelist-rating {
        font-size: 10px;
        padding: 0 10px;
    }

    .grid_item.no-grid-image div P {
        font-size: 14px;
        line-height: 18px;
    }

    /* .no-grid-image span {
        bottom: -5px;
    } */

    .no-grid-image span .fas {
        font-size: 16px;
    }
}

@media only screen and (max-width: 359px) {
    .your-stroy-grid .nav-filters ul li a {
        padding: 8px 9px;
    }

    .row {
        padding: 0 8px;
        column-gap: 3px;
        row-gap: 3px;
        grid-template-columns: repeat(3, 32.8%);
    }

    .your-stroy-grid .nav-filters {
        padding: 0 8px;
    }

    .grid_item {
        border-radius: 5px !important;
    }
}

.no_life_list_picks div {
    height: 111px;
    left: 33.54%;
    right: 33.54%;
    top: calc(50% - 111px/2 - 34.5px);
    font-family: 'Lora';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 45px;
    text-align: center;
    color: #1C2E3D;
    width: 450px;
    margin: auto;
}

.life_list_picks {
    background-color: #E2F0FB;
    padding: 75px 10px 310px;
    width: 100%;
    margin-top: 55px;
}

.life_list_picks .life_list_head h2 {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 600;
    font-size: 34px;
    line-height: 18px;
    text-align: center;
    color: #1C2E3D;
    margin-top: 10px;
    margin-bottom: 40px;
}

.life_list_picks .life_list_head div {
    text-align: center;
}

.life_list_picks .life_list_head h3 {
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    color: #1C2E3D;
    width: 528px;
    margin: auto;
    margin-top: auto;
    height: 98px;
    margin-top: 10px;
}


.life_list_picks .life_list_grid {
    display: grid;
    grid-template-columns: repeat(4, 241px);
    grid-template-rows: 237px 237px;
    grid-gap: 7.25px;
    max-width: 988px;
    margin: auto;
}

.life_list_picks .life_grid_item {
    position: relative;
    border-radius: 12px;
}

.life_list_picks .life_grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.life_list_picks .life_grid_item a h3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 0 15px 15px;
    margin: 0;
    font-family: 'CircularStd-Book';
    font-weight: 450;
    font-size: 30px;
    line-height: 43px;
    letter-spacing: 1.2px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.life_list_grid .slick-list .slick-slide {
    margin-right: 10px;
}

img:hover {
    background: transparent;
}

@media only screen and (max-width: 1439px) {
    .life_list_picks {
        padding: 75px 10px 250px;
    }
}

@media only screen and (max-width: 1023px) {
    .life_list_picks .life_list_grid {
        grid-template-rows: 200px 200px;
        grid-template-columns: repeat(4, auto);
    }


    .life_list_picks .life_grid_item a h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .life_list_picks .life_list_head h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .life_list_picks {
        padding: 75px 10px 200px;
    }

}

@media only screen and (max-width: 991px) {
    .life_list_picks .life_list_grid {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: 185px 185px;
    }


    .life_list_picks .life_grid_item a h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .life_list_picks {
        padding: 55px 10px 40px;
    }
}

@media only screen and (max-width: 767px) {
    .life_list_picks .life_list_grid {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: auto;
        width: 100%;
        margin: 0;
    }

    .life_list_picks .life_grid_item h3 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 10px 10px;
    }

    .life_list_picks .life_list_head h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 35px;
    }

    .no_life_list_picks div {
        height: 132px;
        left: 15.94%;
        right: 20.62%;
        top: calc(50% - 132px/2 + 101.5px);
        font-family: 'Lora';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 33px;
        text-align: center;
        color: #1C2E3D;
        width: 320px;
        margin: auto;
    }

    .life_list_picks .life_list_head h3 {
        width: 282px;
        height: 82px;
        left: 19px;
        top: 869px;
        font-family: 'CircularStd-Book';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #1C2E3D;
    }

    .life_list_grid .slick-list {
        min-height: auto;
        margin-left: 8px;
    }

    .life_list_picks {
        padding: 14px 10px 0px;
    }

    .life_list_grid .slick-list .slick-slide {
        margin-right: 1.5px;
        margin-left: 1.5px;
    }

    .life_list_head img {
        max-width: 25px;
    }

    .life_list_picks .life_grid_item img,
    .life_list_picks .life_grid_item {
        border-radius: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .life_list_picks {
        padding: 14px 14px 0;
        margin-top: 31px;
    }

    .life_list_picks .life_grid_item a h3 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
        padding: 0 0 8px 8px;
    }
}

@media only screen and (max-width: 320px) {

    .life_list_picks .life_grid_item h3 {
        font-size: 14px;
        line-height: 20px;
        padding: 8px;
    }

    .life_list_picks .life_grid_item img,
    .life_list_picks .life_grid_item {
        border-radius: 5px !important;
    }
}

.life_list_picks .life_grid_item.no-grid-image:nth-child(1),
.life_list_picks .life_grid_item.no-grid-image:nth-child(3),
.life_list_picks .life_grid_item.no-grid-image:nth-child(6),
.life_list_picks .life_grid_item.no-grid-image:nth-child(8) {
    background-color: #1C2E3D;
}

.life_list_picks .life_grid_item.no-grid-image:nth-child(2),
.life_list_picks .life_grid_item.no-grid-image:nth-child(4),
.life_list_picks .life_grid_item.no-grid-image:nth-child(5),
.life_list_picks .life_grid_item.no-grid-image:nth-child(7) {
    background-color: #425362;
}

.life_list_picks .life_grid_item.no-grid-image a h3 {
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: unset;
}

.life_grid_item.no-grid-image span {
    left: 20px;
}

.life_grid_item.no-grid-image span i {
    color: white;
}

.things-to-do {
    position: relative;
}

.things-to-do.banner_gallery_main_sec .banner_image {
    height: 543px;
    display: block; /* Ensure images display on desktop */
    width: 100%;
    background-repeat: no-repeat;
}


.things-to-do .banner_gallery_info {
    color: #FFF;
    z-index: 100;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.things-to-do .banner_gallery_info h1,
.things-to-do .banner_gallery_info h2,
.things-to-do .banner_gallery_info h3 {
    text-align: center;
    font-style: normal;
    color: #FFFFFF;
    margin: 0;
}

.things-to-do .banner_gallery_info h1 {
    font-family: 'Lora', serif;
    font-weight: 600;
    font-size: 50px;
    line-height: 64px;
    letter-spacing: 3.63081px;
}

.things-to-do .banner_gallery_info h2,
.things-to-do .banner_gallery_info h3 {
    font-family: 'CircularStd-Book', serif;
    font-weight: 400;
}

.things-to-do .banner_gallery_info h2 {
    font-size: 44px;
    line-height: 60px;
}

.things-to-do .banner_gallery_info h3 {
    font-size: 32px;
    line-height: 44px;
}

.things-to-do .banner_gallery_info h1 a,
.things-to-do .banner_gallery_info h2 a,
.things-to-do .banner_gallery_info h3 a {
    color: #FFFFFF;
}


.ttd-edit img,
.ttd-heart img,
.ttd-lifelist-add i,
.ttd-like i,
.ttd-stamp i,
.ttd-book i,
.ttd-trip i,
.ttd-level img {
    width: 24px;
    height: auto;
}

.ttd-heart img {
    width: 24px;
}

.ttd-lifelist-add i {
    font-size: 24px;
    color: white;
    width: 24px;
    height: auto;
}

.ttd-like i {
    font-size: 24px;
    color: white;
    width: 24px;
    height: auto;
}

.ttd-stamp i {
    font-size: 24px;
    color: white;
    width: 24px;
    height: auto;
}

.ttd-book i {
    font-size: 24px;
    color: white;
    width: 24px;
    height: auto;
}

.ttd-trip i {
    font-size: 24px;
    color: white;
    width: 24px;
    height: auto;
}

.ttd-level img {
    width: 20px;
}

.ttd-edit img:hover,
.ttd-heart img:hover,
.ttd-lifelist-add i:hover,
.ttd-like i:hover,
.ttd-stamp i:hover,
.ttd-book i:hover,
.ttd-trip i:hover,
.ttd-level img:hover {
    background-color: transparent;
}

/* Icon animation styles with built-in delays */
.ttd-stamp,
.ttd-like,
.ttd-book,
.ttd-trip,
.ttd-lifelist-add {
    opacity: 1;
    transform: translateY(0);
}

.ttd-stamp {
    animation: fadeInUp 0.4s ease-out 1.2s both;
}

.ttd-like {
    animation: fadeInUp 0.4s ease-out 1.4s both;
}

.ttd-lifelist-add {
    animation: fadeInUp 0.4s ease-out 1.6s both;
}

.ttd-book {
    animation: fadeInUp 0.4s ease-out 1.8s both;
}

.ttd-trip {
    animation: fadeInUp 0.4s ease-out 2.0s both;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ttd-edit,
.ttd-heart,
.ttd-lifelist-add,
.ttd-like,
.ttd-stamp,
.ttd-book,
.ttd-level {
    position: absolute;
    z-index: 101;
}

.ttd-edit {
    bottom: 35PX;
}

.ttd-heart {
    bottom: 25PX;
}

.ttd-lifelist-add {
    bottom: 35PX;
}

.ttd-like {
    bottom: 35PX;
}

.ttd-stamp {
    bottom: 35PX;
}

.ttd-book {
    bottom: 35PX;
}

.ttd-stamp {
    left: 20px;
}

.ttd-like {
    left: 60px;
}

.ttd-book {
    left: 100px;
}

.ttd-lifelist-add {
    left: 140px;
}

.ttd-edit {
    right: calc(0% + 20%);
}

.ttd-heart {
    right: calc(0% + 12%);
}

.ttd-level {
    top: 75px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #1C2E3D;
    border-radius: 5px;
    width: 84px;
    height: 46.8px;
    left: calc(0% + 12%);
}

/* .logged-in .ttd-level {
    top: 26px;
} */


.ttd-level a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ttd-level span {
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 450;
    font-size: 10px;
    line-height: 10px;
    color: #1C2E3D;
    width: 50px;
}

.ttd-level::before,
.ttd-level::after {
    content: '';
    height: 32px;
    width: 4.8px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #1C2E3D;
    position: absolute;
    bottom: -32px;
}

.ttd-level::before {
    left: 20.4px;
}

.ttd-level::after {
    right: 20.4px;
}

/* Gallery Camera Icon */
.ttd-gallery-icon {
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    z-index: 11 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
    pointer-events: auto !important;
}

.ttd-gallery-icon:hover {
    opacity: 0.8 !important;
    background: transparent !important;
}

.ttd-gallery-icon i {
    color: #ffffff !important;
    font-size: 26px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.ttd-gallery-count {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: 'CircularStd-Book' !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.things-to-do .banner_image {
    height: 543px;
    background-size: cover;
    background-position: center;
    display: block; /* Ensure images display on desktop */
    width: 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1199px) {

    .things-to-do .banner_gallery_info h1 {
        font-size: 40px;
        line-height: 54px;
    }

    .things-to-do .banner_gallery_info h2 {
        font-size: 34px;
        line-height: 50px;
    }

    .things-to-do .banner_gallery_info h3 {
        font-size: 22px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .ttd-lifelist-add {
        left: calc(0% + 5%);
    }

    .ttd-stamp {
        left: calc(0% + 13%);
    }

    .ttd-book {
        left: calc(0% + 21%);
    }

    .ttd-edit {
        right: calc(0% + 13%);
    }

    .ttd-heart{
        right: calc(0% + 5%);
    }
    .ttd-level {
        left: calc(0% + 5%);
    }

    .things-to-do.banner_gallery_main_sec .banner_image {
        height: 400px !important;
    }

}

@media only screen and (max-width: 767px) {
    .things-to-do.banner_gallery_main_sec .banner_image {
        aspect-ratio: 1 / 1 !important;
        width: 100vw !important;
        height: auto !important;
        max-width: 100vw !important;
        max-height: 100vw !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    .things-to-do.banner_gallery_main_sec {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
        position: relative !important;
    }

    /* Ensure parent containers don't interfere */
    .elementor-widget-things_to_do_banner .elementor-widget-container {
        height: auto !important;
        overflow: visible !important;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
    }

    /* Slick slider overrides for mobile */
    .things-to-do .slick-slide,
    .things-to-do .slick-slide > div {
        height: auto !important;
        line-height: 0 !important;
    }

    .things-to-do .slick-list,
    .things-to-do .slick-track {
        height: auto !important;
    }

    .things-to-do .banner_gallery_info h1 {
        font-size: 40px !important;
        line-height: 37px !important;
    }

    .things-to-do .banner_gallery_info .banner_venue_details {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .things-to-do .banner_gallery_info .banner_venue_details {
        top: calc(100% + 10px);
        width: 100%;
    }

    .things-to-do .banner_gallery_info h2,
    .things-to-do .banner_gallery_info h3 {
        color: #1C2E3D;
    }

    .things-to-do .banner_gallery_info h1 a,
    .things-to-do .banner_gallery_info h2 a,
    .things-to-do .banner_gallery_info h3 a {
        color: #1C2E3D;
    }


    .things-to-do .banner_gallery_info h2 {
        font-size: 30px;
        line-height: 34px;
    }

    /* Ensure venue title stays on one line with dynamic font sizing */
    .things-to-do .banner_gallery_info .banner_venue_details .venue_title h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: clamp(18px, 4vw, 30px);
        line-height: 34px !important;
        max-width: calc(100% - 40px);
        display: block;
        margin: 0 20px;
    }

    /* Add location-dot icon as first item in text */
    .things-to-do .banner_gallery_info .banner_venue_details .venue_title h2::before {
        content: "\f3c5 ";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 4px;
        display: inline;
    }

    /* Ensure area postal code stays on one line with dynamic font sizing */
    .things-to-do .banner_gallery_info .banner_venue_details .area_postal_code h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: clamp(16px, 3.5vw, 22px);
        line-height: 25px !important;
        max-width: calc(100% - 40px);
        display: block;
        margin: 0 20px;
    }

    .things-to-do .banner_gallery_info h3 {
        font-size: 22px;
        line-height: 25px;
    }

    .ttd-heart img {
        width: 22px;
    }

    .ttd-level {
        top: 55px;
        border-radius: 3px;
        width: 50px;
        height: 28px;
        left: calc(0% + 15px);
    }

    .ttd-heart {
        right: calc(0% + 26px);
    }

    .ttd-level::before,
    .ttd-level::after {
        height: 25.81px;
        width: 2.87px;
        bottom: -26px;
    }

    .ttd-level::before {
        left: 12px;
    }

    .ttd-level::after {
        right: 12px;
    }

    .ttd-level img {
        width: 11.92px;
    }

    .ttd-level span {
        font-size: 5.9754px;
        line-height: 6px;
        width: 30px;
    }

    /* Mobile gallery icon */
    .ttd-gallery-icon {
        bottom: 15px !important;
        right: 15px !important;
        gap: 6px !important;
    }

    .ttd-gallery-icon i {
        font-size: 22px !important;
    }

    .ttd-gallery-count {
        font-size: 16px !important;
    }

    .ttd-edit,
    .ttd-heart,
    .ttd-like,
    .ttd-lifelist-add,
    .ttd-stamp,
    .ttd-book {
        bottom: 15px;
    }

    .ttd-stamp {
        left: 20px;
    }

    .ttd-like {
        left: 60px;
    }

    .ttd-book {
        left: 100px;
    }

    .ttd-lifelist-add {
        left: 140px;
    }

    .ttd-edit {
        right: calc(0% + 40px);
    }

    .ttd-heart {
        right: calc(0% + 2px);
    }

    .things-to-do .banner_gallery_info {
        top: 50%;
    }

    .things-to-do .banner_image {
        height: 100vw;
        max-height: 100vh;
    }

    .things-to-do.gallery_color_dark .slick-arrow svg {
        height: 40px;
    }

    .things-to-do.gallery_color_dark .elementor-slick-button-prev.slick-arrow {
        left: 0px;
    }

    .things-to-do.gallery_color_dark .elementor-slick-button-next.slick-arrow {
        right: 0px;
    }
}

@media only screen and (max-width: 575px) {
    .things-to-do .banner_image {
        height: 100vw;
        width: 100%;
        max-height: 100vh;
    }

    /* Tighter spacing for very small screens */
    .ttd-stamp {
        left: 20px;
    }

    .ttd-like {
        left: 60px;
    }

    .ttd-book {
        left: 100px;
    }

    .ttd-lifelist-add {
        left: 140px;
    }

    .ttd-edit {
        right: calc(0% + 36px);
    }

    .ttd-heart {
        right: calc(0% + 2px);
    }

    /* Smaller icons for small screens */
    .ttd-lifelist-add i,
    .ttd-like i,
    .ttd-stamp i,
    .ttd-book i {
        font-size: 24px !important;
        width: 24px !important;
    }

    .ttd-edit img {
        width: 24px !important;
    }
}

@media only screen and (max-width: 359px) {
    .things-to-do .banner_gallery_info h1 {
        font-size: 30px !important;
        line-height: 27px !important;
    }
}

/* Thing to Do Meta Meta Section CSS start */
.meta-section {
    margin: 23px auto 36px;
    padding: 0 15px;
    max-width: 1150px;
}

.meta-lists {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    height: 180px;
}

.meta-items {
    width: 100%;
    max-width: 184px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: #E2F0FB;
}

.meta-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 85px;
}

.meta-details i {
    font-size: 28px;
    color: #1C2E3D;
}

.meta-items:first-child .meta-details {
    flex-direction: column-reverse;
}

.meta-heading h3 {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #1C2E3D;
    margin: 0;
}

.meta-details p {
    margin: 0;
    font-family: 'Circular Std Medium';
    font-size: 28px;
    line-height: 34px;
    color: #1C2E3D;
}

.meta-section.color_mode_light .meta-items {
    background: #1C2E3D;
}

.meta-section.color_mode_light .meta-details i,
.meta-section.color_mode_light .meta-details p,
.meta-section.color_mode_light .meta-heading h3,
.meta-section.color_mode_light .meta-details .star-rating::before {
    color: #fff !important;
}

.meta-section.color_mode_light .meta-details svg path {
    fill: #fff;
}

@media only screen and (max-width: 1165px) {
    .meta-heading h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .meta-details p {
        font-size: 26px;
        line-height: 32px;
    }

    .meta-lists {
        gap: 5px;
    }
}

@media only screen and (max-width: 899px) {
    .meta-lists {
        height: 160px;
        gap: 10px;
    }

    .meta-heading h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .meta-details p {
        font-size: 20px;
        line-height: 26px;
    }

    .meta-details {
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .meta-section {
        margin: 95px auto 12px;
        max-width: 100%;
    }

    .meta-lists {
        gap: 5px;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .meta-items {
        max-width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 15px;
        height: 86px;
    }

    .meta-heading {
        width: auto;
        flex: 0 0 120px;
    }

    .meta-details {
        height: auto;
        width: auto;
        gap: 13px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .meta-items:first-child .meta-details {
        flex-direction: row;
        gap: 16px;
    }

    .meta-heading h3,
    .meta-details p {
        font-size: 18px;
        line-height: 26px;
    }

    .meta-details img.rating {
        height: 17px;
    }

    .meta-details i {
        font-size: 24px !important;
    }

    .meta-details svg {
        width: 21px;
    }


    .things-to-do .slick-dots li {
        width: 15px;
    }



    .things-to-do .slick-dots li button::before {
        width: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .meta-heading {
        width: auto;
        flex: 0 0 110px;
    }
}

/* Thing to Do Meta Meta Section CSS end */

/* Thing to Do Media Grid Section CSS start */

.thing-to-do-media-gallery {
    max-width: 966px;
    margin: auto;
    position: relative;
}

.thing-to-do-media-gallery .slick-slide>div {
    height: 236.78px;
    /* width: 239.61px; */
}

.thing-to-do-media-gallery .slide-item,
.thing-to-do-media-gallery .slide-item img {
    width: 100%;
    height: 100%;
}

.thing-to-do-media-gallery .slide-item img {
    object-fit: cover;
    object-position: center;
}

.thing-to-do-media-gallery .slick-slide {
    padding-bottom: 0px !important;
    margin-bottom: 20px;
}

.thing-to-do-media-gallery .slick-prev.slick-arrow::before,
.thing-to-do-media-gallery .slick-next.slick-arrow::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.thing-to-do-media-gallery .slick-prev.slick-arrow::before {
    content: url(../images/gallery-left-arrow.png) !important;
    left: calc(0% - 100px);
}

.thing-to-do-media-gallery .slick-next.slick-arrow::before {
    content: url(../images/gallery-right-arrow.png) !important;
    right: calc(0% - 100px);
}

.thing-to-do-media-gallery .slick-arrow {
    background: transparent;
    border: 0;
    font-size: 0;
}

.media-gallery-button-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.media-gallery-button-panel i {
    color: #1C2E3D;
    width: 25px;
}

.media-gallery-button {
    background: #E2F0FB;
    padding: 12px;
    border-radius: 5px;
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 450;
    font-size: 26px;
    letter-spacing: 0.01em;
    color: #1C2E3D;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.gallery-spiner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.gallery-spiner i {
    font-size: 40px;
    -webkit-animation: rotating 6s linear infinite;
    -moz-animation: rotating 6s linear infinite;
    -ms-animation: rotating 6s linear infinite;
    -o-animation: rotating 6s linear infinite;
    animation: rotating 6s linear infinite;
}

.copy-icon-message.visually-hidden {
    background: #1C2E3D;
    color: #fff;
    font-size: 16px;
    padding: 0 5px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

@media only screen and (max-width: 1165px) {
    .thing-to-do-media-gallery .slick-prev.slick-arrow::before {
        left: calc(0% - 80px);
    }

    .thing-to-do-media-gallery .slick-next.slick-arrow::before {
        right: calc(0% - 80px);
    }
}

@media only screen and (max-width: 1050px) {
    .thing-to-do-media-gallery .slick-prev.slick-arrow::before {
        left: calc(0% - 20px);
    }

    .thing-to-do-media-gallery .slick-next.slick-arrow::before {
        right: calc(0% - 20px);
    }
}

@media only screen and (max-width: 767px) {
    .thing-to-do-media-gallery .slick-slide>div {
        height: 198.22px;
    }

    .media-gallery-button {
        font-size: 20px;
    }

    .thing-to-do-media-gallery .slick-slide {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 575px) {
    .media-gallery-button {
        padding: 8px;
        border-radius: 3px;
        font-size: 16px;
        gap: 10px;
    }

    .thing-to-do-media-gallery .slick-prev.slick-arrow::before {
        left: calc(0% - 0px);
    }

    .thing-to-do-media-gallery .slick-next.slick-arrow::before {
        right: calc(0% - 0px);
    }

    .media-gallery-button-panel i {
        width: 16px;
    }
}

@media only screen and (max-width: 415px) {
    .thing-to-do-media-gallery .slick-slide>div {
        height: 165px;
    }
}

/* Thing to Do Media Grid Section CSS end */



#ff-stream-1 .ff-header h1,
#ff-stream-1 .ff-controls-wrapper>span:hover {
    color: rgb(59, 61, 64);
}

#ff-stream-1 .ff-controls-wrapper>span:hover {
    border-color: rgb(59, 61, 64) !important;
}

#ff-stream-1 .ff-header h2 {
    color: rgb(114, 112, 114);
}

#ff-stream-1 .ff-filter-holder .ff-filter,
#ff-stream-1 .ff-filter-holder:before,
#ff-stream-1 .selectric,
#ff-stream-1 .ff-filter-holder .selectric-ff-filters-select .selectric-items,
#ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover {
    background-color: rgb(205, 205, 205);
}

#ff-stream-1 .ff-filter:hover,
#ff-stream-1 .ff-filter.ff-filter--active,
#ff-stream-1 .ff-moderation-button,
#ff-stream-1 .ff-loadmore-wrapper .ff-btn,
#ff-stream-1 .ff-square:nth-child(1) {
    background-color: rgb(59, 61, 64);
}

#ff-stream-1 .ff-filter-holder .ff-search input {
    border-color: rgb(205, 205, 205);
}

#ff-stream-1 .ff-search input:focus,
#ff-stream-1 .ff-search input:hover {
    border-color: rgb(59, 61, 64);
}

#ff-stream-1 .ff-filter-holder .ff-search:after {
    color: rgb(205, 205, 205);
}

#ff-stream-1 .selectric .button:before {
    border-top-color: rgb(205, 205, 205);
}

/* #ff-stream-1,
#ff-stream-1 .ff-popup,
#ff-stream-1 .ff-search input {
    background-color: rgb(240, 240, 240);
} */

#ff-stream-1 .ff-header h1,
#ff-stream-1 .ff-header h2 {
    text-align: center;
}

#ff-stream-1 .ff-controls-wrapper,
#ff-stream-1 .ff-controls-wrapper>span {
    border-color: rgb(205, 205, 205);
}

#ff-stream-1 .ff-controls-wrapper,
#ff-stream-1 .ff-controls-wrapper>span {
    color: rgb(205, 205, 205);
}

#ff-stream-1 .shuffle__sizer {
    margin-left: 20px !important;
}

#ff-stream-1 .picture-item__inner {
    background: rgb(255, 255, 255);
    color: rgb(131, 141, 143);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

#ff-stream-1 .ff-content a {
    color: rgb(94, 159, 202);
}

#ff-stream-1-slideshow .ff-share-popup,
#ff-stream-1-slideshow .ff-share-popup:after,
#ff-stream-1 .ff-share-popup,
#ff-stream-1 .ff-share-popup:after {
    background: rgb(255, 255, 255);
}

#ff-stream-1 .ff-mob-link {
    background-color: rgb(131, 141, 143);
}

#ff-stream-1 .ff-mob-link:after,
#ff-stream-1-slideshow .ff-share-wrapper a:after {
    color: rgb(255, 255, 255);
}

#ff-stream-1,
#ff-stream-1-slideshow,
#ff-stream-1 .ff-infinite .ff-content {
    color: rgb(131, 141, 143);
}

#ff-stream-1 .ff-infinite>li {
    background: rgb(255, 255, 255);
}

#ff-stream-1 .ff-square {
    background: rgb(255, 255, 255);
}

#ff-stream-1 .ff-icon,
#ff-stream-1-slideshow .ff-icon {
    border-color: rgb(255, 255, 255);
}

#ff-stream-1 .ff-style-2 .ff-icon:after {
    text-shadow: -1px 0 rgb(255, 255, 255), 0 1px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -1px rgb(255, 255, 255);
}

#ff-stream-1 .ff-item h1,
#ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-nickname,
#ff-stream-1 h4,
#ff-stream-1-slideshow h4,
#ff-stream-1-slideshow h4 a,
#ff-stream-1 .ff-name,
#ff-stream-1-slideshow .ff-name {
    color: rgb(59, 61, 64) !important;
}

#ff-stream-1 .ff-mob-link:hover {
    background-color: rgb(59, 61, 64);
}

#ff-stream-1 .ff-nickname,
#ff-stream-1 .ff-timestamp,
#ff-stream-1 .ff-item-bar,
#ff-stream-1 .ff-item-bar a {
    color: rgb(132, 118, 129) !important;
}

#ff-stream-1 .ff-timestamp {
    font-size: 12px;
}

#ff-stream-1-slideshow .ff-item-meta:before {
    background-color: rgb(131, 141, 143) !important;
}

#ff-stream-1 .ff-item,
#ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-content {
    text-align: left;
}

#ff-stream-1 .ff-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.ff-upic-round .ff-img-holder.ff-img-loaded {
    background-color: rgb(240, 240, 240);
}

.ff-upic-round .picture-item__inner,
.ff-upic-round .picture-item__inner:before {
    border-radius: 17px;
}

.ff-upic-round.ff-infinite>li {
    border-radius: 15px;
    overflow: hidden
}

.ff-upic-round .ff-img-holder:first-child,
.ff-upic-round .ff-img-holder:first-child img {
    border-radius: 15px 15px 0 0;
}

.ff-upic-round.ff-infinite .ff-img-holder:first-child,
.ff-upic-round.ff-infinite .ff-img-holder:first-child img {
    border-radius: 13px 13px 0 0;
}

.ff-upic-round .ff-has-overlay .ff-img-holder,
.ff-upic-round .ff-has-overlay .ff-overlay,
.ff-upic-round .ff-has-overlay .ff-img-holder img {
    border-radius: 15px !important;
}

.ff-item-cont .ff-content.is-truncated,
.ff-item-cont .ff-label-wrapper {
    padding: 15px;
}

.ff-item-cont .ff-item-meta {
    padding: 15px 15px 0;
}

.picture-item__inner .ff-item-bar {
    padding: 15px;
    border-top: 1px solid rgba(132, 118, 129, 0.2) !important;
}



.stream-posts {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    overflow-y: auto;
}

.stream-posts .ff-stream-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 400px);
    /* width: 100%; */
    gap: 15px;
    max-width: 100%;
    margin: auto;
    height: auto !important;
    position: absolute;
    top: 0px;
    left: 50%;
    padding: 50px 0;
    transform: translateX(-50%);
    overflow: unset;
}

.stream-posts article.ff-item {
    opacity: 1;
}

.stream-posts article.ff-item:nth-child(2n+1) {
    transform: translateX(0px);
}

.stream-posts article.ff-item:nth-child(2n) {
    transform: translateY(0px);
}

.stream-posts .ff-stream {
    left: 0;
    width: 100%;
    overflow-x: hidden;
    height: auto;
    min-height: 100% !important;
    top: 0;
    background: transparent;
}

@media (max-width:1535px) {
    .stream-posts .ff-stream-wrapper {
        grid-template-columns: repeat(3, 350px);
    }
}

@media (max-width:1279px) {
    .stream-posts .ff-stream-wrapper {
        grid-template-columns: repeat(2, 320px);
    }
}

@media (max-width:767px) {
    .stream-posts .ff-stream-wrapper {
        grid-template-columns: repeat(1, 320px);
        max-width: 90%;
    }
}




/* Thing To Do Perk section CSS start */
.things-todo-perk {
    background: var(--gradient-primary);
    max-width: 988px;
    margin: auto;
    padding: 45px 38px;
    display: flex;
    gap: 17px;
    margin-top: 12px;
    border-radius: 12px;
}

.perk-heading h3 {
    font-family: 'Lora', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #FFFFFF;
    margin: 18px auto;
}

.perk-heading p {
    font-family: "CircularStd-Book";
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    margin: 20px auto auto;
}

.things-to-do-perk-content {
    max-width: 1040px;
    margin: auto;
    padding: 40px 15px 0;
}


.things-to-do-perk-content .perk-left {
    padding-right: 15px;
}

.perk-right img {
    width: 100%;
}

.perk-content {
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #1C2E3D;
    font-family: "CircularStd-Book";
    max-width: 439px;
}

.perk-content h3 {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 24px;
    line-height: 26px;
    font-weight: 500;
}

.perk-content p {
    font-size: 22px;
    font-weight: 450;
}

.perk-button {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.btn-navyblue {
    background: var(--gradient-primary);
    border: 2px solid transparent;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    color: #FFFFFF;
    padding: 27px 15px;
    width: 100%;
    max-width: 384px;
    display: block;
    text-decoration: none;
    font-family: "CircularStd-Book";
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-navyblue:hover {
    background: #FFFFFF;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
    color: #667eea;
}

.btn-navyblue:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 2px;
    background: var(--gradient-primary);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.btn-outline-navyblue {
    background: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    letter-spacing: 2px;
    color: #667eea;
    text-decoration: none;
    padding: 27px 15px;
    width: 100%;
    max-width: 384px;
    display: block;
    font-family: "CircularStd-Book";
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-clip: padding-box;
    position: relative;
}

.btn-outline-navyblue::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 2px;
    background: var(--gradient-primary);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.btn-outline-navyblue:hover {
    background: var(--gradient-primary);
    color: #fff;
}

/* Icons in buttons styling */
.perk-button .btn-navyblue i,
.perk-button .btn-outline-navyblue i {
    margin-right: 10px;
    font-size: 16px;
}

.perk-button .btn-navyblue:hover i,
.perk-button .btn-outline-navyblue:hover i {
    color: #fff;
}

/* Ensure consistent button styling in perk context */
.perk-button .btn-navyblue,
.perk-button .btn-outline-navyblue {
    width: 384px;
    letter-spacing: 2px;
    padding: 27px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.phone-wrap a,
.web-wrap a,
.time-panel,
.address {
    font-family: 'CircularStd-Book';
    display: flex;
    font-style: normal;
    font-weight: 500;
    color: #1C2E3D;
    text-decoration: none;
}

.phone-wrap a,
.web-wrap a,
.time-panel {
    font-size: 18px;
    line-height: 26px;
}

.address {
    font-size: 16px;
    line-height: 22px;
    margin: 10px auto 0px;
    padding-left: 20px;
}

.time-wrap {
    background: #E2F0FB;
    padding: 18px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
}

.time-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.time-title h4 {
    margin: 0;
    font-family: 'Lora', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #1C2E3D;
}

.time-panel {
    font-size: 26px;
    line-height: 34px;
}

.time-panel p {
    margin: 0;
}

.check-with-producer {
    font-size: 18px !important;
    line-height: 26px !important;
}

.check-with-producer .producer-link {
    text-decoration: underline;
    text-decoration-color: #1C2E3D;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.check-with-producer .producer-link:hover {
    text-decoration-thickness: 2px;
    color: #2A4A5A;
}

.perk-contact {
    margin-bottom: 20px;
}

.phone-wrap {
    margin-bottom: 16px;
}

.phone-wrap svg {
    width: 16px;
}

.phone-wrap a {
    align-items: center;
    gap: 18px;
}

.web-wrap svg {
    width: 28px;
}

.web-wrap i.fa-globe {
    font-size: 28px;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.web-wrap a {
    gap: 12px;
}

.web-wrap {
    margin-bottom: 15px;
}

.chat-wrap {
    margin: 20px 0;
}

.btn-chat-producer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 16px 24px;
    background: var(--gradient-primary);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease, transform 0.2s ease;
}

.btn-chat-producer:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.btn-chat-producer i.fa-comments {
    font-size: 20px;
}

.chat-locked-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.chat-locked-modal {
    background: #ffffff;
    border-radius: 16px;
    padding: 48px 32px;
    max-width: 560px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.chat-locked-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-wrap .social-media {
    display: flex;
    align-items: center;
    gap: 13px;
}

.contact-wrap .social-media .not-avail svg path:first-child,
.phone-wrap .not-avail svg path {
    fill: #d9d9d9;
}


.web-wrap .not-avail svg path {
    stroke: #d9d9d9;
}

.review-heading {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #1C2E3D;
    margin-bottom: 20px;
}

.user-stories-title-wrap {
    margin-bottom: 20px;
}

.user-stories-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.user-stories-title h4 {
    margin: 0;
    font-family: 'Lora', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #1C2E3D;
}

.contact-title-wrap {
    margin-bottom: 20px;
}

.contact-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.contact-title h4 {
    margin: 0;
    font-family: 'Lora', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #1C2E3D;
}

/* Reviews & Comments Section - Modern Card Design */
.reviews-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 40px;
    max-width: 1200px;
    margin: 0 auto;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.review-card {
    background: #ffffff;
    border: 1px solid rgba(150, 189, 222, 0.3);
    border-radius: 12px;
    padding: 18px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.review-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border-color: rgba(150, 189, 222, 0.5);
}

.review-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    gap: 16px;
}

.review-author-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.profile-picture {
    display: block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

.profile-picture img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(150, 189, 222, 0.2);
}

.profile-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-details .author-name {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: #1a2b3c;
}

.review-meta-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6b7280;
    line-height: 1;
    height: 12px;
}

.review-meta-inline .review-separator {
    color: #d1d5db;
}

.profile-details .review-count {
    font-size: 12px;
    color: #6b7280;
    font-weight: 400;
}

.review-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.review-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.review-meta .star-rating,
.review-rating .star-rating {
    position: relative;
    height: 16px;
    font-size: 16px;
    line-height: 1;
}

.review-meta .star-rating::before,
.review-rating .star-rating::before {
    content: '\2605\2605\2605\2605\2605';
    color: rgba(28, 45, 62, 0.2);
    letter-spacing: 2px;
}

.review-meta .star-rating span,
.review-rating .star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}

.review-meta .star-rating span::before,
.review-rating .star-rating span::before {
    content: '\2605\2605\2605\2605\2605';
    color: #1c2d3e;
    letter-spacing: 2px;
}

.review-meta .star-rating span strong,
.review-rating .star-rating span strong {
    display: none;
}

.review-content {
    font-size: 28px;
    line-height: 1.5;
    color: #374151;
    margin: 0;
    font-style: italic;
    text-align: center;
    padding: 10px 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(28px * 1.5 * 3); /* font-size * line-height * 3 lines */
    transition: max-height 0.3s ease;
}

.review-content.expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    max-height: none;
}

.review-read-more {
    background: transparent;
    border: none;
    color: #1c2d3e;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    margin: -10px auto 10px;
    display: block;
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.review-read-more:hover {
    opacity: 0.7;
}

/* Legacy styles - keeping for backward compatibility but deprecated */
.perk-review-section {
    border: 1px solid rgba(150, 189, 222, 0.5);
    padding: 20px 40px;
    height: 275px;
    overflow: auto;
}

.review-card-heading {
    display: flex;
    align-items: center;
    gap: 13px;
}

.review-card-heading .profile-name h4 {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
}

.review-card-heading .profile-name span,
.review-time span {
    font-size: 12px;
}

.review-time {
    display: flex;
    align-items: center;
    gap: 15px;
}

.review-time .star-rating span {
    font-size: 18px;
    color: #ffcf03;
}

.map-section.venue_location_box img {
    width: fit-content !important;
    height: auto !important;
}

@media only screen and (max-width: 991px) {
    .time-panel {
        font-size: 20px;
        line-height: 28px;
    }

    .btn-navyblue,
    .btn-outline-navyblue {
        padding: 20px 0;
    }

    .btn-outline-navyblue {
        width: 100%;
    }

    .time-wrap {
        padding: 10px;
        border-radius: 12px;
    }

    .web-wrap svg {
        width: 22px;
    }

    .social-media svg {
        width: 22px;
    }

    .phone-wrap,
    .web-wrap {
        margin-bottom: 10px;
    }

    .perk-review-section {
        padding: 15px;
    }

    .time-title h4 {
        font-size: 22px;
        line-height: 26px;
    }
    
    /* Modern review cards - tablet responsive */
    .reviews-container {
        gap: 14px;
        padding: 16px 24px;
    }
    
    .review-card {
        padding: 16px 18px;
    }
    
    .review-card-header {
        gap: 12px;
        margin-bottom: 10px;
    }
    
    .profile-picture {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .things-todo-perk {
        padding: 17px 15px 26px;
        display: flex;
        gap: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: -20px;
        text-align: center;
    }

    .perk-heading h3 {
        font-size: 24px;
        margin: 0;
    }

    .perk-heading p {
        font-size: 16px;
        margin: 20px auto auto;
    }

    .perk-icon svg {
        width: 46.5px;
    }

    .perk-contact {
        background: #E2F0FB;
        padding: 25px 45px;
    }

    .btn-outline-navyblue {
        width: calc(100% - 40px);
        margin: 0 20px 15px 20px;
        max-width: none;
    }

    .btn-navyblue {
        width: calc(100% - 40px);
        margin: 0 20px 15px 20px;
        max-width: none;
    }

    .perk-content {
        max-width: 100%;
        text-align: center;
    }

    .perk-content h3 {
        margin-top: 10px;
        font-size: 22px;
    }
    
    /* Modern review cards - mobile responsive */
    .reviews-container {
        gap: 12px;
        padding: 12px 16px;
    }
    
    .review-card {
        padding: 14px 16px;
        border-radius: 8px;
    }
    
    .review-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 0;
    }
    
    .review-rating {
        align-self: center;
        width: 100%;
        justify-content: center;
        margin-top: 20px;
        height: 16px;
    }
    
    .review-meta-inline {
        font-size: 11px;
    }
    
    .profile-picture {
        width: 38px;
        height: 38px;
    }
    
    .profile-details .author-name {
        font-size: 14px;
    }
    
    .profile-details .review-count {
        font-size: 11px;
    }
    
    .review-content {
        font-size: 24px;
        line-height: 1.4;
        max-height: calc(24px * 1.4 * 3); /* font-size * line-height * 3 lines */
    }

    .perk-button {
        margin-top: 40px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        gap: 15px;
    }
    
    .perk-button .btn-navyblue,
    .perk-button .btn-outline-navyblue {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .time-panel {
        font-size: 26px;
        line-height: 34px;
    }

    .social-media svg {
        width: 32px;
    }

    .web-wrap svg {
        width: 28px;
    }

    .phone-wrap,
    .web-wrap {
        margin-bottom: 16px;
    }

    .perk-contact-section {
        display: flex;
        flex-direction: column-reverse;
    }

    .perk-contact {
        margin-bottom: 0;
    }

    .address {
        justify-content: center;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }

    .time-wrap {
        padding: 0;
        border-radius: 8px;
    }

    .btn-navyblue,
    .btn-outline-navyblue {
        font-size: 14px;
    }

    .perk-content p {
        font-size: 20px;
    }

    .review-heading {
        text-align: left;
        font-size: 18px;
        line-height: 24px;
    }

    .time-title,
    .time-panel,
    .phone-wrap a,
    .web-wrap a,
    .contact-wrap .social-media {
        justify-content: center;
    }

    .things-to-do-perk-content {
        padding: 10px 0px 0;
    }

    .perk-review-section {
        margin-left: 15px;
        margin-right: 15px;
        height: 192px;
    }

    .perk-right .elementor-widget-wrap {
        display: flex;
    }

    .perk-right .elementor-widget-wrap .perk-contact {
        order: 1;
    }

    .perk-right .elementor-widget-wrap .todo-map {
        order: 2;
    }

    .perk-right .elementor-widget-wrap .elementor-widget-things_todo_user_stories {
        order: 3;
    }

    .map-section.venue_location_box {
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    /* Additional mobile map fixes for smaller screens */
    .map-section.venue_location_box #venue_location_map {
        max-height: 75vh !important;
        min-height: 300px !important;
    }
    
    .venue_location_box #venue_location_map {
        max-height: 75vh !important;
        min-height: 300px !important;
    }

    .time-title h4 {
        font-size: 26px;
        line-height: 34px;
    }

    .things-to-do-perk-content .perk-left {
        padding-right: 0;
    }
}

@media only screen and (max-width: 415px) {
    .btn-outline-navyblue {
        width: auto;
    }

    .btn-navyblue,
    .btn-outline-navyblue {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 359px) {
    .btn-navyblue {
        width: auto;
    }

    .btn-navyblue,
    .btn-outline-navyblue {
        width: 100%;
        font-size: 12px;
        padding: 10px;
    }
}

/* Thing To Do Perk section CSS end */

/*Thing To Do Perk section Related listings start*/
.related_listings {
    max-width: 998px;
    padding: 45px 35px 250px;
    background-color: rgba(226, 240, 251, 1);
    margin: 25px auto 0;
}

.related_listings h2 {
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 34px;
    color: #1C2E3D;
    margin: 0 0 25px;
}

.listing_gallery {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 5px;
}

.listing_row {
    position: relative;
}

.listing_img {
    border-radius: 10px;
}

.listing_img img {
    border-radius: 10px;
    width: 100%;
}

.listing_title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-family: 'CircularStd-Book';
    font-style: normal;
    font-weight: 700;
}

.listing_title h3 {
    font-size: 38px;
    line-height: 42px;
    color: #FFFFFF;
    margin: 0;
}

.listing_title h3 a {
    color: #FFFFFF;
}

.listing_title h4 {
    font-size: 28px;
    line-height: 28px;
    color: #FFFFFF;
    margin: 0;
}

.listing_title h4 a {
    color: #FFFFFF;
}

.listing_location {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media only screen and (max-width: 991px) {
    .listing_title h3 {
        font-size: 28px;
        line-height: 32px;
    }

    .listing_title h4 {
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .listing_gallery {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 425px) {
    .related_listings {
        padding: 45px 35px 125px;
        background-color: rgba(226, 240, 251, 1);
        margin: 25px auto 0;
    }

    .related_listings h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .listing_gallery {
        grid-template-columns: auto;
        gap: 25px;
    }

    .listing_title h3 {
        font-size: 38px;
        line-height: 42px;
    }

    .listing_title h4 {
        font-size: 28px;
        line-height: 28px;
    }
}

/*Thing To Do Perk section Related listings end*/
.booking_modal {
    position: fixed !important;
    top: 32px;
    background-color: white;
    z-index: 100000 !important; /* Higher than fullscreen map (99999) */
}

.booking_modal .experience-popup {
    padding: 0 !important;
    max-height: 100vh !important;
    background-color: white;
}

.booking_close {
    padding-left: 30px;
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    line-height: 40px;
    z-index: 9999;
    top: 16px;
    padding-left: 16px !important;
    color: #1C2E3D !important;
    margin-bottom: 10px;
}

.action-bar .ttd-heart {
    position: unset;
}

.ac-add a img {
    height: auto;
    width: 20px;
}

.ac-add a img img:hover {
    background-color: transparent;
}

.search-suggession {
    padding-bottom: 10px;
}

.booking-form .experience-popup {
    padding: 0;
    background-color: white !important;
}

/* Ensure booking form modal and version field have white backgrounds */
.booking-form .experience-popup-inner,
.booking-form .improve_center_section,
.booking-form .form_field,
.booking-form .form_field:has(select[name="make_special"]) {
    background-color: white !important;
}

.mgrid_one {
    background: rgba(28, 46, 61, 1);
}

.mgrid_two {
    background: rgba(28, 46, 61, 0.8);
}

.mgrid_three {
    background: rgba(28, 46, 61, 0.9)
}

.mgrid_four {
    background: rgba(28, 46, 61, 0.6);
}

@media screen and (max-width: 782px) {
    .booking_modal {
        top: 46px;
    }
}

@media screen and (max-width: 767px) {
    #wpadminbar .ab-top-menu li .ab-item {
        width: 30px;
    }

    #wpadminbar .ab-top-menu li .ab-item::before {
        font: normal 30px/1 dashicons;
        width: 30px;
    }
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        /* top: -46px; */
        position: fixed;
    }

    .ui-datepicker {
        width: 100% !important;
    }

    [dir="ltr"] #wpadminbar .aioseo-menu-notification-counter {
        margin: -40px 0 0 20px !important;
    }
}

.no-review-contianer {
    text-align: center;
    border: 1px solid rgba(150, 189, 222, 0.5);
    padding: 20px 40px;
}

.no-review-contianer h3 {
    font-size: 18px;
    font-family: 'CircularStd-Book';
    color: rgb(75, 79, 88);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

#btn-add-review {
    margin-top: 30px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    background: #FFF;
    border: solid 2px #1c2d3e;
    border-radius: 8px;
    color: #1c2d3e;
}

#btn-add-review i {
    margin-left: 10px;
}


@media(max-width:767px) {
    #btn-add-review {
        margin-top: 20px;
    }
}

.add_lifelist img:hover {
    background: none;
}

.yourlifelist-banner {
    background: rgb(254, 0, 0);
    background: linear-gradient(315deg, rgba(254, 0, 0, 1) 8%, rgba(10, 0, 255, 1) 96%);
}

.explore-lifelist-banner {
    background: rgb(131, 58, 180);
    background: linear-gradient(135deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.ttd-banner {
    background: rgb(25, 31, 254);
    background: linear-gradient(135deg, rgba(25, 31, 254, 1) 0%, rgba(255, 16, 43, 1) 100%);
}

.venue_banner {
    background: rgb(131, 58, 180);
    background: linear-gradient(135deg, rgba(131, 58, 180, 1) 22%, rgba(253, 29, 29, 1) 84%);
}

.lifelist-banner {
    background: rgb(0, 254, 223);
    background: linear-gradient(45deg, rgba(0, 254, 223, 1) 8%, rgba(16, 27, 255, 1) 96%);
}

.destination-banner {
    background: rgb(2, 0, 36);
    background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 46%, rgba(0, 212, 255, 1) 100%);
}

.type-experience,
.type-experience-option,
.type-perk {
    background: rgb(25, 31, 254);
}

.type-venue,
.type-stage {
    background: rgb(131, 58, 180);
}

.type-destination {
    background: rgb(2, 0, 36);
}

.type-lifelist {
    background: rgb(0, 254, 223);
}

.grid-text-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: #FFF;
}

.related-grid-text-centered {
    width: 100%;
    height: 100%;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}


.elementor-col-33.experinece_box_3 .category-image {
    height: 313.33px;
}

.elementor-col-50.experinece_box_3 .category-image {
    height: 320px;
}

@media (max-width:991px) {

    .elementor-col-33.experinece_box_3 .category-image,
    .elementor-col-50.experinece_box_3 .category-image {
        height: 249.33px;
    }
}

.streak-grey {
    background: #808080;
    opacity: 0.5;
}

.banner_passion i.fa {
    color: #fff;
}

.banner_passion {
    font-size: 24px;
}

.your-lifelist-wrapper .box-content {
    position: relative;
}

a.venue_dropdown,
a.passion_settings.p_dropdown,
a.p_dropdown {
    position: absolute;
    right: 20px;
}

a.venue_dropdown,
a.passion_settings.p_dropdown {
    top: 90px;
}

a.p_dropdown {
    top: 40px;
}

.venue_masthead {
    height: 870px !important;
}

.venue_masthead .your-lifelist-wrapper .passion-filter-nav li:last-child a {
    border: solid 1px #77828b !important;
}

.venue_masthead .your-lifelist-wrapper {
    width: 80%;
}

.venue_masthead .your-lifelist .box-content {
    max-height: 290px;
}

.venue_masthead .your-lifelist .box-content .passion-filter-nav {
    margin-top: 20px;
}

.venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
.venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
    background: #EEEEEE;
    max-width: 230px;
}

.venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul li,
.venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul li {
    font-size: 18px;
    padding: 10px 15px;
    margin: 0;
    color: #1C2E3D;
}

.venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section input,
.venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section input {
    width: 100%;
    max-width: 230px;
}

.venue_masthead .banner_gallery_info.your-lifelist {
    z-index: 99;
}

@media (max-width:1279px) {
    .venue_masthead {
        height: 770px !important;
    }
}

@media (max-width:1200px) {
    .venue_masthead .your-lifelist-wrapper {
        width: 100%;
    }

    .banner_passion {
        font-size: 22px;
    }

    .venue_masthead .your-lifelist .box-content ul li a {
        font-size: 18px;
    }

    .venue_masthead .banner_gallery_info {
        max-width: 70% !important;
    }

    .venue_masthead .your-lifelist .box-content {
        max-height: 300px;
    }

    .venue_masthead {
        height: 730px !important;
    }

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul li,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul li {
        font-size: 16px;
        padding: 7px 15px;
    }

    .venue_masthead .your-lifelist .box-content ul li a {
        font-size: 16px;
        height: 22px;
    }

    .venue_masthead .your-lifelist .box-content ul li {
        margin-bottom: 0px;
    }

    a.venue_dropdown,
    a.passion_settings.p_dropdown,
    a.p_dropdown {
        right: 5px;
    }

    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section input,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section input,
    .venue_masthead .your-lifelist .box:first-child .box-content .passion_venue_section ul,
    .venue_masthead .your-lifelist .box:nth-child(2) .box-content .passion_section ul {
        max-width: 90%;
    }

    .venue_masthead .your-lifelist .box-content .passion-filter-nav {
        margin-top: 10px;
    }
}

@media (max-width:1075px) {
    .venue_masthead .your-lifelist .box-content {
        max-height: 340px;
    }

    .venue_masthead {
        height: 770px !important;
    }
}

@media (max-width:1055px) {
    .venue_masthead .your-lifelist .box-content {
        max-height: 370px;
    }

    .venue_masthead {
        height: 770px !important;
    }
}

@media (max-width:975px) {
    .venue_masthead .your-lifelist .box-content ul li a {
        font-size: 15px;
        height: 20px
    }

    .venue_masthead .banner_gallery_info {
        max-width: 80% !important;
    }

    .venue_masthead .your-lifelist .box-content .passion-filter-nav {
        margin-top: 0px;
    }
}

@media (max-width:767px) {
    .venue_masthead .banner_gallery_info.your-lifelist {
        max-width: 100% !important;
        background: #fff;
    }

    a.venue_dropdown,
    a.passion_settings.p_dropdown,
    a.p_dropdown {
        right: 15px;
        top: 40px;
    }

    .venue_masthead .your-lifelist .box-content {
        max-height: unset;
        min-height: 90px;
        align-items: flex-start;
        justify-content: center;
    }

    .venue_masthead .your-lifelist .box-content .passion-filter-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .venue_masthead .your-lifelist .box-content ul li a {
        font-size: 15px;
        height: 23px;
    }

    .venue_masthead,
    .banner-height {
        height: 100% !important;
        min-height: 350px !important;
    }

    .venue_masthead .banner_gallery_slides {
        height: 350px !important;
    }

    .banner_gallery_main_sec .open_swipe_gallery {
        bottom: unset !important;
        top: 15%;
    }
}

#product_images_container {
	padding: 0 0 0 9px;
}

#product_images_container ul {
	margin: 0;
	padding: 0;
    list-style: none;
}

 #product_images_container ul li.add,  #product_images_container ul li.image,  #product_images_container ul li.wc-metabox-sortable-placeholder {
	width: 80px;
	float: left;
	cursor: move;
	border: 1px solid #d5d5d5;
	margin: 9px 9px 0 0;
	background: #f7f7f7;
	border-radius: 2px;
	position: relative;
	box-sizing: border-box;
}

 #product_images_container ul li.add img,  #product_images_container ul li.image img,  #product_images_container ul li.wc-metabox-sortable-placeholder img {
	width: 100%;
	height: auto;
	display: block;
}

 #product_images_container ul ul.actions {
	position: absolute;
	top: -8px;
	right: -8px;
	padding: 2px;
	display: none;
}

 #product_images_container ul ul.actions li {
	float: right;
	margin: 0 0 0 2px;
}

 #product_images_container ul ul.actions li a.delete {
	display: block;
	text-indent: -9999px;
	position: relative;
	height: 1em;
	width: 1em;
	font-size: 1.4em;
}

 #product_images_container ul ul.actions li a.tips {
	cursor: pointer;
}

 #product_images_container ul ul.actions li a {
	width: 1em;
	height: 1em;
	margin: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

 #product_images_container ul ul.actions li a {
	width: 1em;
	height: 1em;
	margin: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

 #product_images_container ul::after,  #product_images_container ul::before {
	content: " ";
	display: table;
}

 #product_images_container ul ul.actions li a.delete::before {
	font-family: Dashicons;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: "\f153";
	color: #999;
	background: #fff;
	border-radius: 50%;
	height: 1em;
	width: 1em;
	line-height: 1em;
}

 #product_images_container ul li:hover ul.actions {
	display: block;
}

.add_product_images {
	padding: 12px;
    width: 100%;
    display: block;
    float: left;
}

.add_product_images a {
   color:#3a3a3a;
}

.search_default {
    background: rgb(131,58,180);
    background: linear-gradient(135deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%, rgba(16,27,255,1) 96%);

}

.streak_image.header_streak {
    position: relative;
}

.streak_image.header_streak .streak_count {
    position: absolute;
    top: -3px;
    right: -5px;
    margin: 0;
    font-size: 14px;
    background-color: #808080;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.streak_image.header_streak img {
    max-width: 30px;
    margin: 0;
}
.experience-popup-inner.linked-listing-inner .improve_bottom_section.user_lifelist_btn span.new_listing.hide {
    display: none !important;
}
@media (max-width:575px) {
    .streak_image.header_streak .streak_count {
        right: -2px;
        font-size: 12px;
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
    }
}

@media (max-width:342px) {
    .linked-listing-inner .connected_tabs ul.connected_reltd_avable {
        padding-right: 0px;
    }
}

/* filter popup for my account */
.generate_grid_row_box_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.generate_grid_row_box_popup .experience-section-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 30px 20px!important;
    max-width: 800!important;
    width: 100%;
}
.generate_grid_row_box_popup.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.my-account-new-list h2.product-title {
    cursor: pointer;
}
.generate_grid_row_box_popup .elementor-row.experience-row {
    margin-top: 30px;
}
.generate_grid_row_box_popup span.close-button {
    position: absolute;
    right: 25px;
    top: 14px;
    font-size: 30px;
    cursor: pointer;
}
.open-filter-modal {
    overflow: hidden;
}
.generate_grid_row_box_popup.show-modal .experience-section-main p.formMessage.formError {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    color: red;
}
@media (max-width: 991px){
    .generate_grid_row_box_popup .experience-section-main {
        max-width: 600px!important;
    }
}
@media (max-width: 768px){
    .my-account-new-list .elementor-column.elementor-col-50 {
        width: 100%;
    }
    .generate_grid_row_box_popup .elementor-row.experience-row{
        gap: 20px;
    }
    .experience-section-main .experience-title, .experience-section-main .experience-subtitle{
        font-size: 20px;
        line-height: 26px;
    }
   
    .generate_grid_row_box_popup .experience-section-main {
        max-width: 350px!important;
    }
}
@media (max-width: 400px){
    .generate_grid_row_box_popup .experience-section-main {
        max-width: 280px!important;
    }
    .experience-section-main .experience-title, .experience-section-main .experience-subtitle{
        font-size: 18px;
        line-height: 24px;
    }
}

/* Mobile Gallery Button and Pagination Dots Positioning */
@media only screen and (max-width: 768px) {
    .passion-masthead-component .open_swipe_gallery {
        bottom: 20px !important;
        width: 200px !important;
        height: 50px !important;
        line-height: 50px !important;
        margin-left: -100px !important;
        font-size: 14px !important;
        letter-spacing: 2px !important;
    }
    
    .passion-masthead-component .slick-dots {
        bottom: 30px !important;
        z-index: 10 !important;
    }
    
    .passion-masthead-component .banner_gallery_info {
        padding: 0 20px !important;
    }
}

@media only screen and (max-width: 480px) {
    .passion-masthead-component .open_swipe_gallery {
        bottom: 15px !important;
        width: 180px !important;
        height: 45px !important;
        line-height: 45px !important;
        margin-left: -90px !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }
    
    .passion-masthead-component .slick-dots {
        bottom: 25px !important;
    }
}

.select2-container .select2-dropdown {
    z-index: 900000!important;
}


@keyframes ll_marker_pulse {
    0% {
        transform: scale(1.1);
    }
    50% {
       transform: scale(0.8);
    }
    100% {
       transform: scale(1);
    }
}
.ll_marker_pulse {
    animation: ll_marker_pulse 1s ease-in-out infinite; /* Set infinite iteration */
    animation-iteration-count: 4;
}

/* Content box titles styling to match main title */
.your-lifelist .content-box-title {
    font-size: 80px;
    line-height: 84px;
    color: #fff;
    margin: 0 0 22px;
    font-family: "CircularStd-Book";
    position: relative;
    cursor: pointer;
    display: table;
    margin: 0 auto 50px auto;
    font-family: 'Nanum Pen';
    border-bottom: none; /* Remove default underline from all content box titles */
}

/* For passion box (box 1) - underline only the passion name, not "For fans of" */
.your-lifelist .banner_passion.passion_section .passion-name {
    border-bottom: 3px dotted #fff;
    padding-bottom: 2px;
    cursor: pointer;
    display: inline-block;
}

/* For destination box (box 2) - only underline the location name, not "Near" */
.your-lifelist .banner_passion.passion_venue_section .selectd_title {
    border-bottom: 3px dotted #fff;
    padding-bottom: 2px;
    cursor: pointer;
}

/* For time box (box 3) - underline only the time selection part */
.your-lifelist .time-selection {
    border-bottom: 3px dotted #fff;
    padding-bottom: 2px;
    cursor: pointer;
    display: inline-block;
}

/* Ensure prepend text doesn't get underlined */
.your-lifelist .content-box-title .prepend-text {
    text-decoration: none;
    border: none;
    position: relative;
}

/* Responsive adjustments for content box titles */
@media (max-width: 768px) {
    .your-lifelist .content-box-title {
        font-size: 40px;
        line-height: 44px;
        margin: 0 auto 25px auto;
    }
    
    .your-lifelist .content-box-title .selectd_title::after,
    .your-lifelist .content-box-title:not(.has-prepend)::after,
    .your-lifelist .banner_passion.passion_venue_section .selectd_title::after {
        width: 80px;
        height: 2px;
        border-bottom-width: 2px;
    }
}

/* LifeList Login Header Styles */
.lifelist-login-header {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);
    border-radius: 15px;
    border: 1px solid #e0e7ff;
}

.lifelist-login-logo .site-title {
    display: block;
    margin-bottom: 15px;
}

.lifelist-login-logo .site-title a:hover {
    color: #357abd !important;
    transition: color 0.3s ease;
}

.lifelist-login-message h4 {
    color: #2c3e50 !important;
    margin: 15px 0 15px 0 !important;
    font-size: 1.4em !important;
    font-weight: 600;
}

.lifelist-login-message p {
    color: #5a6c7d !important;
    margin: 15px 0 20px 0 !important;
    line-height: 1.6 !important;
    font-size: 0.95em;
    max-width: 400px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.lifelist-login-message p strong {
    color: #4A90E2;
    font-weight: 600;
}

.lifelist-login-message p em {
    color: #4A90E2;
    font-style: italic;
    font-weight: 500;
}

/* Sticky Scrolling Navigation */
.lifelist-sticky-nav {
    position: fixed;
    right: 30px;
    bottom: 120px;
    z-index: 200099;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.lifelist-sticky-nav.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100px);
}

.lifelist-sticky-nav.visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Collapsed State */
.sticky-nav-collapsed {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticky-nav-expanded.collapsed {
    display: none;
}

.sticky-nav-collapsed.expanded {
    display: none;
}

.sticky-nav-expanded {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

/* Navigation Icons */
.nav-toggle-btn,
.nav-icon {
    width: 70px;
    height: 70px;
    background: rgba(28, 46, 61, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 25px rgba(28, 46, 61, 0.3);
    position: relative;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.nav-toggle-btn:hover,
.nav-icon:hover {
    background: rgba(42, 63, 85, 0.95);
    transform: scale(1.15);
    box-shadow: 0 12px 35px rgba(28, 46, 61, 0.5);
}

.nav-toggle-btn i,
.nav-icon i {
    color: #fff;
    font-size: 26px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Specific Icon Styling */

/* Collapse/Expand Toggle */
.nav-collapse-btn {
    background: rgba(220, 53, 69, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.nav-collapse-btn:hover {
    background: rgba(220, 53, 69, 1);
    transform: scale(1.1) rotate(90deg);
}

/* Streak Icon Specific Styling */
.streak-nav-icon {
    background: rgba(255, 193, 7, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.streak-nav-icon:hover {
    background: rgba(255, 193, 7, 1);
}

.streak-nav-icon .streak_image.header_streak {
    position: relative;
    margin: 0;
}

.streak-nav-icon .streak_image.header_streak img {
    max-width: 35px;
    margin: 0;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.streak-nav-icon .streak_image.header_streak .streak_count {
    position: absolute;
    top: -8px;
    right: -8px;
    margin: 0;
    font-size: 14px;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4);
    border: 2px solid #fff;
}

/* Search Icon */
.search-nav-icon {
    background: rgba(76, 175, 80, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.search-nav-icon:hover {
    background: rgba(76, 175, 80, 1);
}

/* New Sticky Navigation Streak Styles */
.lifelist-nav-icon.streak-nav {
    background: white !important;
    overflow: visible !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.lifelist-nav-icon.streak-nav:hover {
    background: white !important;
    box-shadow: 0 6px 25px rgba(147, 84, 205, 0.5) !important;
    border-color: rgba(147, 84, 205, 0.6) !important;
}

.lifelist-nav-icon.streak-nav .sticky-streak-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.lifelist-nav-icon.streak-nav .sticky-streak-img {
    width: 30px;
    height: 30px;
    margin: 0;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.lifelist-nav-icon.streak-nav .sticky-streak-count {
    position: absolute;
    top: -2px;
    right: -2px;
    margin: 0;
    font-size: 12px;
    background: #808080;
    color: #fff;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 2px solid #fff;
}

.lifelist-nav-icon.streak-nav .sticky-streak-count.inactive {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4) !important;
    border: 2px solid #fff !important;
}

.lifelist-nav-icon.streak-nav .sticky-streak-count.active {
    background: #808080 !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid #fff !important;
}

/* Things to Do Icon */
.things-nav-icon {
    background: rgba(155, 89, 182, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
}

.things-nav-icon:hover {
    background: rgba(155, 89, 182, 1);
}

/* Animation States */
.lifelist-sticky-nav.expanding .sticky-nav-collapsed {
    animation: collapseOut 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.lifelist-sticky-nav.expanding .sticky-nav-expanded {
    animation: expandIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;
}

.lifelist-sticky-nav.collapsing .sticky-nav-expanded {
    animation: collapseOut 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.lifelist-sticky-nav.collapsing .sticky-nav-collapsed {
    animation: expandIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
}

@keyframes expandIn {
    0% { 
        opacity: 0; 
        transform: scale(0.3) translateY(30px) rotate(180deg); 
    }
    50% {
        transform: scale(1.1) translateY(-5px) rotate(90deg);
    }
    100% { 
        opacity: 1; 
        transform: scale(1) translateY(0) rotate(0deg); 
    }
}

@keyframes collapseOut {
    0% { 
        opacity: 1; 
        transform: scale(1) translateY(0) rotate(0deg); 
    }
    50% {
        transform: scale(1.1) translateY(-5px) rotate(-90deg);
    }
    100% { 
        opacity: 0; 
        transform: scale(0.3) translateY(30px) rotate(-180deg); 
    }
}

/* Pulsing animation for initial appearance */
.lifelist-sticky-nav.visible:not(.expanding):not(.collapsing) .nav-toggle-btn {
    animation: initialPulse 1.5s ease-in-out;
}

@keyframes initialPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Mobile Responsiveness */
@media only screen and (max-width: 768px) {
    .lifelist-sticky-nav {
        right: 20px;
        bottom: 100px;
    }
    
    .nav-toggle-btn,
    .nav-icon {
        width: 60px;
        height: 60px;
    }
    
    .nav-toggle-btn i,
    .nav-icon i {
        font-size: 22px;
    }
    
    .sticky-nav-expanded {
        gap: 15px;
    }
    
    .streak-nav-icon .streak_image.header_streak img {
        max-width: 30px;
    }
    
    .streak-nav-icon .streak_image.header_streak .streak_count {
        font-size: 12px;
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        top: -6px;
        right: -6px;
    }
    
    /* New sticky navigation streak responsive styles */
    .lifelist-nav-icon.streak-nav .sticky-streak-img {
        width: 24px;
        height: 24px;
    }
    
    .lifelist-nav-icon.streak-nav .sticky-streak-count {
        width: 16px;
        height: 16px;
        font-size: 10px;
        top: -1px;
        right: -1px;
    }
}

@media only screen and (max-width: 480px) {
    .lifelist-sticky-nav {
        right: 15px;
        bottom: 80px;
    }
    
    .nav-toggle-btn,
    .nav-icon {
        width: 55px;
        height: 55px;
    }
    
    .nav-toggle-btn i,
    .nav-icon i {
        font-size: 20px;
    }
    
    .sticky-nav-expanded {
        gap: 12px;
    }

    .streak-nav-icon .streak_image.header_streak img {
        max-width: 25px;
    }
    
    /* New sticky navigation streak responsive styles */
    .lifelist-nav-icon.streak-nav .sticky-streak-img {
        width: 22px;
        height: 22px;
    }
    
    .lifelist-nav-icon.streak-nav .sticky-streak-count {
        width: 14px;
        height: 14px;
        font-size: 9px;
        top: 0px;
        right: 0px;
    }
}

/* Hide experience-sticky element on product pages */
body.single-product .experience-sticky,
body.woocommerce-page .experience-sticky,
body.woocommerce .experience-sticky,
body.single .experience-sticky,
.single-product .experience-sticky,
.woocommerce-page .experience-sticky,
.woocommerce .experience-sticky,
.experience-sticky.gg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Responsive CSS for Review Stars Section */
/* Mobile - Full width */
@media only screen and (max-width: 767px) {
    .review-main .review-inner .review,
    .review-main-venue .review-inner .review {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }
    
    .review-main .review-inner .review i,
    .review-main-venue .review-inner .review i {
        margin: 0 0.5em;
    }
    
    .review-main .review-inner .review i:before,
    .review-main-venue .review-inner .review i:before,
    .review-main .review-inner .review i.selected:before,
    .review-main .review-inner .review:hover i:before,
    .review-main .review-inner .review.selected i.active::before,
    .review-main .review-inner .review.selected i:not(.active)::before,
    .review-main-venue .review-inner .review i.selected:before,
    .review-main-venue .review-inner .review:hover i:before,
    .review-main-venue .review-inner .review.selected i.active::before,
    .review-main-venue .review-inner .review.selected i:not(.active)::before,
    .review-main .review-inner .review i:hover~i::before,
    .review-main .review-inner .review.selected i.active~i::before,
    .review-main-venue .review-inner .review i:hover~i::before,
    .review-main-venue .review-inner .review.selected i.active~i::before {
        font-size: 4em;
    }
}

/* Carousel text content styling - single line with truncation */
.expbox.slider .slide h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1c1e21 !important;
    margin: 0 0 12px 0 !important; /* Increased bottom margin for separation */
    padding: 16px 16px 0 16px !important; /* Increased padding */
    line-height: 1.2 !important;
    display: block !important; /* Ensure it displays */
    visibility: visible !important; /* Force visibility */
    flex-shrink: 0 !important; /* Prevent shrinking in flex container */
    /* Single line restriction with ellipsis */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.expbox.slider .slide .venue {
    font-size: 14px !important;
    color: #65676b !important;
    margin: 0 !important;
    padding: 0 16px 16px 16px !important; /* Increased padding to keep text on card */
    line-height: 1.2 !important;
    font-weight: 400 !important;
    display: block !important; /* Ensure it displays */
    visibility: visible !important; /* Force visibility */
    flex-shrink: 0 !important; /* Prevent shrinking in flex container */
    margin-top: auto !important; /* Push to bottom if needed */
    /* Single line restriction with ellipsis */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Target the actual HTML classes: title and sub-title - ONLY in slick carousels */
.expbox.slider.slick-initialized .slide .title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1c1e21 !important;
    margin: 0 0 12px 0 !important;
    padding: 16px 16px 0 16px !important;
    line-height: 1.2 !important;
    display: block !important;
    visibility: visible !important;
    /* Single line restriction with ellipsis */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.expbox.slider.slick-initialized .slide .sub-title {
    font-size: 14px !important;
    color: #65676b !important;
    margin: 0 !important;
    padding: 0 16px 16px 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    display: block !important;
    visibility: visible !important;
    /* Single line restriction with ellipsis */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ensure the slide content area displays properly */
.expbox.slider .slide {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
}

/* Mobile-specific styling for both not-logged-in and not-found states */
@media only screen and (max-width: 767px) {
    .lifelist_not_logged_in .last-exp-number,
    .lifelist_not_found .last-exp-number {
        font-size: 30px !important;
        line-height: 1 !important;
    }
    
    .lifelist_not_logged_in .days-string,
    .lifelist_not_found .days-string {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    
    /* Mobile-specific Stamps text sizing */
    .lifelist_not_logged_in .box-content p {
        font-size: 16px !important;
        line-height: 20px !important;
    }
}

/* Stamp with Count Styling - Milestone Colors */
.already_visited.stamp-with-count {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 3px;
    color: white;
    font-weight: bold;
    min-width: 35px;
    min-height: 24px;
    height: fit-content;
    justify-content: center;
}

/* Override the general .already_visited i rule for stamp-with-count */
.already_visited.stamp-with-count i {
    font-size: 14px !important;
    line-height: 1;
}

.already_visited.stamp-with-count .stamp-count {
    font-size: 12px;
    font-weight: bold;
    min-width: 12px;
    text-align: center;
    line-height: 1;
}

/* Milestone Color Variations */
.already_visited.stamp-with-count.milestone-green {
    background: rgba(34, 197, 94, 0.9); /* Green for 1+ visits */
}

.already_visited.stamp-with-count.milestone-bronze {
    background: rgba(205, 127, 50, 0.9); /* Bronze for 5+ visits */
}

.already_visited.stamp-with-count.milestone-silver {
    background: rgba(156, 163, 175, 0.9); /* Silver for 10+ visits */
}

.already_visited.stamp-with-count.milestone-gold {
    background: rgba(251, 191, 36, 0.9); /* Gold for 25+ visits */
}

/* Hover effects for better user experience */
.already_visited.stamp-with-count:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 767px) {
    .already_visited.stamp-with-count {
        padding: 3px 6px;
        top: 8px;
        right: 8px;
        min-height: 20px;
        min-width: 30px;
    }
    
    .already_visited.stamp-with-count i {
        font-size: 12px !important;
    }
    
    .already_visited.stamp-with-count .stamp-count {
        font-size: 10px;
    }
}

/* Mobile Carousel Width Fix - Set slide width to 70% on mobile for flexible-related-content */
@media only screen and (max-width: 767px) {
    .flexible-related-content .slick-slide {
        width: 70vw !important;
    }
    
    .flexible-related-content .slick-track {
        display: flex !important;
    }
    
    .flexible-related-content .slick-list {
        overflow: hidden;
    }
}

/* Large screens - slightly bigger stamps */
@media only screen and (min-width: 1200px) {
    .already_visited.stamp-with-count {
        min-height: 26px;
        min-width: 38px;
        padding: 5px 9px;
    }
    
    .already_visited.stamp-with-count i {
        font-size: 15px !important;
    }
    
    .already_visited.stamp-with-count .stamp-count {
        font-size: 13px;
    }
}

/* Flexible related content - uses existing grid system and Slick.js for mobile carousel */

/* Desktop grid gaps between columns */
@media screen and (min-width: 769px) {
    .flexible-related-content .category-row.related-content-area:not(.slick-initialized) {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    
    /* Ensure grid items don't have conflicting margins */
    .flexible-related-content .category-row.related-content-area:not(.slick-initialized) .category-content-inner {
        margin: 0 !important;
        width: 100% !important;
    }
}

/* Mobile carousel gaps between slides */
@media only screen and (max-width: 768px) {
    .flexible-related-content .category-row.related-content-area.slick-initialized .category-content-inner {
        margin-right: 15px !important; /* Gap between carousel slides */
        box-sizing: border-box !important;
    }
    
    /* Remove margin from last visible slide to prevent extra space */
    .flexible-related-content .category-row.related-content-area.slick-initialized .category-content-inner:last-child {
        margin-right: 0 !important;
    }
    
    /* Ensure slides don't get too narrow with the margins */
    .flexible-related-content .category-row.related-content-area.slick-initialized {
        margin-left: -7.5px !important;
        margin-right: -7.5px !important;
        padding: 0 7.5px !important;
    }
    
    /* TTD Banner Mobile Positioning - Force bottom-left positioning on mobile */
    .ttd-actions-wrapper {
        position: absolute !important;
        bottom: 10px !important;
        left: 20px !important;
        display: flex !important;
        align-items: flex-end !important;
        z-index: 10 !important;
    }
    
    .ttd-stamp,
    .ttd-like,
    .ttd-lifelist-add,
    .ttd-book,
    .ttd-trip {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        margin-right: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }
    
    .ttd-trip i {
        font-size: 24px !important;
        width: 24px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ttd-trip a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    .ttd-level {
        top: 45px !important;
        left: 20px !important;
    }
}

/* TTD Banner Mobile Positioning for very small screens */
@media only screen and (max-width: 480px) {
    .ttd-actions-wrapper {
        bottom: 8px !important;
        left: 15px !important;
    }
    
    .ttd-stamp,
    .ttd-like,
    .ttd-lifelist-add,
    .ttd-book,
    .ttd-trip {
        margin-right: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }
    
    .ttd-trip i {
        font-size: 24px !important;
        width: 24px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ttd-trip a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    .ttd-level {
        top: 35px !important;
        left: 15px !important;
        width: 70px !important;
        height: 38px !important;
    }
    
    .ttd-level span {
        font-size: 9px !important;
        width: 40px !important;
    }
}
/* LifeList Intro Widget - Prevent Overflow and White Space */
.lifelist-intro-widget,
.lifelist-intro-widget.not-logged-in,
.lifelist-intro-widget.logged-in-no-data {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.lifelist-intro-stats {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.lifelist-stat-box {
    box-sizing: border-box !important;
}

.lifelist-intro-hero {
    max-width: 100% !important;
}

/* ========================================================================== */
/* Progress Timeline - Horizontal Layout */
/* ========================================================================== */

.progress-timeline-container .info-value {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-top: 8px !important;
}

.progress-timeline-container {
    width: 100%;
    display: block !important;
}

.progress-timeline-container label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

.info-item.progress-timeline-container {
    display: block !important;
    flex-direction: column !important;
}

.info-item.progress-timeline-container label,
.info-item.progress-timeline-container .info-value {
    display: block !important;
    width: 100% !important;
    flex: none !important;
}

.progress-timeline-horizontal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    flex-wrap: nowrap;
}

.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 0 0 auto;
    min-width: 60px;
    padding: 8px 4px;
}

.progress-step:hover {
    transform: translateY(-2px);
}

.progress-step.active .step-icon {
    background: #28a745;
    color: white;
    border-color: #28a745;
}

.progress-step.active .step-label {
    color: #28a745;
    font-weight: 600;
}

.step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f8f9fa;
    border: 2px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    transition: all 0.3s ease;
    font-size: 16px;
    color: #6c757d;
}

.step-label {
    font-size: 11px;
    text-align: center;
    color: #6c757d;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    transition: color 0.3s ease;
}

.progress-connector {
    flex: 1;
    height: 2px;
    background: #dee2e6;
    margin: 0 8px;
    position: relative;
    top: -20px;
}

.progress-message {
    font-size: 12px;
    color: #28a745; /* Default green for success */
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
    display: none;
}

/* Progress message states */
.progress-message.success {
    color: #28a745; /* Green for success */
}

.progress-message.error {
    color: #fd7e14; /* Orange for error */
}

.progress-message.info {
    color: #17a2b8; /* Blue for info */
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .progress-step {
        min-width: 50px;
        padding: 6px 2px;
    }
    
    .step-icon {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .step-label {
        font-size: 10px;
    }
    
    .progress-connector {
        margin: 0 4px;
        top: -18px;
    }
}

/* Greyed Out Tab Styles */
.spotlight-tab.greyed-out {
    opacity: 0.5;
    pointer-events: auto;
}

.spotlight-tab.greyed-out:hover {
    opacity: 0.7;
}

.greyed-out-message {
    animation: fadeInOut 3s ease-in-out;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
    20% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
}

/* People Going Section in People Tab */
.people-going-section {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
    border-left: 4px solid var(--primary-color, #007cba);
}

.people-going-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.people-count {
    font-size: 24px;
    font-weight: bold;
    color: var(--primary-color, #007cba);
}

.people-label {
    font-size: 14px;
    color: #666;
}

/* Add Guest Button */
.add-guest-btn {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff;
    border: none;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    margin-left: auto;
}

.add-guest-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

.add-guest-btn i {
    font-size: 14px;
}

/* Remove Guest Button on guest items */
.guest-action-btn.remove-guest-btn {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.guest-action-btn.remove-guest-btn:hover {
    background: #ef4444;
    color: #fff;
    border-color: #ef4444;
}

/* Remove Guest Confirmation Modal */
.remove-guest-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 20px;
}

.remove-guest-modal.active {
    opacity: 1;
}

.remove-guest-content {
    background: linear-gradient(135deg, #2d1b4e 0%, #1a0f2e 100%);
    border-radius: 16px;
    padding: 30px;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.remove-guest-modal.active .remove-guest-content {
    transform: translateY(0);
}

.remove-guest-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.remove-guest-header i {
    font-size: 28px;
    color: #ef4444;
}

.remove-guest-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.remove-guest-content p {
    margin: 0 0 24px 0;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
}

.remove-guest-actions {
    display: flex;
    gap: 12px;
}

.remove-guest-actions button {
    flex: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.confirm-remove-btn {
    background: #ef4444;
    color: #fff;
}

.confirm-remove-btn:hover {
    background: #dc2626;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.cancel-remove-btn {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.cancel-remove-btn:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Toast Notification for Guest Management */
.spotlight-toast {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #2d1b4e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 100001;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s ease;
}

.spotlight-toast.show {
    opacity: 1;
    transform: translateX(0);
}

.spotlight-toast.success {
    border-left: 3px solid #10b981;
}

.spotlight-toast.success i {
    color: #10b981;
}

.spotlight-toast.error {
    border-left: 3px solid #ef4444;
}

.spotlight-toast.error i {
    color: #ef4444;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    .remove-guest-content {
        padding: 24px;
    }
    
    .remove-guest-actions {
        flex-direction: column;
    }
    
    .spotlight-toast {
        right: 10px;
        left: 10px;
        max-width: calc(100% - 20px);
    }
}

/* Provider info in Info tab */
.info-item.provider-item .info-value {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
}

.info-item.provider-item .provider-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.info-item.provider-item .provider-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.info-item.provider-item .provider-name {
    font-weight: 600;
    color: var(--primary-color, #007cba);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-item.provider-item .provider-name:hover {
    text-decoration: underline;
}

.info-item.provider-item .provider-response {
    font-size: 12px;
    color: #666;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-item.provider-item .provider-response.accepted {
    color: #28a745;
    font-weight: 600;
}

.info-item.provider-item .provider-response.rejected {
    color: #dc3545;
    font-weight: 600;
}

.info-item.provider-item .provider-response.pending {
    color: #ffc107;
    font-weight: 600;
}

.info-item.provider-item .provider-status-icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-left: auto;
}


/* Locked Content States */
.locked-content-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #ddd;
}

.locked-icon {
    margin-bottom: 16px;
}

.locked-icon i {
    font-size: 48px;
    color: #999;
}

.locked-message h5 {
    margin: 0 0 8px 0;
    color: #666;
    font-size: 18px;
    font-weight: 600;
}

.locked-message p {
    margin: 0;
    color: #999;
    font-size: 14px;
    line-height: 1.4;
}

/* Info tab layout - ensure time and provider details appear on next line */
#spotlight-info .info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#spotlight-info .info-item:last-child {
    border-bottom: none;
}

#spotlight-info .info-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
    min-width: 140px;
    margin: 0;
}

#spotlight-info .info-item label i {
    color: #6750A4;
    font-size: 16px;
}

#spotlight-info .info-item .info-value {
    flex: 1;
    color: #666;
    line-height: 1.5;
}

/* Force time and provider items to display on separate lines */
#spotlight-info .info-item:has(#spotlight-info-time),
#spotlight-info .info-item.provider-item {
    flex-direction: column;
    align-items: stretch;
}

#spotlight-info .info-item:has(#spotlight-info-time) .info-value,
#spotlight-info .info-item.provider-item .info-value {
    margin-top: 8px;
    margin-left: 0;
}

/* Description item also on separate lines */
#spotlight-info .info-item.description {
    flex-direction: column;
    align-items: stretch;
}

#spotlight-info .info-item.description .info-value {
    margin-top: 8px;
}

/* Guest Management Styles */
.guests-section {
    margin-top: 20px;
}

.guests-list {
    margin-top: 12px;
}

.guest-item {
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fff;
    transition: all 0.2s ease;
}

.guest-item:hover {
    border-color: #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.guest-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #666;
}

.guest-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.guest-info {
    flex: 1;
    margin-right: 12px;
}

.guest-name {
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.guest-status {
    font-size: 12px;
    color: #666;
}

.guest-age-group {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 8px;
}

.guest-age-group.child {
    background: #e3f2fd;
    color: #1976d2;
}

.guest-age-group.adult {
    background: #e8f5e8;
    color: #2e7d32;
}

.guest-age-group.senior {
    background: #fff3e0;
    color: #f57c00;
}

.guest-actions {
    display: flex;
    gap: 8px;
}

.guest-action-btn {
    background: none;
    border: none;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #666;
}

.guest-action-btn:hover {
    background: #f5f5f5;
    color: #333;
}

.guest-action-btn.question-mark {
    color: #ff9800;
    font-size: 16px;
}

.guest-action-btn.add-friend {
    color: #2196f3;
    font-size: 16px;
}

/* Age Group Modal Styles */
.age-group-modal .spotlight-content {
    max-width: 500px;
    margin: 50px auto;
}

.age-group-modal-content {
    padding: 30px;
    text-align: center;
}

.age-group-options {
    display: flex;
    gap: 16px;
    margin: 30px 0;
    justify-content: center;
    flex-wrap: wrap;
}

.age-group-btn {
    flex: 1;
    min-width: 120px;
    padding: 20px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.age-group-btn:hover {
    border-color: #2196f3;
    background: #f3f9ff;
}

.age-group-btn i {
    font-size: 24px;
    color: #666;
    margin-bottom: 8px;
    display: block;
}

.age-label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.age-range {
    font-size: 12px;
    color: #666;
}

.child-age-input {
    margin-top: 20px;
}

.child-age-input .form-group {
    margin-bottom: 20px;
    text-align: left;
}

.child-age-input label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.child-age-input input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
}

/* Friend Tagging Modal Styles */
.friend-tagging-modal .spotlight-content {
    max-width: 600px;
    margin: 20px auto;
    max-height: 90vh;
    overflow-y: auto;
}

.friend-tagging-modal-content {
    padding: 30px;
}

.friend-search-section {
    margin: 20px 0;
}

.search-container {
    position: relative;
    margin-bottom: 16px;
}

.search-container input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
}

.friends-search-results {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
}

.friend-result-item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.2s ease;
}

.friend-result-item:hover {
    background: #f8f9fa;
}

.friend-result-item:last-child {
    border-bottom: none;
}

.friend-result-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 12px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.friend-result-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.friend-result-name {
    flex: 1;
    font-weight: 500;
}

.selected-friends-section {
    margin: 20px 0;
}

.selected-friends-list {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    min-height: 60px;
}

.selected-friend-item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.selected-friend-item:last-child {
    border-bottom: none;
}

.selected-friend-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 12px;
}

.selected-friend-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.selected-friend-info {
    flex: 1;
}

.selected-friend-name {
    font-weight: 500;
    margin-bottom: 2px;
}

.selected-friend-age {
    font-size: 12px;
    color: #666;
}

.remove-friend-btn {
    background: none;
    border: none;
    color: #f44336;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
}

.remove-friend-btn:hover {
    background: #ffebee;
}

.modal-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.btn-secondary, .btn-primary {
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
}

.btn-secondary:hover {
    background: #eeeeee;
}

.btn-primary {
    background: #2196f3;
    border: 1px solid #2196f3;
    color: white;
}

.btn-primary:hover {
    background: #1976d2;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .friend-tagging-modal .spotlight-content {
        margin: 0;
        max-height: 100vh;
        border-radius: 0;
    }
    
    .age-group-options {
        flex-direction: column;
    }
    
    .age-group-btn {
        min-width: auto;
    }
}

/* ========================================================================== */
/* Cancel/Remove Booking Modal Styles */
/* ========================================================================== */

.cancel-booking-modal .spotlight-content {
    max-width: 550px;
    margin: 50px auto;
}

.cancel-booking-modal-content {
    padding: 30px;
}

.cancel-booking-modal-content .modal-header {
    text-align: center;
    margin-bottom: 24px;
}

.cancel-booking-modal-content .modal-header h3 {
    color: #f44336;
    margin-bottom: 8px;
}

.cancel-booking-modal-content .modal-header h3 i {
    margin-right: 8px;
}

.cancel-booking-modal-content .modal-header p {
    color: #666;
    font-size: 14px;
}

.cancel-warning {
    background: #fff3e0;
    border-left: 4px solid #ff9800;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    gap: 12px;
}

.cancel-warning i {
    color: #ff9800;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.cancel-warning p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.booking-details-summary {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.detail-row {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

.detail-row:last-child {
    border-bottom: none;
}

.detail-label {
    flex: 0 0 120px;
    font-weight: 500;
    color: #666;
}

.detail-label i {
    margin-right: 8px;
    width: 20px;
    text-align: center;
}

.detail-value {
    flex: 1;
    color: #333;
}

.btn-danger {
    background: #f44336;
    border: 1px solid #f44336;
    color: white;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-danger:hover {
    background: #d32f2f;
    border-color: #d32f2f;
}

.btn-danger:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ========================================================================== */
/* Change Booking Time Modal Styles */
/* ========================================================================== */

.change-time-modal .spotlight-content {
    max-width: 550px;
    margin: 50px auto;
}

.change-time-modal-content {
    padding: 30px;
}

.change-time-modal-content .modal-header {
    text-align: center;
    margin-bottom: 24px;
}

.change-time-modal-content .modal-header h3 {
    color: #2196f3;
    margin-bottom: 8px;
}

.change-time-modal-content .modal-header h3 i {
    margin-right: 8px;
}

.change-time-modal-content .modal-header p {
    color: #666;
    font-size: 14px;
}

.current-booking-info {
    background: #f5f5f5;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.current-booking-info h4 {
    margin: 0 0 12px 0;
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.new-booking-time-section {
    margin-bottom: 20px;
}

.new-booking-time-section h4 {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.form-group label i {
    margin-right: 8px;
    width: 20px;
    text-align: center;
    color: #666;
}

.form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.form-control:focus {
    outline: none;
    border-color: #2196f3;
}

textarea.form-control {
    resize: vertical;
    min-height: 80px;
}

.change-time-note {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    gap: 12px;
}

.change-time-note i {
    color: #2196f3;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.change-time-note p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* Mobile Responsive for Cancel and Change Time Modals */
@media (max-width: 768px) {
    .cancel-booking-modal .spotlight-content,
    .change-time-modal .spotlight-content {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    .cancel-booking-modal-content,
    .change-time-modal-content {
        padding: 20px;
    }
    
    .detail-label {
        flex: 0 0 100px;
        font-size: 13px;
    }
    
    .modal-actions {
        flex-direction: column;
    }
    
    .btn-secondary, .btn-primary, .btn-danger {
        width: 100%;
        justify-content: center;
    }
}

/* ========================================================================== */
/* Stat Box Structure - Matching Your Lifelist V2 intro-box-container styling */
/* THESE STYLES OVERRIDE THE OLD YOUR-LIFELIST STYLES (lines 10850-11320) */
/* Applied to: passion-areas-clickable, places-visited-clickable, and stamps sections */
/* ========================================================================== */

/* Container box - applies to all stat boxes in stats section */
.passion-areas-clickable.box,
.box.passion-areas-clickable,
.places-visited-clickable.box,
.box.places-visited-clickable,
.lifelist-stats-section .box {
    flex: 1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Inner container - matches intro-box-container 
   MORE SPECIFIC than line 10890 ".your-lifelist-wrapper .box-continer" */
.passion-areas-clickable .box-continer,
.box-continer.passion-areas-clickable,
.places-visited-clickable .box-continer,
.box-continer.places-visited-clickable,
.lifelist-stats-section .box-continer {
    padding: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* Header section - matches intro-header 
   MORE SPECIFIC than line 10918 ".box-continer .your-header" */
.passion-areas-clickable .your-header,
.passion-areas-clickable .box-continer .your-header,
.places-visited-clickable .your-header,
.places-visited-clickable .box-continer .your-header,
.lifelist-stats-section .your-header,
.lifelist-stats-section .box-continer .your-header {
    text-align: center !important;
    margin-bottom: 0 !important;
    padding: 8px 4px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

/* Icon styling - MORE SPECIFIC than line 10933 ".your-header i" */
.passion-areas-clickable .your-header i,
.passion-areas-clickable .box-continer .your-header i,
.places-visited-clickable .your-header i,
.places-visited-clickable .box-continer .your-header i,
.lifelist-stats-section .your-header i,
.lifelist-stats-section .box-continer .your-header i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #1C2E3D !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
    height: auto !important;
}

/* H3 styling - MORE SPECIFIC than line 10940 ".your-header h3" and line 7153 */
.passion-areas-clickable .your-header h3,
.passion-areas-clickable .box-continer .your-header h3,
.places-visited-clickable .your-header h3,
.places-visited-clickable .box-continer .your-header h3,
.lifelist-stats-section .your-header h3,
.lifelist-stats-section .box-continer .your-header h3 {
    color: #1C2E3D !important;
    font-size: 14px !important;
    margin: 0 !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
    text-align: center !important;
    font-family: 'CircularStd-Book', sans-serif !important;
    font-style: normal !important;
    height: auto !important;
}

/* Content section - matches intro-content 
   MORE SPECIFIC than line 10956 ".box-content" */
.passion-areas-clickable .box-content,
.passion-areas-clickable .box-continer .box-content,
.places-visited-clickable .box-content,
.places-visited-clickable .box-continer .box-content,
.lifelist-stats-section .box-content,
.lifelist-stats-section .box-continer .box-content {
    text-align: center !important;
    padding: 8px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 1 !important;
    background: #D8D8D8 !important;
    border-radius: 8px !important;
    min-height: 60px !important;
    max-height: none !important;
    height: auto !important;
}

/* Number display - matches lifelist-stat-number 
   MORE SPECIFIC than line 11127 ".last-exp-number" and line 7148 */
.passion-areas-clickable .last-exp-number,
.passion-areas-clickable .box-content .last-exp-number,
.places-visited-clickable .last-exp-number,
.places-visited-clickable .box-content .last-exp-number,
.lifelist-stats-section .last-exp-number,
.lifelist-stats-section .box-content .last-exp-number {
    color: #1C2E3D !important;
    font-size: 28px !important;
    font-weight: bold !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
}

/* Label text - matches lifelist-stat-label 
   MORE SPECIFIC than line 11161 ".days-string" */
.passion-areas-clickable .days-string,
.passion-areas-clickable .box-content .days-string,
.places-visited-clickable .days-string,
.places-visited-clickable .box-content .days-string,
.lifelist-stats-section .days-string,
.lifelist-stats-section .box-content .days-string {
    color: #1C2E3D !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
    letter-spacing: normal !important;
}

/* Content paragraph text - for boxes with text instead of numbers */
.passion-areas-clickable .box-content p,
.passion-areas-clickable .box-continer .box-content p,
.places-visited-clickable .box-content p,
.places-visited-clickable .box-continer .box-content p,
.lifelist-stats-section .box-content p,
.lifelist-stats-section .box-continer .box-content p {
    color: #1C2E3D !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    letter-spacing: normal !important;
    font-weight: normal !important;
}

/* Mobile responsive - MORE SPECIFIC than line 11283 */
@media (max-width: 768px) {
    .passion-areas-clickable .your-header i,
    .passion-areas-clickable .box-continer .your-header i,
    .places-visited-clickable .your-header i,
    .places-visited-clickable .box-continer .your-header i,
    .lifelist-stats-section .your-header i,
    .lifelist-stats-section .box-continer .your-header i {
        font-size: 18px !important;
    }
    
    .passion-areas-clickable .your-header,
    .passion-areas-clickable .box-continer .your-header,
    .places-visited-clickable .your-header,
    .places-visited-clickable .box-continer .your-header,
    .lifelist-stats-section .your-header,
    .lifelist-stats-section .box-continer .your-header {
        padding: 8px 4px !important;
        gap: 0 !important;
        flex-direction: column !important;
    }
}

/* ==========================================================================
   No Review Container - Call to Action
   ========================================================================== */

.no-review-container {
    text-align: center;
    padding: 60px 40px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.08) 100%);
    border-radius: 12px;
    margin: 30px 0;
}

.no-review-container h3 {
    color: #1c2d3e;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.no-review-container p {
    color: #5a6c7d;
    font-size: 16px;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

.btn-claim-stamp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.25);
}

.btn-claim-stamp:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
}

.btn-claim-stamp i {
    font-size: 18px;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .no-review-container {
        padding: 40px 20px;
    }
    
    .no-review-container h3 {
        font-size: 20px;
    }
    
    .no-review-container p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .btn-claim-stamp {
        padding: 12px 24px;
        font-size: 15px;
    }
    
    /* Map containers - mobile height optimization */
    #venue_location_map,
    .passion-map-v2 {
        height: 40vh !important;
        min-height: 200px !important;
    }
}

/* ===================================
   Quest Wobble Animation
   MOVED TO: /wp-content/plugins/lifelist-paidia/assets/css/quests/paidia-quest-wobbles.css
   
   This file kept for backward compatibility.
   The canonical wobble animation is now in the central Paidia wobbles file.
   =================================== */
.quest-wobble {
    animation: wobble 0.8s ease-in-out;
    transform-origin: center center;
}

@keyframes wobble {
    0% { transform: rotate(0deg) scale(1); }
    15% { transform: rotate(-5deg) scale(1.05); }
    30% { transform: rotate(5deg) scale(1.05); }
    45% { transform: rotate(-5deg) scale(1.05); }
    60% { transform: rotate(5deg) scale(1.05); }
    75% { transform: rotate(-3deg) scale(1.02); }
    85% { transform: rotate(3deg) scale(1.02); }
    100% { transform: rotate(0deg) scale(1); }
}

/* ==========================================================================
   Header XP Counter & Notification System
   Permanent XP display in header with dropdown notifications
   ========================================================================== */

/* Header Layout - Search Left, XP Right */
/* Default styling - matches .site-title default (white) */
.site-header .header-search-icon {
    position: absolute;
    left: 20px;
    top: 15px;
    z-index: 999;
    transition: opacity 0.2s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
}

.site-header .header-search-icon i {
    font-size: 32px;
    color: #fff;
}

.site-header .header-search-icon:hover {
    opacity: 0.7;
}

/* Home Page - Header overlays content */
body.home .site-header,
body.home .ast-site-header,
body.home #masthead,
/* Product categories: experience, venue, stage, lifelist */
body.tax-product_cat .site-header,
body.tax-product_cat .ast-site-header,
body.tax-product_cat #masthead,
body.single-product .site-header,
body.single-product .ast-site-header,
body.single-product #masthead,
/* Page content types: passion, destination */
body.tax-lifelist_content_type .site-header,
body.tax-lifelist_content_type .ast-site-header,
body.tax-lifelist_content_type #masthead {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999 !important;
    background: transparent;
}

/* Ensure content starts at top on these pages */
body.home .site-content,
body.home #content,
body.tax-product_cat .site-content,
body.tax-product_cat #content,
body.single-product .site-content,
body.single-product #content,
body.tax-lifelist_content_type .site-content,
body.tax-lifelist_content_type #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Header XP Container - Always Visible */
/* Default styling - matches .site-title default (white) */
.header-xp-container {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999;
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s ease;
    color: #fff;
}

.header-xp-container:hover {
    opacity: 0.7;
}

.header-xp-display {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.3s ease;
    height: 32px;
}

.header-xp-container:hover .header-xp-display {
    box-shadow: none;
    background: transparent;
}

.header-xp-value {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    font-family: inherit;
    letter-spacing: normal;
    min-width: auto;
    text-align: right;
    line-height: 1;
}

.header-xp-label {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
}

/* Stream Pages - XP counter color #1c2d3e */
.page-template-lifelist-stream .header-xp-container,
.page-template-lifelist-stream .header-xp-value,
.page-template-lifelist-stream .header-xp-label {
    color: #1c2d3e;
}

/* WooCommerce Account Page - matches .site-title on account page (dark blue) */
body.woocommerce-account .header-search-icon,
body.woocommerce-account .header-search-icon i,
body.woocommerce-account .header-xp-container,
body.woocommerce-account .header-xp-value,
body.woocommerce-account .header-xp-label {
    color: #1C2E3D;
}

/* Checkout & Cart Pages - matches .site-title on checkout/cart (dark blue) */
.woocommerce-checkout .header-search-icon,
.woocommerce-checkout .header-search-icon i,
.woocommerce-checkout .header-xp-container,
.woocommerce-checkout .header-xp-value,
.woocommerce-checkout .header-xp-label,
.woocommerce-cart .header-search-icon,
.woocommerce-cart .header-search-icon i,
.woocommerce-cart .header-xp-container,
.woocommerce-cart .header-xp-value,
.woocommerce-cart .header-xp-label {
    color: #1C2E3D;
}

/* Order Received Page - matches .site-title on order received (white) */
body.woocommerce-order-received .header-search-icon,
body.woocommerce-order-received .header-search-icon i,
body.woocommerce-order-received .header-xp-container,
body.woocommerce-order-received .header-xp-value,
body.woocommerce-order-received .header-xp-label {
    color: #fff;
}

/* ===== HEADER XP NOTIFICATION - SIMPLIFIED TOP-RIGHT ===== */
/* Simplified notification - always shows in fixed top-right corner */

.header-xp-notification {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 10000;
    opacity: 0;
    transform: translateX(400px); /* Start off-screen right */
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Paidia bounce */
}

/* Show notification */
.header-xp-notification.header-xp-notification-show {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

/* Notification content container */
.header-xp-notification-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); /* Default Explorer green */
    border-radius: 16px;
    padding: 16px 24px;
    box-shadow: 0 10px 40px rgba(72, 187, 120, 0.4);
    min-width: 280px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Track-specific colors */
.header-xp-notification-content.track-explorer {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); /* Green */
    box-shadow: 0 10px 40px rgba(72, 187, 120, 0.4);
}

.header-xp-notification-content.track-pioneer {
    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%); /* Orange */
    box-shadow: 0 10px 40px rgba(237, 137, 54, 0.4);
}

.header-xp-notification-content.track-host {
    background: linear-gradient(135deg, #9f7aea 0%, #805ad5 100%); /* Purple */
    box-shadow: 0 10px 40px rgba(159, 122, 234, 0.4);
}

/* Single row layout: +25 ⭐ XP 1250 */
.header-xp-single-row {
    display: flex;
    align-items: center;
    gap: 12px;
    color: white;
}

/* +XP gained amount */
.header-xp-gained {
    font-size: 20px;
    font-weight: 700;
    color: #FFD700;
    animation: header-xp-bounce 0.5s ease-out;
}

.header-xp-gained-value {
    font-size: 20px;
}

/* Pulsing icon */
.header-xp-icon {
    font-size: 28px;
    color: #FFD700;
    animation: header-xp-pulse 2s ease-in-out infinite;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* XP label */
.header-xp-label-notification {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Total XP value (animates) */
.header-xp-value-notification {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Action descriptor (slides down below main row) */
.header-xp-action-descriptor {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, margin-top 0.3s ease-out;
    margin-top: 0;
}

.header-xp-action-descriptor.show {
    max-height: 60px;
    margin-top: 12px;
}

.header-xp-action-detail {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.header-xp-action-detail i {
    font-size: 20px;
    color: #FFD700;
}

.header-xp-action-detail .action-text {
    flex: 1;
}

/* Animations */
@keyframes header-xp-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

@keyframes header-xp-bounce {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .header-search-icon {
        left: 15px;
        top: 12px;
    }
    
    .header-search-icon i {
        font-size: 24px !important;
    }
    
    .header-xp-container {
        right: 15px;
        top: 12px;
    }
    
    .header-xp-display {
        padding: 0;
        border-radius: 0;
        height: 24px;
    }
    
    .header-xp-value {
        font-size: 20px;
        min-width: auto;
    }
    
    .header-xp-label {
        font-size: 20px;
    }
    
    .header-xp-notification {
        right: 10px;
        top: 12px;
    }
    
    .header-xp-notification.header-scrolled-away {
        top: 70px;
        right: 10px;
    }
    
    .header-xp-notification-content {
        min-width: 240px;
        padding: 12px 20px;
    }
    
    .header-xp-single-row {
        gap: 8px;
    }
    
    .header-xp-gained {
        font-size: 18px;
    }
    
    .header-xp-gained-value {
        font-size: 18px;
    }
    
    .header-xp-icon {
        font-size: 24px;
    }
    
    .header-xp-label-notification {
        font-size: 16px;
    }
    
    .header-xp-value-notification {
        font-size: 24px;
    }
}

/* Header Layout - Override flex behavior to center logo */
.header_top {
    justify-content: center !important; /* Center the main content (logo) */
}

/* Breadcrumb - flex item, should not affect centering */
.breaudcum_top {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -35px; /* Position above the header */
    width: auto;
    text-align: center;
}

/* Logo - main flex child, naturally centered */
.logo {
    text-align: center;
    margin: 0 !important; /* Remove any margins that might affect centering */
    position: relative;
    z-index: 1;
}

/* Search and XP remain absolutely positioned outside flex flow */
/* Already styled above with absolute positioning at top: 15px */

/* Hide breadcrumb on my-account page */
body.woocommerce-account .breaudcum_top {
    display: none !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .breaudcum_top {
        top: -30px; /* Closer on mobile */
        font-size: 14px;
    }
    
    .logo {
        max-width: calc(100% - 120px); /* Prevent overlap with icons */
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .logo {
        max-width: calc(100% - 100px);
    }
    
    .site-title a {
        font-size: 22px;
    }
    
    .breaudcum_top {
        font-size: 12px;
    }
}

/* ===================================================================
   STREAM ACTION BAR OVERLAY - Match Story Card Actions Pattern
   Implemented: November 7, 2025
   =================================================================== */

/* Ensure thumbnail container is positioned for absolute children */
.thumbnail-bar,
.thumbnail-bar .thumbnail,
.thumbnail-bar.swiper {
    position: relative;
}

/* Action bar overlay styling - matches .story-card-actions pattern */
.thumbnail-bar .action-bar {
    position: absolute;          /* ✅ Absolute positioning within thumbnail */
    bottom: 30px;                /* ✅ Distance from bottom */
    right: 0;                    /* ➖ No extra right gap; wrapper padding controls inset */
    display: flex;
    flex-direction: column;      /* ⬆️ Top-to-bottom: stamp at top, calendar at bottom */
    gap: 0;                      /* ➖ No gap between groups; wrapper handles padding */
    z-index: 20;                 /* ✅ Above thumbnail/swiper */
    background: transparent;     /* ✅ No background */
    padding: 0;
    margin: 0;
    width: auto;
}

/* Reset ul/li list styling */
.thumbnail-bar .action-bar .wrapper {
    list-style: none;
    padding-left: 20px;          /* ➕ Left padding for breathing room */
    padding-right: 20px;         /* ➕ Right padding while keeping outer right:20px */
    margin: 0;
    display: flex;
    flex-direction: column;      /* ⬆️ Top-to-bottom ordering */
    gap: 20px;                   /* ✅ 20px gap between each icon group inside wrapper */
}

/* Action bar list items - vertical stacking */
.thumbnail-bar .action-bar li {
    display: flex;
    align-items: center;
    justify-content: flex-end;   /* ✅ Align to right edge */
    width: auto;
    padding: 0;
    margin: 0;
}

/* Action bar links - match story-action-icon pattern */
.thumbnail-bar .action-bar a {
    width: 56px;                 /* ✅ Match story-action-icon container width */
    height: auto;                /* ⬆️ Let height fit icon + count */
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;      /* ✅ Icon above count */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    padding: 0;
    text-decoration: none;
    gap: 0;                      /* ⚙️ Use explicit margin on count for precise spacing */
}

/* Icons styling - match story-action-icon i pattern */
.thumbnail-bar .action-bar i {
    font-size: 32px;             /* ⬆️ Match story-card-actions icon size */
    color: white !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);  /* ✅ Shadow for readability */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Count badges - below icons */
.thumbnail-bar .action-bar .ttd-count {
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    margin: 10px 0 0 0;          /* ✅ 10px below its icon */
    padding: 0;
    line-height: 1;
    display: block;              /* ✅ Force new line below icon */
}

/* Hover effects - match story cards */
.thumbnail-bar .action-bar a:hover {
    transform: scale(1.15);
}

/* Liked heart state - maintain color override */
.thumbnail-bar .action-bar .action-bar-like.is-liked i,
.thumbnail-bar .action-bar .action-bar-like .fa-solid.fa-heart {
    color: #e91e63 !important;
}

.thumbnail-bar .action-bar .action-bar-like.is-liked .ttd-count {
    color: #e91e63 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .thumbnail-bar .action-bar {
        bottom: 20px;
        right: 0;                /* ➖ No extra right gap; wrapper padding controls inset */
        gap: 0;                  /* ➖ No gap between groups on mobile at container level */
    }
    
    .thumbnail-bar .action-bar .wrapper {
        gap: 20px;               /* ✅ Maintain 20px internal gap on mobile */
    }
    
    .thumbnail-bar .action-bar a {
        width: 48px;
        height: auto;
    }
    
    .thumbnail-bar .action-bar i {
        font-size: 32px;         /* ⬆️ Keep icon size consistent with story-card-actions */
    }
    
    .thumbnail-bar .action-bar .ttd-count {
        font-size: 11px;
        margin-top: 10px;        /* ✅ Ensure 10px below icon on mobile as well */
    }
}

/* Tablet responsive */
@media (min-width: 769px) and (max-width: 1024px) {
    .thumbnail-bar .action-bar a {
        width: 52px;
        height: 52px;
    }
    
    .thumbnail-bar .action-bar i {
        font-size: 26px;
    }
}

/* ==========================================================================
   Fallback Image System - Blurred Passion Images with Padlock
   ========================================================================== */

/* Container for fallback images */
.lifelist-fallback-image {
    position: relative;
    overflow: hidden;
}

/* Apply blur effect to fallback images */
.lifelist-fallback-image img {
    filter: blur(8px);
    transform: scale(1.1); /* Slight zoom to hide blur edges */
}

/* Padlock icon positioning */
.lifelist-image-padlock {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s ease;
}

.lifelist-image-padlock i {
    color: #fff;
    font-size: 16px;
}

/* Hover effect on padlock */
.lifelist-fallback-image:hover .lifelist-image-padlock {
    background: rgba(139, 92, 246, 0.9);
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .lifelist-image-padlock {
        bottom: 8px;
        right: 8px;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
    
    .lifelist-image-padlock i {
        font-size: 14px;
    }
}

/* Fallback for banners/mastheads - less aggressive blur */
.lifelist-masthead-banner .lifelist-fallback-image img,
.banner-section .lifelist-fallback-image img {
    filter: blur(12px);
}

/* Fallback for grids/carousels - standard blur */
.category-content .lifelist-fallback-image img,
.swiper-slide .lifelist-fallback-image img,
.stream-item .lifelist-fallback-image img {
    filter: blur(8px);
}


/* Banner background-image fallback support */
.banner_image.lifelist-fallback-image {
    position: relative;
    background-image: none !important; /* Remove original background to show only blurred ::before */
}

.banner_image.lifelist-fallback-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--fallback-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(12px);
    transform: scale(1.1);
    z-index: 0;
}

/* Ensure padlock is above blurred background */
.banner_image.lifelist-fallback-image .lifelist-image-padlock {
    z-index: 2;
}



/* ==========================================================================
   Experience Carousel Modal
   ========================================================================== */
.experience-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    margin: 0;
    display: none; /* Hidden by default */
}

.experience-modal-overlay.active {
    display: block; /* Show when active */
}

.experience-modal-content {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Desktop: centered modal */
@media (min-width: 769px) {
    .experience-modal-content {
        max-width: 1200px;
        margin: 40px auto;
        min-height: auto;
        border-radius: 8px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    }
}

/* Mobile: full screen */
@media (max-width: 768px) {
    .experience-modal-content {
        width: 100%;
        min-height: 100vh;
        margin: 0;
        border-radius: 0;
    }
}

.experience-modal-close {
    position: fixed !important;
    top: 16px;
    right: 16px;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    z-index: 5 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    /* Circular button */
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.experience-modal-close:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6b2d8f 100%);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.experience-modal-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure Elementor sections inside modal have no padding */
.experience-modal-body .elementor-section,
.experience-modal-body .elementor-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide header and footer in modal iframe */
.experience-modal-overlay iframe {
    display: block;
}

/* Target the header/footer inside iframe - requires same origin */
body.in-modal-iframe header,
body.in-modal-iframe footer,
body.in-modal-iframe .site-header,
body.in-modal-iframe .site-footer,
body.in-modal-iframe #masthead,
body.in-modal-iframe #colophon,
body.in-modal-iframe .ast-header-break-point,
body.in-modal-iframe .ast-desktop-header,
body.in-modal-iframe .ast-mobile-header,
body.in-modal-iframe .ttd-level {
    display: none !important;
}

/* Skeleton loader for modal */
.experience-modal-skeleton {
    padding: 20px;
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

.experience-modal-skeleton > div {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
    border-radius: 8px;
    margin-bottom: 16px;
}

.experience-modal-skeleton .skeleton-header {
    height: 60px;
    width: 70%;
    margin-bottom: 20px;
}

.experience-modal-skeleton .skeleton-image {
    height: 400px;
    width: 100%;
    margin-bottom: 20px;
}

.experience-modal-skeleton .skeleton-text {
    height: 20px;
    width: 100%;
    margin-bottom: 12px;
}

.experience-modal-skeleton .skeleton-text.short {
    width: 60%;
}

@media (max-width: 768px) {
    .experience-modal-skeleton .skeleton-image {
        height: 250px;
    }
}

.experience-modal-loading,
.experience-modal-error {
    text-align: center;
    padding: 60px 20px;
    font-size: 16px;
    color: #666;
}

.experience-modal-loading i {
    font-size: 32px;
    color: #8b5cf6;
    margin-bottom: 16px;
    display: block;
}

.experience-modal-error {
    color: #dc2626;
}

.experience-modal-error .button {
    margin-top: 20px;
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.experience-modal-error .button:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6b2d8f 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

.experience-modal-close {
    position: fixed !important;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 5 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.experience-modal-close:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6b2d8f 100%);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.experience-modal-loading,
.experience-modal-error {
    text-align: center;
    padding: 60px 20px;
    font-size: 16px;
    color: #666;
}

.experience-modal-loading i {
    font-size: 32px;
    color: #8b5cf6;
    margin-bottom: 16px;
    display: block;
}

.experience-modal-error {
    color: #dc2626;
}

.experience-modal-error .button {
    margin-top: 20px;
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.experience-modal-error .button:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6b2d8f 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}