.cocards-widget{--cocards-green:#155735;--cocards-orange:#D99A3D;--cocards-cream:#FBF8F1;--cocards-text:#214C38;width:100%;font-family:inherit;color:var(--cocards-text)}
.cocards-widget *{box-sizing:border-box}
.cocards-section-header{text-align:center;margin:0 0 24px}
.cocards-section-heading{margin:0;color:var(--cocards-green);font-size:40px;line-height:1.08}
.cocards-section-subheading{margin-top:7px;color:#5f6963;font-size:16px}
.cocards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cocards-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:26px;border:1px solid var(--cocards-orange);border-radius:18px;background:var(--cocards-cream)}
.cocards-card::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(217,154,61,.08);pointer-events:none}
.cocards-card-head{position:relative;z-index:1;display:flex;align-items:center;gap:24px;min-width:0}
.cocards-icon-box{display:flex;align-items:center;justify-content:center;width:68px;height:68px;flex:0 0 68px;border-radius:17px;background:#F7EAD3;color:var(--cocards-green)}
.cocards-icon-box i{font-size:40px;line-height:1}.cocards-icon-box svg{width:40px;height:40px}
.cocards-title{position:relative;z-index:1;margin:0;color:var(--cocards-green);font-size:23px;line-height:1.08;font-weight:750;letter-spacing:-.2px;min-width:0;flex:1}
.cocards-divider{height:1px;background:rgba(217,154,61,.23);margin:20px 0 14px}
.cocards-metrics{display:flex;flex-direction:column;gap:8px}
.cocards-metric{display:flex;align-items:center;gap:11px;min-width:0}
.cocards-direction{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;line-height:1}
.cocards-direction i{font-size:19px}.cocards-direction svg{width:19px;height:19px}
.cocards-direction-up{color:#155735;background:rgba(21,87,53,.09)}
.cocards-direction-down{color:#D9901E;background:rgba(217,144,30,.11)}
.cocards-direction-neutral{color:#65706A;background:rgba(101,112,106,.09)}
.cocards-metric-text{font-size:16px;line-height:1.3;color:var(--cocards-text)}
.cocards-cta{position:relative;z-index:1;display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-top:auto;padding-top:22px;text-decoration:none;color:var(--cocards-green);font-size:14px;font-weight:750;letter-spacing:1px;line-height:1.2}
.cocards-cta:hover{color:var(--cocards-orange)}
.cocards-cta-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--cocards-orange);line-height:1}
.cocards-cta-icon i{font-size:18px}.cocards-cta-icon svg{width:18px;height:18px}
.cocards-equal .cocards-card{height:100%}
@media(max-width:1024px){
 .cocards-grid{gap:14px}.cocards-card{padding:22px}.cocards-title{font-size:20px}.cocards-icon-box{width:62px;height:62px;flex-basis:62px}.cocards-icon-box i{font-size:36px}.cocards-icon-box svg{width:36px;height:36px}
}
@media(max-width:767px){
 .cocards-section-header{margin-bottom:18px}.cocards-section-heading{font-size:32px}.cocards-section-subheading{font-size:14px}
 .cocards-grid{grid-template-columns:1fr;gap:14px}.cocards-card{padding:20px;border-radius:15px}
 .cocards-title{font-size:20px;margin-top:14px}.cocards-divider{margin:16px 0 12px}.cocards-metric-text{font-size:15px}
 .cocards-cta{padding-top:18px}.cocards-icon-box{width:58px;height:58px;flex-basis:58px}.cocards-icon-box i{font-size:33px}.cocards-icon-box svg{width:33px;height:33px}
}