.qv-hifz-article, .qv-hifz-article * { box-sizing: border-box; } .single-blog-post-title { display: none; } .qv-hifz-article { --qv-green: #123f35; --qv-dark: #082f28; --qv-gold: #ddb52d; --qv-cream: #f8f5eb; --qv-line: #e7dfc8; --qv-text: #263b35; --qv-muted: #64746e; color: var(--qv-text); font-family: inherit; font-size: 17px; line-height: 1.8; } .qv-hifz-article > * { max-width: 940px; margin-left: auto; margin-right: auto; } .qv-hifz-article p { margin-top: 0; margin-bottom: 20px; } .qv-hifz-article h2 { margin-top: 58px; margin-bottom: 18px; color: var(--qv-dark); font-size: clamp(28px, 4vw, 40px); line-height: 1.2; letter-spacing: -.02em; } .qv-hifz-article h1 { max-width: 940px; margin: 0 auto 24px; color: var(--qv-dark); font-size: clamp(34px, 5vw, 58px); line-height: 1.12; letter-spacing: -.03em; } .qv-hifz-article h3 { margin-top: 32px; margin-bottom: 12px; color: var(--qv-green); font-size: clamp(21px, 2.6vw, 27px); line-height: 1.3; } .qv-hifz-article a { color: #0f6654; text-decoration-thickness: 1px; text-underline-offset: 3px; } .qv-hifz-article a:hover { color: #9b7100; } .qv-hifz-article ul, .qv-hifz-article ol { margin: 0 0 24px; padding-left: 25px; } .qv-hifz-article li { margin-bottom: 9px; } .qv-hifz-hero { overflow: hidden; max-width: 1180px !important; margin: 0 auto 34px !important; border: 1px solid var(--qv-line); border-radius: 22px; box-shadow: 0 22px 55px rgba(18,63,53,.13); } .qv-hifz-hero img { display: block; width: 100%; height: auto; } .qv-hifz-lead { font-size: 19px; color: #304a42; } .qv-quick-answer { margin-top: 32px !important; padding: clamp(25px, 4vw, 38px); background: linear-gradient(145deg, var(--qv-green), var(--qv-dark)); color: #fff; border-radius: 20px; box-shadow: 0 18px 42px rgba(8,47,40,.16); } .qv-quick-answer h2 { margin: 0 0 14px; color: #fff; font-size: clamp(25px, 3.5vw, 34px); } .qv-quick-answer p:last-child { margin-bottom: 0; } .qv-quick-answer a { color: #f3ce55; } .qv-hifz-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 30px !important; margin-bottom: 44px !important; } .qv-hifz-nav a { display: flex; align-items: center; min-height: 72px; padding: 14px 16px; color: var(--qv-dark); background: var(--qv-cream); border: 1px solid var(--qv-line); border-radius: 13px; font-weight: 750; line-height: 1.35; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .qv-hifz-nav a:hover { transform: translateY(-2px); border-color: var(--qv-gold); box-shadow: 0 9px 24px rgba(18,63,53,.09); } .qv-verse { margin: 28px auto !important; padding: 24px 26px; background: #fffaf0; border-left: 5px solid var(--qv-gold); border-radius: 0 14px 14px 0; } .qv-estimate-wrap { overflow-x: auto; margin: 26px auto 18px !important; border: 1px solid var(--qv-line); border-radius: 17px; box-shadow: 0 12px 30px rgba(18,63,53,.07); } .qv-estimate-table { width: 100%; min-width: 680px; margin: 0 !important; border-collapse: collapse; background: #fff; } .qv-estimate-table th { padding: 16px 18px; color: #fff; background: var(--qv-green); text-align: left; } .qv-estimate-table td { padding: 15px 18px; border-bottom: 1px solid #ece6d6; vertical-align: middle; } .qv-estimate-table tr:last-child td { border-bottom: 0; } .qv-estimate-table tbody tr:nth-child(even) { background: #fbfaf6; } .qv-target { color: var(--qv-dark); font-weight: 850; white-space: nowrap; } .qv-bar { width: 100%; height: 9px; overflow: hidden; background: #ece8dc; border-radius: 99px; } .qv-bar span { display: block; min-width: 8px; height: 100%; background: linear-gradient(90deg, var(--qv-gold), #f0cf60); border-radius: inherit; } .qv-note { padding: 17px 19px; color: #53655e; background: var(--qv-cream); border: 1px solid var(--qv-line); border-radius: 12px; font-size: 14px; line-height: 1.7; } .qv-monthly-plan { max-width: 1080px !important; margin-top: 58px !important; padding: clamp(28px, 5vw, 48px); background: var(--qv-cream); border: 1px solid var(--qv-line); border-radius: 22px; } .qv-monthly-plan h2 { margin-top: 0; } .qv-plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 25px; } .qv-plan-card { padding: 21px; background: #fff; border: 1px solid #e8e0cb; border-radius: 15px; } .qv-plan-card span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 13px; color: var(--qv-dark); background: var(--qv-gold); border-radius: 11px; font-weight: 900; } .qv-plan-card h3 { margin: 0 0 7px; font-size: 20px; } .qv-plan-card p { margin: 0; color: var(--qv-muted); font-size: 15px; line-height: 1.65; } .qv-faq details { margin-bottom: 12px; background: #fff; border: 1px solid var(--qv-line); border-radius: 13px; } .qv-faq summary { cursor: pointer; padding: 18px 20px; color: var(--qv-dark); font-weight: 800; line-height: 1.4; } .qv-faq details p { padding: 0 20px 18px; margin: 0; } .qv-final-cta { max-width: 1080px !important; margin-top: 58px !important; padding: clamp(30px, 5vw, 50px); text-align: center; color: #fff; background: radial-gradient(circle at 10% 100%, rgba(221,181,45,.22), transparent 36%), linear-gradient(145deg, var(--qv-green), var(--qv-dark)); border-radius: 22px; } .qv-final-cta h2 { margin-top: 0; color: #fff; } .qv-final-cta p { max-width: 780px; margin-left: auto; margin-right: auto; } .qv-cta-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; margin-top: 25px; } .qv-cta-buttons a { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 12px 20px; color: var(--qv-dark); background: var(--qv-gold); border: 1px solid var(--qv-gold); border-radius: 999px; font-weight: 850; text-decoration: none; } .qv-cta-buttons a:nth-child(2) { color: #fff; background: transparent; border-color: rgba(255,255,255,.55); } .qv-cta-buttons a:nth-child(3) { color: #fff; background: #1b8d69; border-color: #1b8d69; } @media (max-width: 760px) { .qv-hifz-article { font-size: 16px; line-height: 1.75; } .qv-hifz-hero { border-radius: 15px; } .qv-hifz-nav, .qv-plan-grid { grid-template-columns: 1fr; } .qv-hifz-nav a { min-height: 58px; } .qv-final-cta { border-radius: 17px; } .qv-cta-buttons { flex-direction: column; } }