.elementor-747 .elementor-element.elementor-element-42b1288{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0125px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-747 .elementor-element.elementor-element-8d33eb4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-747 .elementor-element.elementor-element-2c18e9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-2c18e9e *//* --- GLOBAL CONTAINER --- */
.privacy-container {
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: inherit; 
}

/* --- THE "PROMPT" BUBBLES (Title & Intro) --- */
.privacy-title {
    background-color:!important; /* Main accent color */
    color: #000 !important;
    border-radius: 25px 25px 25px 5px !important; /* Chat bubble tail bottom-left */
    padding: 15px 25px;
    margin: 0 0 5px 0;
    align-self: center;
    display: inline-block;
    font-size: 2rem;
}

.privacy-date {
    font-size: 0.9rem;
    color: #888888;
    margin-left: 10px;
    margin-bottom: 20px;
}

/* The first section (Welcome text) styled as the Dark Bubble */
.privacy-container > .policy-section:first-of-type {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 25px 25px 25px 5px !important; 
    padding: 20px 25px;
    margin: 0;
    align-self: flex-start;
    max-width: 90%;
    line-height: 1.6;
}

/* Make links in the dark bubble pop */
.privacy-container > .policy-section:first-of-type a {
    color: #ffa82a;
    text-decoration: none;
}

/* --- THE "REPLY" BUBBLES (Numbered Sections) --- */
.policy-section {
    background-color: #ffffff !important;
    color: #555555 !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 5px 25px 25px 25px !important; /* Inverse chat bubble tail top-left */
    margin-left: 40px; /* Offset to look like a reply */
    padding: 30px;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease;
    line-height: 1.6;
}

/* Headings inside the light bubbles */
.policy-section h3 {
    color: #1a1a1a;
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* Bullet Points */
.policy-list {
    margin: 10px 0 15px 20px;
    padding: 0;
}

.policy-list li {
    margin-bottom: 8px;
}

.policy-list li::marker {
    color: #ffa82a; /* Orange bullet points to tie the theme together */
}

/* Highlighted Notes (e.g., Cookies warning) */
.policy-note {
    background-color: #fff9f0; /* Very light tint of orange */
    border-left: 4px solid #ffa82a;
    padding: 15px;
    margin-top: 20px;
    border-radius: 0 8px 8px 0;
    font-size: 0.95rem;
    color: #333333;
}

/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 767px) {
    .policy-section {
        margin-left: 15px; /* Smaller offset for mobile */
        padding: 20px;
        border-radius: 5px 20px 20px 20px !important;
    }
    
    .privacy-title, 
    .privacy-container > .policy-section:first-of-type {
        border-radius: 20px 20px 20px 5px !important;
        padding: 15px 20px;
        max-width: 100%;
    }

    .privacy-title {
        font-size: 1.6rem;
    }
}/* End custom CSS */