.elementor-57084 .elementor-element.elementor-element-27d4f30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-57084 .elementor-element.elementor-element-27d4f30{--padding-top:40px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-57084 .elementor-element.elementor-element-27d4f30{--content-width:1040px;}}/* Start custom CSS *//* ===== How to update ===== */
.gpl-design-how-to-update .elementor-widget-html{width:100%}
.gpl-design-how-to-update .hu{font-family:Poppins,sans-serif;color:#3F3B37;display:flex;flex-direction:column;gap:28px;}
.gpl-design-how-to-update .hu a{color:#E0552A;text-decoration:none}
.gpl-design-how-to-update .hu a:hover{text-decoration:underline}
.gpl-design-how-to-update .hu b{color:#292929;font-weight:600}
.gpl-design-how-to-update .hu-hero{text-align:center;margin:0 0 6px}
.gpl-design-how-to-update .hu-hero h1{margin:0 0 14px;font-size:clamp(38px,3.5vw,50px);line-height:1.1;letter-spacing:.3px;font-weight:600;color:#252525}
.gpl-design-how-to-update .hu-hero .hu-lead{margin:0 auto 10px;font-size:24px;line-height:1.35;font-weight:500;color:#F4683B}
.gpl-design-how-to-update .hu-hero p{margin:0 auto;max-width:800px;font-size:clamp(18px,1.6vw,22px);line-height:1.65;color:#3F3B37}
.gpl-design-how-to-update .hu-r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.gpl-design-how-to-update .hu-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#FFF1EB,#FFE3D6);box-shadow:inset 0 0 0 1px rgba(244,104,59,.12);color:#F4683B}
.gpl-design-how-to-update .hu-ic-sm{width:36px;height:36px;border-radius:11px}
.gpl-design-how-to-update .hu-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.gpl-design-how-to-update .hu-choice{position:relative;display:flex;align-items:center;gap:14px;padding:24px 54px 24px 24px;background:#fff;border:1.5px solid #EFE7DF;border-radius:18px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}

.gpl-design-how-to-update .hu-choice .hu-ic{width:52px;height:52px;border-radius:15px}
.gpl-design-how-to-update .hu-choice .hu-ic svg{width:26px;height:26px}
.gpl-design-how-to-update .hu-ct{display:flex;flex-direction:column;gap:3px;min-width:0}
.gpl-design-how-to-update .hu-ct b{font-size:18px;}
.gpl-design-how-to-update .hu-ct small{font-size:15.5px;color:#8A817A;line-height:1.45}
.gpl-design-how-to-update .hu-radio{position:absolute;right:18px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;box-shadow:inset 0 0 0 2px #E0D5CA;transition:box-shadow .2s}
.gpl-design-how-to-update .hu-rec{position:absolute;top:-10px;left:18px;padding:3px 9px;border-radius:999px;background:#F4683B;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em}
.gpl-design-how-to-update #hu-auto:checked ~ .hu-choices .hu-c-auto,.gpl-design-how-to-update #hu-man:checked ~ .hu-choices .hu-c-man{border-color:#F4683B;box-shadow:0 0 0 3px rgba(244,104,59,.14),0 18px 36px -28px rgba(244,104,59,.6)}
.gpl-design-how-to-update #hu-auto:checked ~ .hu-choices .hu-c-auto .hu-radio,.gpl-design-how-to-update #hu-man:checked ~ .hu-choices .hu-c-man .hu-radio{box-shadow:inset 0 0 0 6px #F4683B}
.gpl-design-how-to-update #hu-auto:focus-visible ~ .hu-choices .hu-c-auto,.gpl-design-how-to-update #hu-man:focus-visible ~ .hu-choices .hu-c-man{outline:2px solid #F4683B;outline-offset:3px}
.gpl-design-how-to-update .hu-p{display:none;flex-direction:column;gap:14px}
.gpl-design-how-to-update #hu-auto:checked ~ .hu-panels .hu-p-auto,.gpl-design-how-to-update #hu-man:checked ~ .hu-panels .hu-p-man{display:flex;animation:huIn .3s ease}
@keyframes huIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.gpl-design-how-to-update .hu-card{background:#fff;border:1px solid #EFE7DF;border-radius:20px;padding:30px 32px;}
.gpl-design-how-to-update .hu-card h2{margin:0 0 4px;font-size:28px;font-weight:600;color:#252525}
.gpl-design-how-to-update .hu-intro{margin:0 0 16px;font-size:16px;color:#8A817A}
.gpl-design-how-to-update .hu-steps{list-style:none;margin:0;padding:0}
.gpl-design-how-to-update .hu-steps li{position:relative;display:flex;gap:14px;padding:0 0 18px}
.gpl-design-how-to-update .hu-steps li:last-child{padding-bottom:4px}
.gpl-design-how-to-update .hu-steps li:not(:last-child)::before{content:"";position:absolute;left:21px;top:50px;bottom:4px;width:2px;background:repeating-linear-gradient(#EAD6CB 0 5px,transparent 5px 10px)}
.gpl-design-how-to-update .hu-steps li>div{flex:1;min-width:0;padding-top:3px}
.gpl-design-how-to-update .hu-steps h3{margin:0 0 4px;font-size:18px;line-height:1.4;font-weight:600;color:#292929}
.gpl-design-how-to-update .hu-steps h3 em{font-style:normal;color:#F4683B}
.gpl-design-how-to-update .hu-steps p{margin:0;font-size:16px;line-height:1.65;color:#5E574F}
.gpl-design-how-to-update .hu-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px;padding-top:18px;border-top:1px solid #F3EEE8}
.gpl-design-how-to-update .hu-perk{display:flex;gap:10px;align-items:flex-start}
.gpl-design-how-to-update .hu-perk div{display:flex;flex-direction:column;gap:2px;min-width:0}
.gpl-design-how-to-update .hu-perk b{font-size:16px;}
.gpl-design-how-to-update .hu-perk small{font-size:15px;line-height:1.5;color:#8A817A}
.gpl-design-how-to-update .hu-more{margin:16px 0 0;font-size:16px;font-weight:500}
.gpl-design-how-to-update .hu-warn{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:#FFF8F4;box-shadow:inset 0 0 0 1px #F3E1D7}
.gpl-design-how-to-update .hu-warn-ic{flex:none;color:#E0552A;margin-top:1px}
.gpl-design-how-to-update .hu-warn p{margin:0;font-size:15px;line-height:1.6;color:#5E574F}
.gpl-design-how-to-update .hu .hu-upsell{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#FFF1EB,#FFE7DC);box-shadow:inset 0 0 0 1px rgba(244,104,59,.16);color:#3F3B37;text-decoration:none;transition:transform .2s,box-shadow .2s}
.gpl-design-how-to-update .hu .hu-upsell:hover{transform:translateY(-2px);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(244,104,59,.3),0 16px 30px -22px rgba(244,104,59,.7)}
.gpl-design-how-to-update .hu-upsell .hu-ic{background:#fff}
.gpl-design-how-to-update .hu-upsell>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.gpl-design-how-to-update .hu-upsell small{font-size:15px;color:#6A625B}
.gpl-design-how-to-update .hu-upsell-go{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#F4683B;color:#fff}
.gpl-design-how-to-update .hu-q{border-bottom:1px solid #F3EEE8}
.gpl-design-how-to-update .hu-q:last-child{border-bottom:0}
.gpl-design-how-to-update .hu-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;cursor:pointer;font-size:17px;font-weight:500;color:#292929;line-height:1.45}
.gpl-design-how-to-update .hu-q:last-child summary{padding-bottom:4px}
.gpl-design-how-to-update .hu-q[open]:last-child summary{padding-bottom:14px}
.gpl-design-how-to-update .hu-q summary::-webkit-details-marker{display:none}
.gpl-design-how-to-update .hu-q summary:hover{color:#E0552A}
.gpl-design-how-to-update .hu-tg{width:24px;height:24px;flex:none;border-radius:50%;background:#F5F0EA;position:relative;transition:background .2s}
.gpl-design-how-to-update .hu-tg::before,.gpl-design-how-to-update .hu-tg::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:#8A817A;border-radius:2px;transition:transform .25s,background .2s}
.gpl-design-how-to-update .hu-tg::after{transform:rotate(90deg)}
.gpl-design-how-to-update .hu-q[open] .hu-tg{background:#F4683B}
.gpl-design-how-to-update .hu-q[open] .hu-tg::before,.gpl-design-how-to-update .hu-q[open] .hu-tg::after{background:#fff}
.gpl-design-how-to-update .hu-q[open] .hu-tg::after{transform:rotate(0)}
.gpl-design-how-to-update .hu-a{padding:0 36px 14px 0;font-size:16px;line-height:1.65;color:#5E574F}
.gpl-design-how-to-update .hu-a p{margin:0}
.gpl-design-how-to-update .hu-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 28px;border-radius:20px;background:radial-gradient(600px 300px at 50% 0%,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#F4683B,#E2532A);color:#FFE9E0}
.gpl-design-how-to-update .hu-cta b{display:block;font-size:22px;font-weight:600;color:#fff;margin-bottom:4px}
.gpl-design-how-to-update .hu-cta span{font-size:16px;color:#FFD9CB}
.gpl-design-how-to-update .hu-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.gpl-design-how-to-update .hu .hu-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;border:2px solid transparent;background:#fff;color:#E0552A;font-size:14.5px;font-weight:600;line-height:1;box-shadow:0 14px 30px -12px rgba(0,0,0,.35);transition:transform .2s}
.gpl-design-how-to-update .hu .hu-btn:hover{transform:translateY(-2px);text-decoration:none}
.gpl-design-how-to-update .hu .hu-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.gpl-design-how-to-update .hu .hu-btn-ghost:hover{background:rgba(255,255,255,.1);transform:none}
@media(max-width:767px){ .gpl-design-how-to-update .hu-hero h1{font-size:clamp(38px,3.5vw,50px);} .gpl-design-how-to-update .hu-hero .hu-lead{font-size:19px} .gpl-design-how-to-update .hu-hero p{font-size:clamp(18px,1.6vw,22px);}
 .gpl-design-how-to-update .hu-choices{grid-template-columns:minmax(0,1fr);gap:24px;} .gpl-design-how-to-update .hu-card{padding:30px 32px;} .gpl-design-how-to-update .hu-perks{grid-template-columns:minmax(0,1fr)}
 .gpl-design-how-to-update .hu-a{padding-right:0} .gpl-design-how-to-update .hu-cta{padding:22px 20px} .gpl-design-how-to-update .hu-cta-btns,.gpl-design-how-to-update .hu .hu-btn{width:100%} }
@media (prefers-reduced-motion:reduce){ .gpl-design-how-to-update .hu-p{animation:none!important} }

@media(max-width:767px){.gpl-design-how-to-update .hu-card{padding:24px 20px}.gpl-design-how-to-update .hu-card h2{font-size:24px}.gpl-design-how-to-update .hu-ct b,.gpl-design-how-to-update .hu-steps h3{font-size:17px}.gpl-design-how-to-update .hu-q summary{font-size:16px}.gpl-design-how-to-update .hu-choice{padding:20px 50px 20px 18px}}/* End custom CSS */