.elementor-5617 .elementor-element.elementor-element-6384153{--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;}/* Start custom CSS for html, class: .elementor-element-6b8f54a */@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Handlee&family=Manrope:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

/* =========================================
   PVRM SUCCESS PAGE - MASTER CSS
   ========================================= */

/* --- 1. THE CARD & CONTAINER --- */
.pvrm-success-container {
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pvrm-success-card {
    background-color: #fdfcf0; /* Ivory Stationery */
    padding: 60px 50px;
    border-radius: 4px;
    border: 1px solid #f0efdf;
    box-shadow: 0 30px 80px rgba(136, 136, 164, 0.15);
    max-width: 680px;
    width: 100%;
    text-align: center;
    background-image: linear-gradient(rgba(136, 136, 164, 0.03) 1px, transparent 1px);
    background-size: 100% 2.2rem;
    position: relative;
}

/* --- 2. HEADER & SUCCESS ICON --- */
.pvrm-check-circle {
    width: 65px;
    height: 65px;
    background: #f39c55;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-size: 1.8rem;
    box-shadow: 0 10px 25px rgba(243, 156, 85, 0.3);
}

.pvrm-success-h1 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #4a4a4a;
    line-height: 1.2;
    margin-bottom: 20px !important;
}

.pvrm-accent-orange { color: #f39c55; }

.pvrm-success-intro {
    font-family: 'Manrope', sans-serif;
    font-size: 1.1rem;
    color: #5a5a5a;
    line-height: 1.6;
    margin-bottom: 50px;
}

/* --- 3. THE PROGRESS TRACKER (FIXED) --- */
.pvrm-status-tracker {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.status-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    z-index: 2;
}

.status-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: all 0.4s ease;
}

/* Step 1 Colors */
.is-done .status-icon {
    background: #f39c55;
    border-color: #f39c55;
    color: #ffffff;
}

/* Step 2 Colors */
.is-active .status-icon {
    border-color: #8888a4;
    color: #8888a4;
}

/* Connector Line */
.status-connector {
    flex-grow: 1;
    height: 2px;
    background: #e0e0e0;
    margin: 0 -25px; /* Pulls cards together */
    margin-bottom: 40px; /* Aligns with icon height */
    z-index: 1;
}

.status-label {
    margin-top: 15px;
    font-family: 'Manrope', sans-serif;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #a6a6a6;
    line-height: 1.4;
}

.is-done .status-label { color: #f39c55; }
.is-active .status-label { color: #6d6096; }
.status-label small { text-transform: none; font-weight: 500; font-style: italic; letter-spacing: 0; display: block; }

/* Pulse Animation */
.pulse-violet {
    animation: successPulse 2s infinite;
}

@keyframes successPulse {
    0% { box-shadow: 0 0 0 0 rgba(136, 136, 164, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(136, 136, 164, 0); }
    100% { box-shadow: 0 0 0 0 rgba(136, 136, 164, 0); }
}

/* --- 4. THE LETTER AREA --- */
.pvrm-success-letter {
    border-top: 1px solid rgba(136, 136, 164, 0.1);
    padding-top: 40px;
    margin-bottom: 40px;
}

.pvrm-letter-ink {
    font-family: 'Caveat', cursive !important;
    font-size: 1.7rem !important;
    line-height: 1.4 !important;
    color: #4a4a6a !important;
    margin-bottom: 25px !important;
}

.pvrm-sig-ink {
    font-family: 'Caveat', cursive !important;
    font-size: 2.5rem !important;
    font-weight: 700;
    color: #1a237e !important;
    display: block;
}

.pvrm-role-label {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #a6a6a6;
    font-weight: 700;
}

/* --- 5. NAVIGATION BRIDGE --- */
.nav-hint {
    font-family: 'Manrope', sans-serif;
    font-size: 0.75rem;
    font-weight: 800;
    color: #a6a6a6;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.nav-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.success-nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: #4a4a4a;
    text-decoration: none;
    background: #ffffff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.success-nav-link:hover {
    border-color: #8888a4;
    color: #6d6096;
    transform: translateX(5px);
}

.success-nav-link-secondary {
    font-family: 'Manrope', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: #a6a6a6;
    text-decoration: none;
    margin-top: 15px;
}

.success-nav-link .arrow { float: right; color: #f39c55; }

/* --- 6. MOBILE OPTIMIZATION --- */
@media (max-width: 767px) {
    .pvrm-success-card {
        padding: 40px 20px;
    }
    
    .pvrm-success-h1 { font-size: 1.7rem !important; }
    
    /* Vertical Tracker on Mobile */
    .pvrm-status-tracker {
        flex-direction: column;
        gap: 20px;
    }
    
    .status-connector {
        width: 2px;
        height: 30px;
        margin: -10px 0;
        background: #f39c55;
    }
    
    .pvrm-letter-ink { font-size: 1.4rem !important; }
}/* End custom CSS */