@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Hanken+Grotesk:wght@400;500&display=swap";.banner-box{--vp-green: #88c351;--vp-green-hover: #79b143;--vp-green-active: #6a9c3a;--vp-graphite: #2b2f33;--vp-ease: cubic-bezier(0.16, 1, 0.3, 1);position:relative;background-color:var(--vp-graphite);font-family:"Hanken Grotesk",system-ui,sans-serif;isolation:isolate}.banner-box::before{content:"";position:absolute;inset:0;background:rgba(20,28,36,.55);z-index:-1}.banner-box .button-container .close,.banner-box .button-container .toggle,.banner-box .button-container .close svg,.banner-box .button-container .toggle svg,.banner-box .button-container .d-button-label{color:rgba(255,255,255,.7) !important}.banner-box .button-container .close:hover svg,.banner-box .button-container .toggle:hover svg,.banner-box .button-container .close:hover .d-button-label,.banner-box .button-container .toggle:hover .d-button-label{color:#fff !important}.banner-box .container{max-width:1240px !important;padding:56px 24px 40px}.banner-box .section-header{padding-bottom:32px}.banner-box .section-header .vp-eyebrow{margin:0 0 12px;text-align:center;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-green)}.banner-box .section-header .x-title{padding:0 24px;font-family:"Montserrat",sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.15;letter-spacing:-0.02em;color:#fff}.banner-box .section-header .x-title::after{content:"";display:block;width:64px;height:4px;margin:20px auto 0;border-radius:2px;background:var(--vp-green)}.banner-box .section-header .colored-line{display:none}.banner-box .section-header .description p{padding:16px 16px 0;font-size:18px;line-height:1.5;color:rgba(255,255,255,.85)}.banner-box .row{gap:20px}.banner-box .row .single-box{display:flex;flex-direction:column;padding:28px 24px;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;transition:border-color 200ms var(--vp-ease),background-color 200ms var(--vp-ease)}.banner-box .row .single-box:hover{background:rgba(255,255,255,.09);border-color:rgba(136,195,81,.6)}.banner-box .row .single-box>div:last-child{display:flex;flex-direction:column;flex:1}.banner-box .row .single-box .icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;border-radius:10px;background:rgba(136,195,81,.16);color:var(--vp-green)}.banner-box .row .single-box .icon .d-icon{width:22px;height:22px;color:var(--vp-green);fill:var(--vp-green)}.banner-box .row .single-box h3{margin:0 0 8px;text-align:left;font-family:"Montserrat",sans-serif;font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff}.banner-box .row .single-box p{text-align:left;margin:0 0 24px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.8)}.banner-box .row .single-box br{display:none}.banner-box .vp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.banner-box .vp-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:6px;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color 200ms var(--vp-ease),color 200ms var(--vp-ease),border-color 200ms var(--vp-ease)}.banner-box .vp-btn:focus-visible{outline:3px solid rgba(136,195,81,.5);outline-offset:2px}.banner-box .vp-btn--primary{background:var(--vp-green);color:#1d2a12 !important}.banner-box .vp-btn--primary:hover{background:var(--vp-green-hover)}.banner-box .vp-btn--primary:active{background:var(--vp-green-active)}.banner-box .vp-btn--ghost{border:1px solid rgba(255,255,255,.45);color:#fff !important}.banner-box .vp-btn--ghost:hover{border-color:var(--vp-green);color:var(--vp-green) !important}@media screen and (max-width: 1024px){.banner-box .row{flex-wrap:wrap}.banner-box .row .single-box{flex:1 1 calc(50% - 20px) !important;width:auto !important}}@media screen and (max-width: 736px){.banner-box .container{padding:40px 16px 28px}.banner-box .row{display:flex !important;flex-direction:column;gap:12px}.banner-box .row .single-box{width:100% !important;padding:20px}}
/*# sourceMappingURL=common_theme_18_2e89b8e25faecfb673f78105881cef25d33742c3.css.map?__ws=forums.vitalpbx.org */