.countdown-wrapper{position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; background:rgb(16,59,127); z-index:9}
.countdown-wrapper .countdown-number[data-value="0"]:before,.countdown-number[data-value2="0"]:after{background-image:url(/themes/fa_def/images/countdown/0.svg)}
.countdown-wrapper .countdown-number[data-value="1"]:before,.countdown-number[data-value2="1"]:after{background-image:url(/themes/fa_def/images/countdown/1.svg)}
.countdown-wrapper .countdown-number[data-value="2"]:before,.countdown-number[data-value2="2"]:after{background-image:url(/themes/fa_def/images/countdown/2.svg)}
.countdown-wrapper .countdown-number[data-value="3"]:before,.countdown-number[data-value2="3"]:after{background-image:url(/themes/fa_def/images/countdown/3.svg)}
.countdown-wrapper .countdown-number[data-value="4"]:before,.countdown-number[data-value2="4"]:after{background-image:url(/themes/fa_def/images/countdown/4.svg)}
.countdown-wrapper .countdown-number[data-value="5"]:before,.countdown-number[data-value2="5"]:after{background-image:url(/themes/fa_def/images/countdown/5.svg)}
.countdown-wrapper .countdown-number[data-value="6"]:before,.countdown-number[data-value2="6"]:after{background-image:url(/themes/fa_def/images/countdown/6.svg)}
.countdown-wrapper .countdown-number[data-value="7"]:before,.countdown-number[data-value2="7"]:after{background-image:url(/themes/fa_def/images/countdown/7.svg)}
.countdown-wrapper .countdown-number[data-value="8"]:before,.countdown-number[data-value2="8"]:after{background-image:url(/themes/fa_def/images/countdown/8.svg)}
.countdown-wrapper .countdown-number[data-value="9"]:before,.countdown-number[data-value2="9"]:after{background-image:url(/themes/fa_def/images/countdown/9.svg)}
.countdown-wrapper .countdown-image{width:100%; height:100%; margin:0; padding:0}
.countdown-wrapper .countdown-image img{width:100%; height:100%; object-fit: cover}
.countdown-wrapper .countdown-stage{position:absolute; bottom:16px; left:16px; right:16px; display:flex; flex-direction: column}
.countdown-wrapper .countdown-stage .countdown{display:flex; direction: ltr; margin:0 auto 36px; width:fit-content; height:60px; background:rgba(255,255,255,0.1); box-shadow:1px 1px 1px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5); padding:0 8px; backdrop-filter:blur(5px); border-radius:4px;}
.countdown-wrapper .countdown-stage .countdown-number{width:40px; height:inherit; position:relative; margin:0 -4px;}
.countdown-wrapper .countdown-stage .countdown-colon{width:40px; height:inherit; position:relative; background:url(/themes/fa_def/images/countdown/colon.svg) center center no-repeat; background-size: contain}
.countdown-wrapper .countdown-stage .countdown-number:before{content:""; display:block; position:absolute; width:inherit; height:inherit; background-repeat:no-repeat; background-position: center; background-size: contain; filter:drop-shadow(0 0 10px rgba(255,255,255,0.7)) ; transform:translateY(0%) scale(1); transition:transform ease-in-out 0.3s,opacity ease-in-out 0.3s;}
.countdown-wrapper .countdown-stage .countdown-number:after{content:""; display:block; position:absolute; width:inherit; height:inherit; background-repeat:no-repeat; background-position: center; background-size: contain; filter:drop-shadow(0 0 10px rgba(255,255,255,0.7)); transform:translateY(100%) scale(0.5); opacity:0; transition:transform ease-in-out 0.3s,opacity ease-in-out 0.3s;}
.countdown-wrapper .countdown-stage .countdown-number.change-number:before{transform:translateY(-100%) scale(0.5); opacity:0;}
.countdown-wrapper .countdown-stage .countdown-number.change-number:after{transform:translateY(0%) scale(1); opacity:1;}
.countdown-wrapper .countdown-stage .countdown-number.motion-stop:before,
.countdown-wrapper .countdown-stage .countdown-number.motion-stop:after{transition:none}
.countdown-wrapper .countdown-text{text-align:center; color:#fff; font-size:11px; font-weight:bold; line-height:18px;text-shadow:1px 1px 1px #000,0 0 3px rgba(0,0,0,0.5); margin-bottom: 8px;}
.countdown-wrapper .countdown-subtext{text-align:center; color:#988d32; filter: brightness(1.4); font-size:13px; line-height:18px; font-weight:bold; text-shadow:1px 1px 1px #000,0 0 3px rgba(0,0,0,0.5);}
.countdown-wrapper .countdown-read-more{margin-top:16px;}
.countdown-wrapper .countdown-read-more a{display:block; width:fit-content; margin:0 auto; padding:0 8px; color:#fff; background:rgba(0,0,0,0.7); border-radius:4px; backdrop-filter: blur(5px); font-size:12px; line-height:24px; height:24px;}
@media only screen and (max-width: 1024px) {
    .countdown-wrapper .countdown-stage .countdown{margin-bottom:24px;}
}
@media only screen and (max-width: 720px) {
    .countdown-wrapper .countdown-text{margin-bottom:4px; font-size:11px;}
    .countdown-wrapper .countdown-subtext{font-size:12px;}
    .countdown-wrapper .countdown-read-more{margin-top:8px;}
    .countdown-wrapper .countdown-stage .countdown{margin-bottom:16px;}
    .countdown-wrapper .countdown-stage .countdown{height:45px;}
    .countdown-wrapper .countdown-stage .countdown-number,
    .countdown-wrapper .countdown-stage .countdown-colon{width:30px;}
}
@media only screen and (max-width: 450px) {
    .countdown-wrapper .countdown-read-more{margin-top:4px;}
    .countdown-wrapper .countdown-stage .countdown{margin-bottom:8px;}
    .countdown-wrapper .countdown-stage .countdown{height:35px;}
    .countdown-wrapper .countdown-stage .countdown-number,
    .countdown-wrapper .countdown-stage .countdown-colon{width:25px;}
}