.block-figures .figures{grid-template-columns: 1fr 1fr 1fr 1fr;}
.block-figures .figures .figure{color: var(--brand-2); display: grid; position: relative; justify-content: center; padding: 0 3rem; text-align: center;}
.block-figures .figures .figure svg{width: 100%; height: auto; display: flex; max-width: 205px;}
.block-figures .figures .figure .polygon.outer{stroke: var(--brand-1);}
.block-figures .figures .figure .polygon.inner{opacity: .2; fill: var(--brand-2);}

.block-figures .figures .figure .figure-data{position: relative; height: max-content; display: flex; justify-content: center;}
.block-figures .figures .figure .figure-data-text{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; font-size: 2.75rem; max-width: 120px;}
.block-figures .figures .figure .figure-title{color: var(--brand-1); display: block; text-transform: uppercase; font-weight: bold; font-size: 2rem; padding-top: 3rem; text-align: center;}

.block-figures.white-figures .figures .figure{color: #fff;}
.block-figures.white-figures .figures .figure .figure-title{color: #fff;}
.block-figures.white-figures .figures .figure .figure-data-text{color: #fff;}

.block-figures.white-figures .figures .figure .polygon.outer{stroke: #fff;}
.block-figures.white-figures .figures .figure .polygon.inner{opacity: .2; fill: #fff;}

@media(max-width: 1400px){
    .block-figures .figures .figure{padding: 0;}
}

@media(max-width: 1024px){
    .block-figures .figures{grid-template-columns: 1fr 1fr !important;}
    .block-figures .figures .figure{padding: 0 2rem;}
}

@media(max-width: 768px){
    .block-figures .figures{grid-template-columns: 1fr !important;}
    .block-figures .figures .figure{padding: 0;}
    .block-figures .figures .figure svg{max-width: 225px;}
    .block-figures .figures .figure .figure-data-text{width: 125px;}
}