#metric-card .content-center{margin-left:auto;margin-right:auto;text-align:center}#metric-card .content-left{margin-right:auto;text-align:left}#metric-card .cards-wrapper{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:1000px){#metric-card .cards-wrapper{gap:20px}}@media (min-width:1440px){#metric-card .cards-wrapper{gap:32px}}#metric-card .card{position:relative;border-radius:.75rem}#metric-card .card .card-top{position:relative;z-index:10;width:100%;border-top-left-radius:.75rem;border-top-right-radius:.75rem;padding-top:40px;padding-bottom:40px;font-size:32px;line-height:40px}@media (min-width:768px){#metric-card .card .card-top{font-size:44px;line-height:52px}}@media (min-width:1000px){#metric-card .card .card-top{font-size:56px;line-height:64px}}@media (min-width:1440px){#metric-card .card .card-top{font-size:72px;line-height:80px}}#metric-card .card .card-top .card-top-overlay{position:absolute;top:0;left:0;height:100%;width:100%;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem;mask-image:url(/wp-content/themes/3ecotheme/assets/icons/metric-card-background.svg);mask-size:cover;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/wp-content/themes/3ecotheme/assets/icons/metric-card-background.svg);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}#metric-card .card .card-top .card-top-overlay.mbg-light-blue{background-color:var(--dark-blue);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-dark-blue,#metric-card .card .card-top .card-top-overlay.mbg-medium-blue{background-color:var(--light-blue);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-orange{background-color:var(--yellow);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-yellow{background-color:var(--orange);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-light-green{background-color:var(--dark-green);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-dark-green{background-color:var(--light-green);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-maroon{background-color:var(--red);opacity:.3}#metric-card .card .card-top .card-top-overlay.mbg-red{background-color:var(--maroon);opacity:.3}#metric-card .card .card-bottom{min-height:100px;width:100%;flex-grow:1;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;background-color:var(--ui-gray-6);padding:12px;font-size:18px;line-height:24px}@media (min-width:1000px){#metric-card .card .card-bottom{padding:24px;font-size:20px;line-height:28px}}@media (min-width:768px){#metric-card .cards-wrapper.layout-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){#metric-card .cards-wrapper.layout-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:768px){#metric-card .cards-wrapper.layout-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){#metric-card .cards-wrapper.layout-5{grid-template-columns:repeat(5,minmax(0,1fr))}#metric-card .cards-wrapper.layout-4{grid-template-columns:repeat(4,minmax(0,1fr))}}#metric-card .cards-wrapper.layout-4 .card{grid-column:span 1/span 1}#metric-card .cards-wrapper.layout-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){#metric-card .cards-wrapper.layout-3{grid-template-columns:repeat(3,minmax(0,1fr))}}#metric-card .cards-wrapper.layout-3 .card{grid-column:span 1/span 1}#metric-card .cards-wrapper.layout-2{grid-template-columns:repeat(2,minmax(0,1fr))}#metric-card .cards-wrapper.layout-2 .card{grid-column:span 1/span 1;height:225px;height:100%;width:100%;flex-direction:row;border-radius:.75rem}#metric-card .cards-wrapper.layout-1 .card .card-top,#metric-card .cards-wrapper.layout-2 .card .card-top{display:flex;height:100%;align-items:center;justify-content:center;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}#metric-card .cards-wrapper.layout-1 .card .card-bottom,#metric-card .cards-wrapper.layout-2 .card .card-bottom{display:flex;height:100%;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}#metric-card .cards-wrapper.layout-1{grid-template-columns:repeat(1,minmax(0,1fr))}#metric-card .cards-wrapper.layout-1 .card{grid-column:span 1/span 1;flex-direction:row}#metric-card .cards-wrapper.layout-1 .card .card-bottom{height:100%;width:100%}@keyframes metric-card-fade-in{0%{opacity:.4}to{opacity:0}}#metric-card .overlay1,#metric-card .overlay2,#metric-card .overlay3,#metric-card .overlay4{position:absolute;top:0;left:0;z-index:20;height:100%;width:100%;background-color:var(--white);opacity:.5;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.5s}#metric-card .cards-wrapper.animate .overlay1{animation-name:metric-card-fade-in;animation-delay:0s}#metric-card .cards-wrapper.animate .overlay2{animation-name:metric-card-fade-in;animation-delay:.15s}#metric-card .cards-wrapper.animate .overlay3{animation-name:metric-card-fade-in;animation-delay:.3s}#metric-card .cards-wrapper.animate .overlay4{animation-name:metric-card-fade-in;animation-delay:.45s}