.elementor-57425 .elementor-element.elementor-element-e722729{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57425 .elementor-element.elementor-element-348e996{font-family:"Inter", Sans-serif;font-size:20px;}.elementor-57425 .elementor-element.elementor-element-e94b4cb{font-family:"Inter", Sans-serif;font-size:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-57425 .elementor-element.elementor-element-e722729{--content-width:800px;}}/* Start custom CSS for wp-widget-media_audio, class: .elementor-element-23ddc98 */.sem-related-posts {display:none !important}
/* --- 1. MAIN CONTAINER (The Black Pill) --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-container {
    background-color: #000000 !important;
    background: #000000 !important;
    border-radius: 50px !important;
    height: 60px !important;
    width: 100% !important;
    border: 1px solid #222 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6) !important;
    margin-top: 10px !important; /* Spacing fix */
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-controls {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 50px !important;
    height: 60px !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
}

/* Remove default WP gradients */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-container .mejs-controls .mejs-time-rail span,
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-container .mejs-controls .mejs-horizontal-volume-slider div {
    border-radius: 4px !important;
}

/* --- 2. PLAY/PAUSE BUTTON (Gold Circle) --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-playpause-button {
    width: 44px !important;
    height: 44px !important;
    margin: 8px 15px 8px 5px !important; /* Centering fix */
    background: transparent !important;
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-playpause-button button {
    background: #D4AF37 !important; /* Gold Background */
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
    position: relative !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease !important;
    background-image: none !important; /* Kill default WP icon */
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-playpause-button button:hover {
    transform: scale(1.05) !important;
    background: #fff !important;
}

/* --- 3. DRAWING ICONS (Fixes White Square) --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-playpause-button button::before,
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-playpause-button button::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Play Icon (Triangle) */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-play button::before {
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #000000;
    margin-left: 2px;
}

/* Pause Icon (Bars) */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-pause button::before {
    width: 4px;
    height: 14px;
    background: #000000;
    left: 42% !important;
}
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-pause button::after {
    width: 4px;
    height: 14px;
    background: #000000;
    left: 58% !important;
}

/* --- 4. PROGRESS RAIL --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time-rail {
    padding-top: 0 !important;
    height: 40px !important;
    margin: 0 15px !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time-total {
    margin: 0 !important;
    background: #333333 !important;
    height: 6px !important;
    padding: 0 !important;
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time-current {
    background: #D4AF37 !important; /* Gold */
    height: 6px !important;
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time-loaded {
    background: #444 !important;
    height: 6px !important;
}

/* Handle (Dot) */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time-handle {
    border: none !important;
    background: #fff !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    top: -4px !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.5) !important;
}

/* --- 5. TIME TEXT --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-time {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 18px 5px 0 5px !important; /* Alignment fix */
    height: auto !important;
}

/* --- 6. VOLUME --- */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-volume-button {
    margin-top: 8px !important;
}

.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-volume-button button {
    background-image: none !important;
    position: relative;
    width: 30px !important;
}

/* Volume Icon */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-volume-button button::before {
    content: '\f028'; /* FontAwesome Volume */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #D4AF37 !important;
    font-size: 18px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Volume Slider */
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-horizontal-volume-slider {
    width: 60px !important;
    margin-top: 8px !important;
}
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-horizontal-volume-total {
    background: #333 !important;
    height: 4px !important;
    border-radius: 2px !important;
}
.elementor-57425 .elementor-element.elementor-element-23ddc98 .mejs-horizontal-volume-current {
    background: #fff !important;
    height: 4px !important;
    border-radius: 2px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e94b4cb */body {background-color:black !important;}
/* 1. Target the OUTER fixed container (77f4064) */
.elementor-element-77f4064 {
    pointer-events: none !important;
    z-index: 0 !important; /* Force it behind your content */
    width: 0 !important;   /* Collapse it so it can't cover the screen */
    height: 0 !important;
}

/* 2. Target the INNER container (b6bbbf9) just in case */
.elementor-element-b6bbbf9 {
    pointer-events: none !important;
    width: auto !important; 
    height: auto !important;
}

/* 3. When the form opens, force it to work and sit on top */
.elementor-element-77f4064 .mobformlisting,
.mobformlisting1 {
    pointer-events: auto !important;
    width: 100% !important; /* Restore width for the form itself */
    position: relative !important;
    z-index: 99999 !important;
}

/* 4. Bring your ARTICLE content to the front */
.elementor-widget-theme-post-content {
    position: relative !important;
    z-index: 10 !important; /* Puts text in front of the broken overlay */
}

/* 5. Hide reCAPTCHA badge if it's blocking the corner */
.grecaptcha-badge { 
    visibility: hidden !important; 
    pointer-events: none !important;
}

/* --- LOAD FONT: INTER --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* --- 1. MAIN CONTAINER (Apply Typography Here) --- */
.mpcontent {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    
    /* PADDING: 20px Top, 50px Sides, 0px Bottom */
    padding: 20px 50px 0 50px !important; 
    
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
    
    /* TYPOGRAPHY SETTINGS (Moved here so they inherit safely) */
    font-family: 'Inter', sans-serif !important; 
    color: #E0E0E0 !important; 
    font-size: 20px !important; 
    line-height: 1.9em !important; 
    font-weight: 300 !important; 
    letter-spacing: 0.01em !important;
}

/* --- 2. THE FIX: TARGET ONLY PARAGRAPHS --- */
/* We replaced the dangerous "div" rule with this.
   Only <p> tags and <li> tags get the bottom spacing. 
   Layout divs will now have 0 margin. */
.mpcontent p
 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    /* Ensure font settings inherit correctly */
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

.mpcontent ul:not(.elementor-toc__list),
.mpcontent ol:not(.elementor-toc__list), li:not(.elementor-toc__list-item) {
    padding:15px;
}


/* --- 3. ELEMENTOR RESET (SAFETY NET) --- */
/* This forces Elementor's layout divs to have NO extra spacing */
.mpcontent div,
.mpcontent .elementor-widget,
.mpcontent .elementor-widget-wrap, 
.mpcontent .elementor-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 4. LAST ITEM KILLER --- */
/* Ensures the very last text touches the bottom 0px padding */
.mpcontent > *:last-child,
.mpcontent p:last-child,
.mpcontent ul:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 5. HEADINGS --- */
.mpcontent h2 {
    font-family: 'Inter', sans-serif !important;
    margin-top: 40px !important; 
    margin-bottom: 40px !important;
    color: #ffffff !important;
    border-left: 5px solid #D4AF37 !important; 
    padding-left: 30px !important; 
    padding-bottom: 5px !important;
    line-height: 1.3em !important;
    border-bottom: none !important; 
    font-weight: 600 !important; 
    font-size: 32px !important; 
    width: 100%;
}

.mpcontent h3 {
    font-family: 'Inter', sans-serif !important;
    color: #D4AF37 !important; 
    margin-top: 25px !important; 
    margin-bottom: 25px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
}

/* --- 6. LIST ITEMS --- */
.mpcontent ul {
    background-color: #181818 !important; 
    padding: 20px 50px !important; 
    border-radius: 12px !important;
    border-top: 2px solid #D4AF37 !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    list-style-type: none !important;
}

.mpcontent ul li {
    padding-left: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
    padding-bottom: 20px !important;
    display: list-item !important;
}

.mpcontent ul li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-bottom:15px !important;
}

.mpcontent ul li::marker {
    color: #D4AF37 !important; 
    font-size: 1.2em !important; 
    content: "• " !important; 
}

.mpcontent ol li {padding-top:25px !important;}

.mpcontent ol > li > strong {
  display: block;
  margin-bottom: 25px !important;
}


/* --- 7. LINKS --- */
.mpcontent a:not(.btn-whatsapp):not(.btn-contact):not(.sem-related-link) {
    color: #D4AF37 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    font-size: 20px !important; 
    background-color: transparent !important;
}

.mpcontent a:not(.btn-whatsapp):not(.btn-contact):hover {
    color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.wp-block-table {width:100%; margin:0px}

/* =========================================
   TABLE STYLES (Luxury Theme)
   ========================================= */

/* 1. The Container & Main Table */
.mpcontent table {
    width: 100% !important;
    border-collapse: separate !important; /* Allows border-radius to work */
    border-spacing: 0 !important;
    background-color: #181818 !important; /* Matches your list boxes */
    border-radius: 12px !important;
    overflow: hidden !important; /* Clips the corners */
    margin-bottom: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important; /* Subtle Gold Border */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* 2. The Headers (Top Row) */
.mpcontent th {
    background-color: #202020 !important; /* Slightly lighter header bg */
    color: #D4AF37 !important; /* Gold Text */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 20px !important;
    text-align: left !important;
    border-bottom: 2px solid #D4AF37 !important; /* Solid Gold Line */
}

/* 3. The Cells (Body) */
.mpcontent td {
    color: #E0E0E0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    padding: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* Subtle divider */
    vertical-align: top !important;
    line-height: 1.6em !important;
}

/* 4. Remove border from last row */
.mpcontent tr:last-child td {
    border-bottom: none !important;
}

/* 5. Striped Effect (Optional - makes reading easier) */
.mpcontent tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* --- 8. MOBILE RESPONSIVENESS --- */
@media (max-width: 768px) {
    .mpcontent {
        padding: 0!important; 
        margin:0 !important;
        max-width: 100% !important;
    }
    .mpcontent p, .mpcontent li {
        font-size: 18px !important; 
        line-height: 1.7em !important;
    }
    .mpcontent h2 {
        margin-top: 60px !important;
        font-size: 26px !important;
    }
        .elementor-57425 .elementor-element.elementor-element-e94b4cb table {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        border-radius: 8px !important; /* Smaller radius for mobile */
        table-layout: fixed !important; /* Forces columns to fit screen */
    }

    .mpcontent th {
        font-size: 13px !important; /* Smaller header text */
        padding: 12px 8px !important; /* Tighter padding */
        word-wrap: break-word !important;
    }

    .mpcontent td {
        font-size: 14px !important; /* Readable but compact */
        padding: 12px 8px !important;
        word-wrap: break-word !important; /* Forces text to wrap */
        white-space: normal !important;
    }

    /* --- TABLE FIXES (NEW) --- */
    .mpcontent table {
        display: block !important;       /* Allows table to have its own scroll area */
        width: 100% !important;
        overflow-x: auto !important;     /* Adds horizontal scrollbar ONLY to the table */
        white-space: nowrap !important;  /* Prevents cells from crushing each other */
        border-collapse: collapse !important;
        margin-bottom: 20px !important;
    }

    .mpcontent th, .elementor-57425 .elementor-element.elementor-element-e94b4cb td {
        padding: 12px 15px !important;   /* Comfortable touch targets */
        text-align: left !important;     /* Fixes alignment */
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        white-space: normal !important;  /* Allows text inside cells to wrap nicely */
        min-width: 140px !important;     /* Ensures columns aren't too skinny */
        vertical-align: top !important;
    }
}/* End custom CSS */