@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");#personas{background:#fff;font-family:Poppins,sans-serif;padding:80px 0}#personas .container{margin:0 auto;max-width:1200px}#personas .section-head{margin:0 auto 48px;max-width:850px;text-align:center}#personas .section-title{color:#2f4563;margin:0 0 12px}#personas .section-head>div{color:#2f4563;line-height:1.5;margin:0}#personas .persona-card{background:#fff;border:1px solid #edf0f3;border-radius:18px;box-shadow:0 8px 30px rgba(47,69,99,.06);display:grid;grid-template-columns:285px 1fr;overflow:hidden}#personas .persona-nav{background:#fff;border-right:1px solid #edf0f3;padding:55px 25px}#personas .persona-nav h3{align-items:center;color:#2f4563;display:flex;font-size:18px;font-weight:700;gap:10px;line-height:1.3;margin:0 0 22px}#personas .persona-nav h3 svg{fill:#69c3cc;height:20px;width:20px}#personas .persona-tabs{display:flex;flex-direction:column;gap:6px}#personas .persona-tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:#2f4563;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:13px;line-height:1.4;min-height:52px;padding:12px 16px;text-align:left;transition:background-color .25s ease,border-color .25s ease,color .25s ease;width:100%}#personas .persona-tab svg{fill:#9ca3af;flex:0 0 18px;height:18px;transition:fill .25s ease;width:18px}#personas .persona-tab:hover{background:#f8fafc;color:#2f4563}#personas .persona-tab:hover svg{fill:#69c3cc}#personas .persona-tab.active{background:#fff;border-color:#69c3cc;box-shadow:0 2px 8px rgba(105,195,204,.08);color:#2f4563}#personas .persona-tab.active svg{fill:#69c3cc}#personas .persona-panels{background:#f8fafc;min-width:0}#personas .persona-content{display:none;padding:42px 40px}#personas .persona-content.active{display:block}#personas .persona-icon{align-items:center;background:#fff;border:1px solid #e7edf2;border-radius:50%;color:#69c3cc;display:flex;height:50px;justify-content:center;margin-bottom:20px;width:50px}#personas .persona-icon svg{fill:#69c3cc;height:24px;width:24px}#personas .persona-content h3{color:#2f4563;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 14px}#personas .persona-description{color:#2f4563;font-size:15px;line-height:1.55;margin-bottom:22px}#personas .persona-check-list{color:#2f4563;font-size:15px;line-height:1.6;margin:0 0 26px}#personas .persona-check-list ul{list-style:none;margin:0;padding:0}#personas .persona-check-list li{color:#2f4563;margin:0 0 9px;padding-left:24px;position:relative}#personas .persona-check-list li:before{align-items:center;background:transparent;color:#69c3cc;content:"\f00c";display:flex;font-family:Font Awesome\ 6 Free;font-size:13px;font-weight:900;height:15px;justify-content:center;left:0;position:absolute;top:3px;width:15px}#personas .persona-button-wrapper{margin-top:4px}#personas .persona-content .btn{align-items:center;background:#2f4563;border:1px solid #2f4563;border-radius:24px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:9px;justify-content:center;line-height:1.3;padding:11px 20px;text-decoration:none;text-transform:uppercase;transition:all .25s ease}#personas .persona-content .btn:hover{background:#69c3cc;border-color:#69c3cc;color:#fff}#personas .persona-content .btn i{font-size:11px}@media (max-width:991px){#personas{padding:60px 0}#personas .persona-card{grid-template-columns:260px 1fr}#personas .persona-nav{padding:40px 20px}#personas .persona-content{padding:35px 30px}#personas .persona-content h3{font-size:21px}}@media (max-width:767px){#personas{padding:50px 0}#personas .section-head{margin-bottom:30px}#personas .persona-card{display:block}#personas .persona-nav{border-bottom:1px solid #edf0f3;border-right:0;padding:25px 20px}#personas .persona-tabs{gap:6px}#personas .persona-tab{min-height:48px;padding:11px 14px}#personas .persona-content{padding:30px 22px}#personas .persona-content h3{font-size:21px}}@media (max-width:480px){#personas{padding:40px 0}#personas .persona-content{padding:25px 18px}#personas .persona-icon{height:46px;width:46px}#personas .persona-content h3{font-size:20px}#personas .persona-description{font-size:14px}#personas .persona-content .btn{width:100%}}