/* Life& FAQs 2.0. Every value comes from the style's CSS variables (set by the visual builder). */
.lf-faqs{--lf-faq-turn:0deg;text-align:left;position:relative}
.lf-faqs .lf-faq{margin:0 0 var(--lf-faq-gap);padding:0;background:var(--lf-faq-title-bg);border:var(--lf-faq-border-w) solid var(--lf-faq-border);border-radius:var(--lf-faq-radius);overflow:hidden;transition:border-color .2s,background-color .2s,box-shadow .2s}
.lf-faqs .lf-faq[open]{border-color:var(--lf-faq-border-open);background:var(--lf-faq-title-bg-open)}
.lf-faqs .lf-faq.lf-faq-hide{display:none}

/* Question row */
.lf-faqs .lf-faq-head{display:flex;align-items:center;gap:14px;padding:var(--lf-faq-pad-y) var(--lf-faq-pad-x);cursor:pointer;list-style:none;color:var(--lf-faq-title-color);font-size:var(--lf-faq-title-size);font-weight:var(--lf-faq-title-weight);line-height:1.4;text-decoration:none;transition:color .2s}
.lf-faqs .lf-faq-head::-webkit-details-marker{display:none}
.lf-faqs .lf-faq-head::after,.lf-faqs .lf-faq summary::after{content:none!important}
.lf-faqs .lf-faq[open]>.lf-faq-head{color:var(--lf-faq-title-open)}
.lf-faqs .lf-faq-head:focus-visible{outline:2px solid var(--lf-faq-accent);outline-offset:-2px}
.lf-faqs .lf-faq-q{flex:1 1 auto;min-width:0}
.lf-faqs .lf-faq-num{display:none;flex:0 0 auto;color:var(--lf-faq-accent);font-weight:700;font-variant-numeric:tabular-nums}
.lf-faqs .lf-faq-fi{flex:0 0 auto;display:inline-flex;color:var(--lf-faq-accent);font-size:1.15em}
.lf-faqs .lf-faq-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 8px;border-radius:999px;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;position:relative;top:-1px}

/* Toggle icon: position, shape, turn or swap */
.lf-faqs .lf-faq-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;font-size:var(--lf-faq-icon-size);color:var(--lf-faq-icon-color);transition:color .2s,background-color .2s}
.lf-faqs.lf-ico-pos--left .lf-faq-ico{order:-1}
.lf-faqs.lf-ico-pos--left .lf-faq-num{order:-2}
.lf-faqs .lf-faq[open] .lf-faq-ico{color:var(--lf-faq-icon-open)}
.lf-faqs .lf-faq-ico>span{display:inline-flex;transition:transform var(--lf-faq-duration) ease,opacity .15s}
.lf-faqs.lf-ico-turn .lf-faq[open] .lf-ico-c{transform:rotate(var(--lf-faq-turn))}
.lf-faqs.lf-ico-swap .lf-ico-o{position:absolute;opacity:0;transform:rotate(-90deg)}
.lf-faqs.lf-ico-swap .lf-faq[open] .lf-ico-c{opacity:0;transform:rotate(90deg)}
.lf-faqs.lf-ico-swap .lf-faq[open] .lf-ico-o{opacity:1;transform:none}
.lf-faqs:not(.lf-ico-shape--none) .lf-faq-ico{width:calc(var(--lf-faq-icon-size)*1.75);height:calc(var(--lf-faq-icon-size)*1.75);font-size:calc(var(--lf-faq-icon-size)*.8);background:var(--lf-faq-icon-bg)}
.lf-faqs:not(.lf-ico-shape--none) .lf-faq[open] .lf-faq-ico{background:var(--lf-faq-icon-bg-open);color:var(--lf-faq-icon-on-shape,#fff)}
.lf-faqs.lf-ico-shape--circle .lf-faq-ico{border-radius:50%}
.lf-faqs.lf-ico-shape--rounded .lf-faq-ico{border-radius:30%}
.lf-faqs.lf-ico-shape--square .lf-faq-ico{border-radius:0}
.lf-faqs .lf-faq-ico--link{transform:none!important}

/* Answer */
.lf-faqs .lf-faq-a{overflow:hidden;background:var(--lf-faq-content-bg)}
.lf-faqs .lf-faq-a-in{padding:0 var(--lf-faq-pad-x) var(--lf-faq-pad-y);color:var(--lf-faq-content-color);font-size:var(--lf-faq-content-size);font-weight:var(--lf-faq-content-weight);line-height:1.5}
.main-container .lf-faqs .lf-faq-a-in p,.lf-faqs .lf-faq-a-in p,.lf-faqs .lf-faq-a-in li{font-size:var(--lf-faq-content-size)!important;font-weight:var(--lf-faq-content-weight)!important;line-height:1.5!important;color:inherit;margin:0 0 12px}
.lf-faqs .lf-faq-a-in>*:last-child{margin-bottom:0}
.lf-faqs .lf-faq-a-in a{color:var(--lf-faq-link-color);text-decoration:underline;text-underline-offset:3px}
.lf-faqs.lf-ico-pos--left .lf-faq-a-in{padding-left:calc(var(--lf-faq-pad-x) + var(--lf-faq-icon-size) + 14px)}
.lf-faqs.lf-ico-pos--left:not(.lf-ico-shape--none) .lf-faq-a-in{padding-left:calc(var(--lf-faq-pad-x) + var(--lf-faq-icon-size)*1.75 + 14px)}

/* Layouts */
.lf-faqs--minimal .lf-faq{background:transparent!important;border-width:0 0 var(--lf-faq-border-w);border-radius:0;margin:0}
.lf-faqs--minimal .lf-faq:first-of-type{border-top-width:var(--lf-faq-border-w)}
.lf-faqs--minimal .lf-faq-head,.lf-faqs--minimal .lf-faq-a-in{padding-left:0;padding-right:0}
.lf-faqs--minimal .lf-faq-a{background:transparent}
.lf-faqs--numbered .lf-faq-num{display:inline-block}
.lf-faqs--numbered .lf-faq-a-in{padding-left:calc(var(--lf-faq-pad-x) + 2ch + 14px)}
.lf-faqs--bordered{border:var(--lf-faq-border-w) solid var(--lf-faq-border);border-radius:var(--lf-faq-radius);overflow:hidden}
.lf-faqs--bordered .lf-faq{margin:0;border-width:0 0 var(--lf-faq-border-w);border-radius:0}
.lf-faqs--bordered .lf-faq:last-of-type{border-bottom-width:0}
.lf-faqs--separated .lf-faq{border-color:transparent;box-shadow:0 6px 24px rgba(41,41,55,.08)}
.lf-faqs--separated .lf-faq[open]{box-shadow:0 10px 30px rgba(41,41,55,.12)}

/* Expand / collapse all, pagination */
.lf-faq-tools{display:flex;justify-content:flex-end;gap:16px;margin:0 0 12px}
.lf-faq-tools button,.lf-faq-pag button{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--lf-faq-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lf-faq-pag{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}
.lf-faq-pag .lf-pg{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--lf-faq-border);border-radius:999px;background:#fff;color:var(--lf-faq-title-color);text-decoration:none;font-weight:500}
.lf-faq-pag .lf-pg[aria-current="page"]{background:var(--lf-faq-accent);border-color:var(--lf-faq-accent);color:#fff}
.lf-faq-pag .lf-pg[disabled]{opacity:.4;cursor:default}
.lf-faq-pag .lf-more{padding:13px 28px;border:1px solid var(--lf-faq-accent);border-radius:999px;color:var(--lf-faq-accent);text-decoration:none;font-size:16px}
.lf-faq-pag .lf-more:hover{background:var(--lf-faq-accent);color:#fff}
.lf-faq-sentinel{height:1px}

/* 25 answer animations (play on the inner block when an answer opens) */
.lf-faqs .lf-faq-a-in.lf-play{animation-duration:var(--lf-faq-duration);animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}
.lf-play.lf-a-fade{animation-name:lf-fade}.lf-play.lf-a-fade-up{animation-name:lf-fade-up}.lf-play.lf-a-fade-down{animation-name:lf-fade-down}
.lf-play.lf-a-fade-left{animation-name:lf-fade-left}.lf-play.lf-a-fade-right{animation-name:lf-fade-right}.lf-play.lf-a-zoom-in{animation-name:lf-zoom-in}
.lf-play.lf-a-zoom-out{animation-name:lf-zoom-out}.lf-play.lf-a-flip-x{animation-name:lf-flip-x}.lf-play.lf-a-flip-y{animation-name:lf-flip-y}
.lf-play.lf-a-slide-up{animation-name:lf-slide-up}.lf-play.lf-a-slide-down{animation-name:lf-slide-down}.lf-play.lf-a-slide-left{animation-name:lf-slide-left}
.lf-play.lf-a-slide-right{animation-name:lf-slide-right}.lf-play.lf-a-blur{animation-name:lf-blur}.lf-play.lf-a-bounce{animation-name:lf-bounce}
.lf-play.lf-a-rotate{animation-name:lf-rotate}.lf-play.lf-a-swing{animation-name:lf-swing;transform-origin:top center}.lf-play.lf-a-skew{animation-name:lf-skew}
.lf-play.lf-a-roll{animation-name:lf-roll}.lf-play.lf-a-speed{animation-name:lf-speed}.lf-play.lf-a-back-up{animation-name:lf-back-up}
.lf-play.lf-a-elastic{animation-name:lf-elastic}.lf-play.lf-a-unfold{animation-name:lf-unfold;transform-origin:top center}.lf-play.lf-a-drop{animation-name:lf-drop}
@keyframes lf-fade{from{opacity:0}to{opacity:1}}
@keyframes lf-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lf-fade-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes lf-fade-left{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes lf-fade-right{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes lf-zoom-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes lf-zoom-out{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@keyframes lf-flip-x{from{opacity:0;transform:perspective(600px) rotateX(-60deg)}to{opacity:1;transform:none}}
@keyframes lf-flip-y{from{opacity:0;transform:perspective(600px) rotateY(-45deg)}to{opacity:1;transform:none}}
@keyframes lf-slide-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes lf-slide-down{from{transform:translateY(-100%)}to{transform:none}}
@keyframes lf-slide-left{from{transform:translateX(100%)}to{transform:none}}
@keyframes lf-slide-right{from{transform:translateX(-100%)}to{transform:none}}
@keyframes lf-blur{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}
@keyframes lf-bounce{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}80%{transform:scale(.99)}100%{transform:none}}
@keyframes lf-rotate{from{opacity:0;transform:rotate(-6deg) translateY(10px)}to{opacity:1;transform:none}}
@keyframes lf-swing{0%{opacity:0;transform:rotateX(-70deg)}60%{opacity:1;transform:rotateX(12deg)}100%{transform:none}}
@keyframes lf-skew{from{opacity:0;transform:skewX(-12deg) translateX(-16px)}to{opacity:1;transform:none}}
@keyframes lf-roll{from{opacity:0;transform:translateX(-30px) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes lf-speed{0%{opacity:0;transform:translateX(40%) skewX(-20deg)}60%{opacity:1;transform:skewX(8deg)}100%{transform:none}}
@keyframes lf-back-up{0%{opacity:0;transform:translateY(30px) scale(.9)}70%{opacity:1;transform:translateY(0) scale(.95)}100%{transform:none}}
@keyframes lf-elastic{0%{opacity:0;transform:scaleY(.6)}40%{opacity:1;transform:scaleY(1.06)}65%{transform:scaleY(.97)}100%{transform:none}}
@keyframes lf-unfold{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}
@keyframes lf-drop{0%{opacity:0;transform:translateY(-30px)}60%{opacity:1;transform:translateY(4px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.lf-faqs .lf-faq-a-in.lf-play{animation:none}.lf-faqs .lf-faq-ico>span{transition:none}}
