.spark-counter{text-align:center;padding:120px 0;position:relative;color:#f9fafb}@media screen and (max-width:1024px){.spark-counter{padding:100px 0}}@media screen and (max-width:767px){.spark-counter{padding:90px 0}}.spark-counter__bg,.spark-counter__bg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.spark-counter__title{color:#f9fafb;margin-top:20px}.spark-counter__description{max-width:425px;margin:0 auto}.spark-counter__counter-label{font-weight:600;margin-top:30px}.spark-counter__countdown{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media screen and (max-width:767px){.spark-counter__countdown{gap:10px}}.spark-counter__countdown .separator{margin-top:60px}@media screen and (max-width:767px){.spark-counter__countdown .separator{margin-top:34px}.spark-counter__countdown .separator svg{width:8px;height:auto}}.spark-counter__countdown .flip-card{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;color:#27446a;font-size:95px;font-weight:500;line-height:110%;letter-spacing:-3px;font-family:"Euclid Flex";overflow:hidden}@media screen and (max-width:767px){.spark-counter__countdown .flip-card{font-size:45px;gap:4px}}.spark-counter__countdown .flip-card.zeroes{font-size:66px;letter-spacing:-2px}@media screen and (max-width:767px){.spark-counter__countdown .flip-card.zeroes{font-size:30px}}.spark-counter__countdown .bottom,.spark-counter__countdown .flip-card .bottom-flip,.spark-counter__countdown .flip-card .top-flip,.spark-counter__countdown .top{height:75px;width:140px;line-height:1;overflow:hidden;line-height:150px}@media screen and (max-width:767px){.spark-counter__countdown .bottom,.spark-counter__countdown .flip-card .bottom-flip,.spark-counter__countdown .flip-card .top-flip,.spark-counter__countdown .top{height:35px;width:62px;line-height:70px}}.spark-counter__countdown .flip-card .top-flip,.spark-counter__countdown .top{background-color:#fff;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:1px solid rgba(0,0,0,.1)}@media screen and (max-width:767px){.spark-counter__countdown .flip-card .top-flip,.spark-counter__countdown .top{border-radius:5px}}.spark-counter__countdown .bottom,.spark-counter__countdown .flip-card .bottom-flip{background-color:#fff;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:160px;border-bottom:1px solid rgba(0,0,0,.1)}@media screen and (max-width:767px){.spark-counter__countdown .bottom,.spark-counter__countdown .flip-card .bottom-flip{line-height:70px;border-radius:5px}}.spark-counter__countdown .flip-card .top-flip{position:absolute;width:100%;-webkit-animation:flip-top 250ms ease-in;animation:flip-top 250ms ease-in;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}@-webkit-keyframes flip-top{100%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes flip-top{100%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.spark-counter__countdown .flip-card .bottom-flip{position:absolute;bottom:0;width:100%;-webkit-animation:flip-bottom 250ms ease-out 250ms;animation:flip-bottom 250ms ease-out 250ms;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}@-webkit-keyframes flip-bottom{100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes flip-bottom{100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}.spark-counter__countdown .spark-counter__countdown-segment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spark-counter__countdown .segment{display:-webkit-box;display:-ms-flexbox;display:flex}.spark-counter__countdown .segment-title{text-align:center;margin-top:10px}@media screen and (max-width:767px){.spark-counter__countdown .segment-title{font-size:12px}}.spark-counter__btn{margin-top:30px}
/*# sourceMappingURL=counter.css.map */
