

    #lpr-blog-container { font-family: 'Poppins', sans-serif !important; background-color: #FDFCF5 !important; }
    #lpr-blog-container b, #lpr-blog-container strong { font-weight: 700 !important; }
    .selector-card { transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; }
    .grayscale { filter: grayscale(1) opacity(0.2) !important; transform: scale(0.95) !important; pointer-events: none !important; }
    
    html { scroll-behavior: smooth !important; }

    input[type="checkbox"] { border-radius: 50% !important; appearance: none !important; border: 2px solid #cbd5e1 !important; position: relative !important; cursor: pointer !important; height: 1.5rem !important; width: 1.5rem !important; vertical-align: middle !important; }
    input[type="checkbox"]:checked { background-color: #3b82f6 !important; border-color: #3b82f6 !important; }
    input[type="checkbox"]:checked::after { content: '✓' !important; color: white !important; position: absolute !important; inset: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; font-size: 12px !important; font-weight: bold !important; }

.faq-content { 
    max-height: 0; 
    overflow: hidden; 
   transition: max-height 0s ease-in-out, padding 0.1s ease !important; 
}
    .faq-item.active .faq-content { 

        max-height: 600px !important; 

    }

    .faq-item.active .faq-icon { 

        transform: rotate(45deg) !important; 

    }

    .filter-row {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 15px !important;
        background: #f8fafc !important;
        padding: 15px !important;
        border-radius: 15px !important;
        cursor: pointer !important;
    }

    .filter-row input {
        width: 20px !important;
        height: 20px !important;
        margin: 0 15px 0 0 !important;
        flex-shrink: 0 !important;
        cursor: pointer !important;
    }
    .filter-text {
        pointer-events: none !important;
    }
    .filter-text b {
        display: block !important;
        font-size: 14px !important;
        color: #334155 !important;
    }
    .filter-text i {
        display: block !important;
        font-size: 10px !important;
        color: #94a3b8 !important;
        font-style: normal !important;
    }

@media (max-width: 767px) {

    #lpr-blog-container section, 
    #lpr-blog-container .!p-8, 
    #lpr-blog-container .!p-10, 
    #lpr-blog-container .!p-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .filter-row {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 12px 0px !important; 
        display: flex !important;
        align-items: center !important;
    }


    .filter-row input {
        margin-right: 6px !important; 
        flex-shrink: 0 !important;
    }

   
    .filter-text {
        flex: 1 !important; 
        min-width: 0 !important; 
    }

    .filter-text b {
        font-size: 13px !important; 
        white-space: normal !important; 
    }

    .filter-text i {
        font-size: 10px !important;
        white-space: normal !important;
        display: block !important;
        line-height: 1.2 !important;
    }
}
