.qv-arabic-hero, .qv-arabic-hero * { box-sizing: border-box; } .qv-arabic-hero { --qv-green: #123f32; --qv-green-2: #1b5746; --qv-gold: #d9ad2f; --qv-gold-soft: #f2dfa0; --qv-sand: #f5efe2; --qv-muted: #64736d; position: relative; overflow: hidden; padding: 88px 24px; background: radial-gradient(circle at 90% 12%, rgba(217,173,47,.14), transparent 30%), radial-gradient(circle at 8% 88%, rgba(18,63,50,.07), transparent 25%), linear-gradient(135deg, #ffffff 0%, #fbf8f0 100%); font-family: Arial, sans-serif; } .qv-arabic-hero__inner { width: min(1180px, 100%); margin: 0 auto; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; } .qv-arabic-hero__content { position: relative; z-index: 2; animation: qvArabicFadeLeft .75s ease both; } .qv-arabic-hero__eyebrow { display: inline-block; margin-bottom: 18px; color: #a77d17; font-size: 12px; font-weight: 800; letter-spacing: .13em; } .qv-arabic-hero h1 { max-width: 760px; margin: 0 0 22px; color: var(--qv-green); font-size: clamp(42px, 5vw, 66px); line-height: 1.04; letter-spacing: -.035em; font-weight: 800; } .qv-arabic-hero__lead { max-width: 710px; margin: 0; color: var(--qv-muted); font-size: 17px; line-height: 1.8; } .qv-arabic-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; } .qv-arabic-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 51px; padding: 0 23px; border-radius: 9px; text-decoration: none !important; font-size: 14px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; } .qv-arabic-btn:hover { transform: translateY(-2px); } .qv-arabic-btn--gold { background: var(--qv-gold); color: #ffffff !important; box-shadow: 0 9px 24px rgba(217,173,47,.24); } .qv-arabic-btn--outline { border: 1px solid rgba(18,63,50,.22); background: rgba(255,255,255,.76); color: var(--qv-green) !important; } .qv-arabic-hero__trust { margin-top: 39px; padding-top: 25px; border-top: 1px solid rgba(18,63,50,.11); display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; } .qv-arabic-trust strong, .qv-arabic-trust span { display: block; } .qv-arabic-trust strong { margin-bottom: 5px; color: var(--qv-green); font-size: 14px; } .qv-arabic-trust span { color: #7b8883; font-size: 11px; line-height: 1.45; } .qv-arabic-hero__visual { position: relative; min-height: 530px; display: flex; align-items: center; justify-content: center; animation: qvArabicFadeRight .85s ease both; } .qv-arabic-card { position: relative; z-index: 3; width: min(450px, 90%); padding: 43px 40px 38px; border-radius: 25px; background: linear-gradient(145deg, rgba(29,84,67,.99), rgba(15,55,43,.99)); color: #ffffff; box-shadow: 0 32px 60px rgba(18,63,50,.18), inset 0 1px 0 rgba(255,255,255,.12); } .qv-arabic-card::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(239,214,128,.18); border-radius: 18px; pointer-events: none; } .qv-arabic-card__small { position: relative; z-index: 2; display: block; color: var(--qv-gold-soft); font-size: 10px; font-weight: 800; letter-spacing: .16em; } .qv-arabic-word { position: relative; z-index: 2; margin: 29px 0 18px; color: #efd372; font-size: 54px; line-height: 1.2; font-family: Arial, sans-serif; font-weight: 700; direction: rtl; } .qv-arabic-card h2 { position: relative; z-index: 2; margin: 0 0 12px; color: #ffffff; font-size: 29px; line-height: 1.2; } .qv-arabic-card p { position: relative; z-index: 2; margin: 0; color: rgba(255,255,255,.73); font-size: 14px; line-height: 1.7; } .qv-arabic-levels { position: relative; z-index: 2; margin-top: 29px; display: grid; gap: 9px; } .qv-arabic-levels div { padding: 13px 14px; border: 1px solid rgba(255,255,255,.10); border-radius: 10px; background: rgba(255,255,255,.045); } .qv-arabic-levels span, .qv-arabic-levels strong { display: block; } .qv-arabic-levels span { margin-bottom: 5px; color: #e1bd53; font-size: 9px; font-weight: 800; letter-spacing: .08em; } .qv-arabic-levels strong { color: #ffffff; font-size: 12px; } .qv-arabic-orb { position: absolute; border-radius: 50%; } .qv-arabic-orb--one { width: 340px; height: 340px; right: -20px; top: 45px; background: rgba(217,173,47,.10); } .qv-arabic-orb--two { width: 245px; height: 245px; left: 0; bottom: 18px; background: rgba(18,63,50,.07); } .qv-arabic-floating { position: absolute; z-index: 4; padding: 12px 16px; border: 1px solid rgba(18,63,50,.08); border-radius: 9px; background: rgba(255,255,255,.95); color: var(--qv-green); box-shadow: 0 13px 30px rgba(18,63,50,.10); font-size: 11px; font-weight: 800; animation: qvArabicFloat 4.8s ease-in-out infinite; } .qv-arabic-floating--top { top: 82px; left: -10px; } .qv-arabic-floating--bottom { right: -5px; bottom: 80px; animation-delay: .8s; } .qv-arabic-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--qv-gold); } @keyframes qvArabicFadeLeft { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: translateX(0); } } @keyframes qvArabicFadeRight { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } } @keyframes qvArabicFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } @media (prefers-reduced-motion: reduce) { .qv-arabic-hero__content, .qv-arabic-hero__visual, .qv-arabic-floating { animation: none; } } @media (max-width: 980px) { .qv-arabic-hero { padding: 68px 22px; } .qv-arabic-hero__inner { grid-template-columns: 1fr; gap: 45px; } .qv-arabic-hero__content { text-align: center; } .qv-arabic-hero__lead { margin-left: auto; margin-right: auto; } .qv-arabic-hero__actions { justify-content: center; } .qv-arabic-hero__trust { max-width: 700px; margin-left: auto; margin-right: auto; } .qv-arabic-hero__visual { min-height: 510px; } } @media (max-width: 620px) { .qv-arabic-hero { padding: 52px 17px; } .qv-arabic-hero h1 { font-size: 38px; } .qv-arabic-hero__lead { font-size: 15px; } .qv-arabic-hero__actions { display: grid; } .qv-arabic-btn { width: 100%; } .qv-arabic-hero__trust { grid-template-columns: 1fr 1fr; gap: 17px; } .qv-arabic-hero__visual { min-height: 475px; } .qv-arabic-card { width: 100%; padding: 36px 27px 31px; } .qv-arabic-word { font-size: 44px; } .qv-arabic-card h2 { font-size: 25px; } .qv-arabic-floating--top { top: 8px; left: 3px; } .qv-arabic-floating--bottom { right: 3px; bottom: 1px; } } .qv-arabic-levels, .qv-arabic-levels * { box-sizing: border-box; } .qv-arabic-levels { padding: 90px 24px; background: #ffffff; } .qv-arabic-header { max-width: 850px; margin: auto; text-align: center; } .qv-arabic-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.4px; color: #b18820; } .qv-arabic-header h2 { margin: 15px 0; font-size: 42px; line-height: 1.15; color: #123f32; } .qv-arabic-header p { color: #64736d; font-size: 16px; line-height: 1.8; } .qv-arabic-grid { max-width: 1180px; margin: 55px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .qv-arabic-card { padding: 34px 28px; border: 1px solid #dce6df; border-radius: 18px; background: #ffffff; transition: .3s; } .qv-arabic-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.08); } .qv-number { font-size: 12px; font-weight: 800; color: #d9a22f; margin-bottom: 18px; } .qv-arabic-card h3 { font-size: 23px; line-height: 1.3; color: #123f32; margin-bottom: 15px; } .qv-arabic-card p { color: #64736d; font-size: 15px; line-height: 1.7; } .qv-arabic-card ul { padding-left: 18px; margin-top: 20px; color: #42535d; font-size: 14px; line-height: 2; } .qv-arabic-course-link { color: #123f32 !important; font-weight: 700; text-decoration: underline !important; text-decoration-color: #d9a22f !important; text-underline-offset: 3px; } .qv-arabic-course-link:hover, .qv-arabic-course-link:focus-visible { color: #a77d17 !important; } .qv-arabic-note { max-width: 1180px; margin: 35px auto 0; padding: 22px 28px; border-radius: 12px; background: #edf5f1; display: flex; justify-content: space-between; align-items: center; gap: 20px; } .qv-arabic-note strong { display: block; color: #123f32; font-size: 15px; } .qv-arabic-note span { display: block; color: #64736d; font-size: 14px; margin-top: 8px; } .qv-arabic-btn { background: #123f32; color: white !important; padding: 14px 25px; border-radius: 8px; text-decoration: none !important; font-weight: 700; font-size: 14px; white-space: nowrap; } .qv-arabic-btn:hover { background: #d9a22f; color: white !important; } @media (max-width: 900px) { .qv-arabic-grid { grid-template-columns: 1fr; } .qv-arabic-header h2 { font-size: 32px; } .qv-arabic-note { flex-direction: column; align-items: flex-start; } } .qv-arabic-why, .qv-arabic-why * { box-sizing: border-box; } .qv-arabic-why { --qv-green: #123f32; --qv-green-2: #1b5746; --qv-gold: #d9ad2f; --qv-muted: #64736d; --qv-line: #dce7e1; --qv-soft: #f7faf8; padding: 90px 24px; background: linear-gradient(180deg, #f8faf9 0%, #ffffff 100%); font-family: Arial, sans-serif; } .qv-arabic-why__inner { width: min(1160px, 100%); margin: 0 auto; } .qv-arabic-why__header { max-width: 830px; margin: 0 auto 47px; text-align: center; } .qv-arabic-why__eyebrow { display: inline-block; margin-bottom: 13px; color: #a77d17; font-size: 11px; font-weight: 800; letter-spacing: .14em; } .qv-arabic-why__header h2 { margin: 0 0 17px; color: var(--qv-green); font-size: clamp(33px, 4.2vw, 48px); line-height: 1.12; letter-spacing: -.025em; } .qv-arabic-why__header p { margin: 0; color: var(--qv-muted); font-size: 16px; line-height: 1.8; } .qv-arabic-why__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; } .qv-arabic-why-card { position: relative; padding: 29px 29px 28px 82px; border: 1px solid var(--qv-line); border-radius: 16px; background: #ffffff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .qv-arabic-why-card:hover { transform: translateY(-4px); border-color: rgba(217,173,47,.45); box-shadow: 0 16px 34px rgba(18,63,50,.07); } .qv-arabic-why-card__number { position: absolute; top: 28px; left: 26px; width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--qv-green); color: #ffffff; font-size: 11px; font-weight: 800; } .qv-arabic-why-card h3 { margin: 0 0 10px; color: var(--qv-green); font-size: 20px; line-height: 1.35; } .qv-arabic-why-card p { margin: 0; color: var(--qv-muted); font-size: 14px; line-height: 1.72; } .qv-arabic-why__highlight { margin-top: 32px; padding: 31px 34px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 18px; background: linear-gradient(135deg, var(--qv-green), #174c3d); box-shadow: 0 18px 42px rgba(18,63,50,.12); } .qv-arabic-why__highlight > div { max-width: 760px; } .qv-arabic-why__small { display: block; margin-bottom: 8px; color: #ead079; font-size: 10px; font-weight: 800; letter-spacing: .13em; } .qv-arabic-why__highlight strong { display: block; margin-bottom: 9px; color: #ffffff; font-size: 22px; line-height: 1.35; } .qv-arabic-why__highlight p { margin: 0; color: rgba(255,255,255,.73); font-size: 14px; line-height: 1.7; } .qv-arabic-why__button { flex: 0 0 auto; display: inline-flex; min-height: 49px; padding: 0 21px; align-items: center; justify-content: center; border-radius: 8px; background: var(--qv-gold); color: #ffffff !important; text-decoration: none !important; font-size: 13px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; } .qv-arabic-why__button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(217,173,47,.22); } @media (max-width: 820px) { .qv-arabic-why { padding: 70px 20px; } .qv-arabic-why__grid { grid-template-columns: 1fr; } .qv-arabic-why__highlight { display: block; } .qv-arabic-why__button { margin-top: 20px; } } @media (max-width: 560px) { .qv-arabic-why { padding: 55px 17px; } .qv-arabic-why-card { padding: 72px 23px 24px; } .qv-arabic-why-card__number { top: 22px; left: 23px; } .qv-arabic-why__highlight { padding: 27px 23px; } .qv-arabic-why__button { width: 100%; } } .qv-arabic-teachers, .qv-arabic-teachers * { box-sizing: border-box; } .qv-arabic-teachers { --qv-green: #123f32; --qv-gold: #d9ad2f; --qv-muted: #65746e; --qv-line: #dce7e1; --qv-soft: #f7faf8; padding: 90px 24px; background: #ffffff; font-family: Arial, sans-serif; } .qv-arabic-teachers__inner { width: min(1080px, 100%); margin: 0 auto; } .qv-arabic-teachers__header { max-width: 800px; margin: 0 auto 46px; text-align: center; } .qv-arabic-teachers__eyebrow { display: inline-block; margin-bottom: 12px; color: #a77d17; font-size: 11px; font-weight: 800; letter-spacing: .14em; } .qv-arabic-teachers__header h2 { margin: 0 0 17px; color: var(--qv-green); font-size: clamp(33px, 4.2vw, 48px); line-height: 1.12; letter-spacing: -.025em; } .qv-arabic-teachers__header p { margin: 0; color: var(--qv-muted); font-size: 16px; line-height: 1.8; } .qv-arabic-teachers__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .qv-arabic-teacher-card { position: relative; padding: 34px; border: 1px solid var(--qv-line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%); box-shadow: 0 12px 32px rgba(18,63,50,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .qv-arabic-teacher-card:hover { transform: translateY(-5px); border-color: rgba(217,173,47,.45); box-shadow: 0 18px 42px rgba(18,63,50,.09); } .qv-arabic-teacher-card__badge { display: inline-block; margin-bottom: 23px; padding: 7px 11px; border-radius: 20px; background: #f5edd6; color: #8a6814; font-size: 9px; font-weight: 800; letter-spacing: .1em; } .qv-arabic-teacher-card__icon { width: 58px; height: 58px; margin-bottom: 19px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--qv-green); color: #ffffff; font-family: Georgia, serif; font-size: 25px; font-weight: 700; } .qv-arabic-teacher-card h3 { margin: 0 0 5px; font-size: 25px; line-height: 1.3; } .qv-arabic-teacher-card h3 a { color: var(--qv-green) !important; text-decoration: none !important; } .qv-arabic-teacher-card h3 a:hover { color: #a77d17 !important; } .qv-arabic-teacher-card__role { display: block; margin-bottom: 16px; color: #a77d17; font-size: 12px; font-weight: 800; } .qv-arabic-teacher-card p { margin: 0 0 21px; color: var(--qv-muted); font-size: 14px; line-height: 1.75; } .qv-arabic-teacher-card__points { display: grid; gap: 8px; margin-bottom: 25px; } .qv-arabic-teacher-card__points span { position: relative; padding-left: 22px; color: #52655d; font-size: 13px; line-height: 1.5; } .qv-arabic-teacher-card__points span::before { content: "✓"; position: absolute; left: 0; color: var(--qv-gold); font-weight: 800; } .qv-arabic-teacher-card__button { display: inline-flex; min-height: 45px; padding: 0 18px; align-items: center; justify-content: center; border: 1px solid var(--qv-green); border-radius: 8px; background: #ffffff; color: var(--qv-green) !important; text-decoration: none !important; font-size: 12px; font-weight: 800; transition: background-color .2s ease, color .2s ease, transform .2s ease; } .qv-arabic-teacher-card__button:hover { transform: translateY(-2px); background: var(--qv-green); color: #ffffff !important; } .qv-arabic-teachers__note { margin-top: 30px; padding: 23px 27px; border-radius: 13px; background: var(--qv-soft); border-left: 4px solid var(--qv-gold); } .qv-arabic-teachers__note strong, .qv-arabic-teachers__note span { display: block; } .qv-arabic-teachers__note strong { margin-bottom: 6px; color: var(--qv-green); font-size: 16px; } .qv-arabic-teachers__note span { color: var(--qv-muted); font-size: 13px; line-height: 1.7; } @media (max-width: 780px) { .qv-arabic-teachers { padding: 70px 20px; } .qv-arabic-teachers__grid { grid-template-columns: 1fr; } } @media (max-width: 560px) { .qv-arabic-teachers { padding: 55px 17px; } .qv-arabic-teacher-card { padding: 27px 22px; } } .qv-arabic-plans, .qv-arabic-plans * { box-sizing: border-box; } .qv-arabic-plans { --qv-green: #123f32; --qv-green-2: #1b5746; --qv-gold: #d9ad2f; --qv-muted: #65746e; --qv-line: #dce7e1; padding: 90px 24px; background: #ffffff; font-family: Arial, sans-serif; scroll-margin-top: 100px; } .qv-arabic-plans__inner { width: min(1080px, 100%); margin: 0 auto; } .qv-arabic-plans__header { max-width: 790px; margin: 0 auto 46px; text-align: center; } .qv-arabic-plans__eyebrow { display: inline-block; margin-bottom: 13px; color: #a77d17; font-size: 11px; font-weight: 800; letter-spacing: .14em; } .qv-arabic-plans__header h2 { margin: 0 0 17px; color: var(--qv-green); font-size: clamp(33px, 4.2vw, 48px); line-height: 1.12; letter-spacing: -.025em; } .qv-arabic-plans__header p { margin: 0; color: var(--qv-muted); font-size: 16px; line-height: 1.8; } .qv-arabic-plans__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .qv-arabic-plan-card { position: relative; padding: 33px; border: 1px solid var(--qv-line); border-radius: 18px; background: #ffffff; box-shadow: 0 13px 34px rgba(18,63,50,.06); transition: transform .25s ease, box-shadow .25s ease; } .qv-arabic-plan-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(18,63,50,.10); } .qv-arabic-plan-card--featured { border-color: rgba(217,173,47,.65); background: linear-gradient(180deg, #ffffff 0%, #fffdf7 100%); } .qv-arabic-plan-card__best { position: absolute; top: -13px; right: 24px; padding: 7px 12px; border-radius: 20px; background: var(--qv-gold); color: #ffffff; font-size: 9px; font-weight: 800; letter-spacing: .08em; } .qv-arabic-plan-card__top { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 22px; } .qv-arabic-plan-card__label { color: #a77d17; font-size: 10px; font-weight: 800; letter-spacing: .12em; } .qv-arabic-plan-card__duration { padding: 6px 10px; border-radius: 7px; background: #edf4f1; color: var(--qv-green); font-size: 10px; font-weight: 700; } .qv-arabic-plan-card h3 { margin: 0 0 12px; color: var(--qv-green); font-size: 25px; line-height: 1.3; } .qv-arabic-plan-card__description { min-height: 74px; margin: 0; color: var(--qv-muted); font-size: 14px; line-height: 1.7; } .qv-arabic-plan-card__price { display: flex; align-items: baseline; margin: 26px 0; } .qv-arabic-plan-card__currency { margin-right: 3px; color: var(--qv-gold); font-size: 20px; font-weight: 800; } .qv-arabic-plan-card__price strong { color: var(--qv-green); font-size: 49px; line-height: 1; } .qv-arabic-plan-card__period { margin-left: 8px; color: #78857f; font-size: 12px; } .qv-arabic-plan-card__features { margin: 0 0 29px; padding: 0; list-style: none; } .qv-arabic-plan-card__features li { position: relative; padding: 10px 0 10px 25px; border-bottom: 1px solid #eef2f0; color: #53675f; font-size: 13px; line-height: 1.5; } .qv-arabic-plan-card__features li::before { content: "✓"; position: absolute; left: 0; color: var(--qv-gold); font-weight: 800; } .qv-arabic-plan-card__button { display: flex; width: 100%; min-height: 51px; align-items: center; justify-content: center; border-radius: 9px; text-decoration: none !important; font-size: 13px; font-weight: 800; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; } .qv-arabic-plan-card__button:hover { transform: translateY(-2px); } .qv-arabic-plan-card__button--outline { border: 1px solid var(--qv-green); background: #ffffff; color: var(--qv-green) !important; } .qv-arabic-plan-card__button--outline:hover { background: #f5f9f7; } .qv-arabic-plan-card__button--gold { background: var(--qv-gold); color: #ffffff !important; box-shadow: 0 9px 24px rgba(217,173,47,.18); } .qv-arabic-plans__trial { margin-top: 29px; padding: 24px 27px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-radius: 14px; background: var(--qv-green); } .qv-arabic-plans__trial strong, .qv-arabic-plans__trial span { display: block; } .qv-arabic-plans__trial strong { margin-bottom: 5px; color: #ffffff; font-size: 17px; } .qv-arabic-plans__trial span { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.6; } .qv-arabic-plans__trial a { flex: 0 0 auto; display: inline-flex; min-height: 46px; padding: 0 18px; align-items: center; justify-content: center; border-radius: 8px; background: var(--qv-gold); color: #ffffff !important; text-decoration: none !important; font-size: 12px; font-weight: 800; } @media (max-width: 800px) { .qv-arabic-plans { padding: 70px 20px; } .qv-arabic-plans__grid { grid-template-columns: 1fr; } .qv-arabic-plan-card__description { min-height: auto; } } @media (max-width: 580px) { .qv-arabic-plans { padding: 55px 17px; } .qv-arabic-plan-card { padding: 27px 22px; } .qv-arabic-plans__trial { display: block; } .qv-arabic-plans__trial a { width: 100%; margin-top: 17px; } } .qv-arabic-faq, .qv-arabic-faq * { box-sizing: border-box; } .qv-arabic-faq { --qv-green: #123f32; --qv-gold: #d9ad2f; --qv-muted: #65746e; --qv-line: #dde7e2; --qv-soft: #f8faf9; padding: 90px 24px; background: #f8faf9; font-family: Arial, sans-serif; } .qv-arabic-faq__inner { width: min(980px, 100%); margin: 0 auto; } .qv-arabic-faq__header { max-width: 790px; margin: 0 auto 44px; text-align: center; } .qv-arabic-faq__eyebrow { display: inline-block; margin-bottom: 12px; color: #a77d17; font-size: 11px; font-weight: 800; letter-spacing: .14em; } .qv-arabic-faq__header h2 { margin: 0 0 17px; color: var(--qv-green); font-size: clamp(32px, 4vw, 47px); line-height: 1.12; letter-spacing: -.025em; } .qv-arabic-faq__header p { margin: 0; color: var(--qv-muted); font-size: 16px; line-height: 1.8; } .qv-arabic-faq__list { display: grid; gap: 12px; } .qv-arabic-faq__item { border: 1px solid var(--qv-line); border-radius: 13px; background: #ffffff; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease; } .qv-arabic-faq__item[open] { border-color: rgba(217,173,47,.45); box-shadow: 0 10px 26px rgba(18,63,50,.06); } .qv-arabic-faq__item summary { position: relative; padding: 20px 58px 20px 22px; color: var(--qv-green); font-size: 15px; line-height: 1.5; font-weight: 800; cursor: pointer; list-style: none; } .qv-arabic-faq__item summary::-webkit-details-marker { display: none; } .qv-arabic-faq__item summary::after { content: "+"; position: absolute; top: 50%; right: 21px; transform: translateY(-50%); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #edf4f1; color: var(--qv-green); font-size: 18px; font-weight: 500; } .qv-arabic-faq__item[open] summary::after { content: "−"; background: var(--qv-green); color: #ffffff; } .qv-arabic-faq__answer { padding: 0 22px 21px; } .qv-arabic-faq__answer p { margin: 0; padding-top: 17px; border-top: 1px solid rgba(18,63,50,.08); color: var(--qv-muted); font-size: 14px; line-height: 1.75; } @media (max-width: 620px) { .qv-arabic-faq { padding: 55px 17px; } .qv-arabic-faq__item summary { padding: 18px 52px 18px 18px; font-size: 14px; } .qv-arabic-faq__answer { padding: 0 18px 19px; } } .qv-arabic-final-cta, .qv-arabic-final-cta * { box-sizing: border-box; } .qv-arabic-final-cta { --qv-green: #123f32; --qv-green-light: #1a5442; --qv-gold: #d9ad2f; padding: 95px 24px; background: radial-gradient( circle at top right, rgba(217,173,47,.13), transparent 34% ), linear-gradient( 135deg, #123f32 0%, #174c3d 100% ); font-family: Arial, sans-serif; } .qv-arabic-final-cta__inner { width: min(940px, 100%); margin: 0 auto; text-align: center; } .qv-arabic-final-cta__eyebrow { display: inline-block; margin-bottom: 15px; color: #ead079; font-size: 10px; font-weight: 800; letter-spacing: .15em; } .qv-arabic-final-cta h2 { max-width: 780px; margin: 0 auto 20px; color: #ffffff; font-size: clamp(35px, 4.8vw, 53px); line-height: 1.1; letter-spacing: -.025em; } .qv-arabic-final-cta__lead { max-width: 790px; margin: 0 auto; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.8; } .qv-arabic-final-cta__trust { margin: 30px auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .qv-arabic-final-cta__trust span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 25px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.88); font-size: 11px; font-weight: 700; } .qv-arabic-final-cta__actions { margin-top: 34px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .qv-arabic-final-cta__button, .qv-arabic-final-cta__whatsapp { min-height: 50px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; text-decoration: none !important; font-size: 12px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; } .qv-arabic-final-cta__button:hover, .qv-arabic-final-cta__whatsapp:hover { transform: translateY(-2px); } .qv-arabic-final-cta__button--gold { background: var(--qv-gold); color: #ffffff !important; box-shadow: 0 10px 25px rgba(217,173,47,.20); } .qv-arabic-final-cta__button--outline { border: 1px solid rgba(255,255,255,.45); background: transparent; color: #ffffff !important; } .qv-arabic-final-cta__button--outline:hover { background: rgba(255,255,255,.08); } .qv-arabic-final-cta__whatsapp { background: #ffffff; color: var(--qv-green) !important; } .qv-arabic-final-cta__note { max-width: 680px; margin: 25px auto 0; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.65; } @media (max-width: 650px) { .qv-arabic-final-cta { padding: 65px 18px; } .qv-arabic-final-cta__actions { display: grid; grid-template-columns: 1fr; } .qv-arabic-final-cta__button, .qv-arabic-final-cta__whatsapp { width: 100%; } }