/*
Theme Name: Anesta Child
Template: anesta
Theme URI: http://anesta.ancorathemes.com/
Description: Anesta is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: http://ancorathemes.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.tutor-lab-feedback-banner {
        all: unset !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 20px !important;
        background: #e2f3e7 !important; border: 1px solid #b8efcc !important; border-left: 4px solid #155724 !important;
        border-radius: 8px !important; padding: 20px 25px !important; margin-bottom: 40px !important;
        font-family: 'Inter', system-ui, sans-serif !important;
    }
    .tutor-lab-feedback-banner .banner-content { all: unset; box-sizing: border-box; display: flex !important; align-items: center !important; gap: 20px !important; width: 100% !important; }
    .tutor-lab-feedback-banner i { font-family: "Phosphor" !important; font-style: normal !important; display: inline-block !important; font-size: 2.5rem !important; color: #155724 !important; line-height: 1 !important; }
    .tutor-lab-feedback-banner .banner-text { all: unset; box-sizing: border-box; flex-grow: 1 !important; }
    .tutor-lab-feedback-banner .banner-text h3 { all: unset; box-sizing: border-box; display: block !important; font-family: 'Inter', sans-serif !important; font-size: 1.2rem !important; font-weight: 700 !important; color: #155724 !important; margin: 0 0 5px 0 !important; }
    .tutor-lab-feedback-banner .banner-text p { all: unset; box-sizing: border-box; display: block !important; font-family: 'Inter', sans-serif !important; color: #155724 !important; font-size: 1rem !important; margin: 0 !important; line-height: 1.6 !important; }

    .tutor-lab-feedback-clean { all: unset; display: block !important; margin-top: 25px !important; font-family: 'Inter', sans-serif !important; box-sizing: border-box !important; }
    .tutor-lab-feedback-clean details, .tutor-lab-feedback-clean summary { all: unset; box-sizing: border-box !important; }
    .tutor-lab-feedback-clean details { display: block !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; background-color: #ffffff !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; overflow: hidden !important; transition: box-shadow 0.25s ease !important; }
    .tutor-lab-feedback-clean details:hover { box-shadow: 0 7px 14px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.04) !important; }
    .tutor-lab-feedback-clean details[open] { border-color: #a5b4fc !important; box-shadow: 0 4px 12px rgba(0, 90, 156, 0.08) !important; }
    .tutor-lab-feedback-clean summary { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 16px 20px !important; cursor: pointer !important; background-color: #f8fafc !important; list-style: none !important; transition: background-color 0.2s ease; }
    .tutor-lab-feedback-clean summary::-webkit-details-marker { display: none !important; }
    .tutor-lab-feedback-clean details[open] > summary { background-color: #eef2ff !important; border-bottom: 1px solid #e2e8f0 !important; }
    .tutor-lab-feedback-clean .tl-feedback-title { display: flex !important; align-items: center !important; gap: 12px !important; font-size: 1.05rem !important; font-weight: 600 !important; color: #4338ca !important; }
    .tutor-lab-feedback-clean .tl-feedback-title span { color: #4338ca !important; font-weight: 600 !important; font-size: 1.05rem !important; font-family: 'Inter', sans-serif !important; }
    .tutor-lab-feedback-clean .tl-feedback-icon i, .tutor-lab-feedback-clean .tl-feedback-title i { font-family: "Phosphor" !important; font-style: normal !important; display: inline-block !important; line-height: 1 !important; }
    .tutor-lab-feedback-clean .tl-feedback-title i { font-size: 1.6rem !important; color: #6366f1 !important; }
    .tutor-lab-feedback-clean .tl-feedback-icon i { font-size: 1.5rem !important; color: #94a3b8 !important; transition: transform 0.3s ease !important; }
    .tutor-lab-feedback-clean details[open] > summary .tl-feedback-icon i { transform: rotate(180deg) !important; }
    .tutor-lab-feedback-clean .tl-feedback-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out; }
    .tutor-lab-feedback-clean details[open] > .tl-feedback-content { grid-template-rows: 1fr; }
    .tutor-lab-feedback-clean .tl-feedback-content > div { overflow: hidden; }
    .tutor-lab-feedback-clean .tl-feedback-content-inner { all: unset; box-sizing: border-box; display: block !important; padding: 25px 30px !important; font-size: 1rem !important; line-height: 1.7 !important; color: #475569 !important; background-color: #fff !important; font-family: 'Inter', sans-serif !important; }
    .tutor-lab-feedback-clean .tl-feedback-content-inner p { all: unset; box-sizing: border-box; display: block !important; margin-bottom: 1em !important; font-size: 1rem !important; line-height: 1.7 !important; color: #475569 !important; font-family: 'Inter', sans-serif !important; }

    .tutor-lab-feedback-general-wrapper { margin-top: 50px; padding-top: 40px; border-top: 2px solid #e2e8f0; }
    .tutor-lab-feedback-general-wrapper h2 { display: flex; align-items: center; gap: 12px; font-size: 2rem; font-weight: 700; color: #1E293B; margin: 0 0 30px 0; }
    .tutor-lab-feedback-general-wrapper h2 i { font-family: "Phosphor"; font-style: normal; color: #005A9C; }
    .feedback-general { background-color: #f8fafc; border-radius: 16px; padding: 30px; border: 1px solid #e2e8f0; }
    .feedback-general h3 { font-size: 1.3rem; font-weight: 600; color: #1E293B; margin-top:0; margin-bottom: 10px; }
    .feedback-general .feedback-content { line-height: 1.7; color: #475569; }