/* Template 37 */
.template_37 {
    --t_37_wide: 0 ;
    --t_37_narr: 1 ;
    --t_37_mini: 1 ;
    --_mini: var(--t_37mini, 0);
    --not-mini: calc(1 - var(--_mini));
    --_narr: var(--t_37narr, 0);
    --not-narr: calc(1 - var(--_narr));
    --_wide: var(--t_37wide, 1);
    --not-wide: calc(1 - var(--_wide));
}
.t_37:nth-child(2n) { --t_37_p: 1 }
.t_37:nth-of-type(odd) {
    --t_37_c0: #997005; --t_37_c1: #FFBB09; --t_37_idx: 0
}
.t_37:nth-of-type(even) {
    --t_37_c0: #2D3B50; --t_37_c1: #415675; --t_37_idx: 1
}
.t_37 {
    --_p: var(--t_37_p, 0);
    --not-p: calc(1 - var(--_p));
    --sgn-p: calc(2*var(--_p) - 1);
    box-sizing: border-box;
    grid-gap: 2px;
    grid-template-columns: var(--t_37_narr, 1fr -webkit-max-content 1fr);
    grid-template-columns: var(--t_37_narr, 1fr max-content 1fr);
    margin: 0 0 -0.75rem;
    padding: calc(.5em + .75em) 0 calc(.5em + .75em);
    --shadow:
        conic-gradient(from calc(var(--_p)*-5deg + var(--sgn-p)*-90deg)
                at calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*6.25rem) -3px,
            hsla(0, 0%, 0%, calc(var(--not-p)*0.5)),
            hsla(0, 0%, 0%, calc(var(--_p)*0.5)) 5deg,
                transparent 0%), ;
    background: var(--shadow) linear-gradient(calc(var(--sgn-p)*90deg), var(--t_37_c0) 6.25rem, var(--t_37_c1));
    -webkit-clip-path: polygon(calc(var(--_p)*100%) 50%, calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 0, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) 0.75rem, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) calc(100% - 0.75rem), calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 100%);
            clip-path: polygon(calc(var(--_p)*100%) 50%, calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 0, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) 0.75rem, calc(var(--not-p)*100% + var(--sgn-p)*var(--_wide)*6.25rem) calc(100% - 0.75rem), calc(var(--_p)*100% - var(--sgn-p)*var(--_wide)*3.125rem) 100%);
    counter-increment: c;
    display: grid;
}
.t_37:first-child {
    --shadow: ;
}
.t_37:nth-child(2n) {
    --t_37p: 1 ;
}
.t_37::before, .t_37::after {
    align-self: center;
}
.t_37:before {
    grid-column: calc(var(--not-mini)*2 + var(--_mini)*(var(--_p) + 1));
    grid-row: calc(1 + var(--_mini))/span calc(2 - var(--_mini));
    padding: 0 0.75rem;
    font-size: 36px;
    text-align: center;
    content: counter(c, decimal-leading-zero);
    color: #fff;
}
.t_37::after {
    grid-row: calc(1 + var(--_mini))/span calc(2 - var(--_mini));
    grid-column: calc((1 + var(--not-mini))*var(--not-p) + 1);
    padding: 0 calc(var(--not-p)*var(--_wide)*6.25rem + 0.75rem) 0 calc(var(--_p)*var(--_wide)*6.25rem + 0.75rem);
    font-size: calc((var(--not-mini)*.75 + 1.75)*1em);
    text-align: var(--t_37p, right);
    /* filter: brightness(0) invert(0.0625); */
    content: attr(data-icon);
}
.t_37:nth-child(1):after{
  content:'🏠';
}
.t_37:nth-child(2):after{
  content:'🔔';
}
.t_37:nth-child(3):after{
  content:'👱';
}
.t_37:nth-child(4):after{
  content:'⚙️';
}
.t_37:nth-child(5):after{
  content: '📊';
}
.t_37:nth-child(6):after{
  content: '💡';
}
.t_37:nth-child(7):after{
  content: '⏰';
}
.t_37:nth-child(8):after{
  content: '🎯';
}
.t_37 h4, .t_37 p {
    --pad: calc(var(--not-mini)*(var(--_wide)*6.25rem + var(--not-wide)*0.75rem));
    --ini: calc(var(--_mini)*.25rem);
    grid-column-end: span calc(1 + var(--_mini));
    color: #fff;
	font-size: 14px;
    padding: var(--ini) calc(var(--_p)*var(--pad) + var(--ini)) var(--ini) calc(var(--not-p)*var(--pad) + var(--ini));
}
.t_37 p {
    grid-row: calc(2 + var(--_mini));
    margin: 0;
}
@media (max-width: 767px) {
    .template_37 {
        --t_37wide: 0 ;
        --t_37narr: 1 ;
        --t_37mini: 1 ;
    }
}