.digitfont{
     font-family:digital;
}

.Countdown-Container {
    padding: 3.8% 15% 0 5%;
    max-width: unset;
   background:URL("/SpitfireImage_Lib/img/PUP_20220513_Countdown_BG_Desktop.png?4107");
    position: relative;
    font-size:1.3vw;
    background-size:cover;
    background-position: top;
    background-repeat: no-repeat;
}

.Countdown-Container-Mobile {
    padding: 20px 0 50px 0;
    max-width: unset;
    background: URL("/SpitfireImage_Lib/img/PUP_20220513_Countdown_BG_Mobile.png?4107");
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
}

.Countdown-LeftContentWrapper {
    position: relative;
    margin: 0 2em 0 3em;
}

.Countdown-CatClockWrapper {
    max-width: none;
    height: 13em;
    margin-top: 4em;
   
}
.PopUpCountdown-middleText1-left {
   z-index: 1;
  -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: 1px;
}
.PopUpCountdown-middleText1-for{
    font-size:0.5em;
    margin: 2% 3% 0 3.5%;
    line-height: 1em;
} 

.PopUpBanner-arrowWrapper1CountDown {
    color: #fff;
    background-color: #ec2d85;
    font-size: calc(0.5vw + 11px);
    height: 2.4vw;
    padding: 0 1.3vw 0 1.3vw;
    position: relative;
}
.PopUpBanner-arrowWrapper2CountDown {
    background-color: #616264;
    color: #FFF;
    height: 2.4vw;
    line-height: unset;
    padding: 0 1.3vw 0 1.3vw;
    font-size: calc(0.5vw + 11px);
}


.PopUpCountdown-middleText1-right {
    margin-left:-1%;
  
   
}
.zindex1{
    z-index:1;
}
.textbluecountdown{
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #ffffff;
    text-shadow: 1px 1px 3px #ffffff;
    margin: 0px 3%;
}
.textgigacountdown{
     background: URL("/SpitfireImage_Lib/img/gigalogo.png?4107");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.additionaltextcountdown{
    margin-left: 5%;
    line-height:2em;
    font-weight:700;
    font-size:1.2em;
}

.Countdown-DateWrapper {
    color: #ef2681;
    font-weight: 700;
    font-size: 1.2em;
    position: relative;
    
}
.Countdown-DateWrapper1 {
    color: #EC2D85;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    position: relative;
    background: linear-gradient(to bottom, #cfedf1  30%, #2a8591 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     filter: drop-shadow(0 0 10px black);
    -webkit-text-stroke: 0.4px;
    -webkit-text-stroke-color: black;
}

.Countdown-1-Wrapper {
    background-color: #FFF;
    display: flex;    
    padding: 0.5vw 0.7vw;
}

.Countdown-1 {
    font-size: 1.3vw;
    line-height: 1.3vw;
    color: #EC2D85;
    font-weight: 800;
}


.PopUpCountdown-topText-1 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url('/SpitfireImage_Lib/img/PU9Feb_BG_Gold2.jpg?20626&20685&4107');
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-size: 100%;
    z-index: 2;
    width: fit-content;
}

.PopUpCountdown-middleText1 {
    color: #7fced6;
    font-weight: 800;
    font-size: 6vw;
    line-height: 60px;
    z-index: 2;
    position: relative;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin-top:2%;
   
     
}
.PopUpCountdown-middleTextShadow{
    text-shadow: 2px 2px 1px #ffffff,4px 4px 1px #ffffff;
   
}

.PopUpCountdown-middleText1-small {
    font-weight: 800;
    margin: 0 20px 0 20px;
    font-size:0.5em;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    
}

.PopUpCountdown-arrowWrapper {
    margin: 1.5vw 0 0 0;
    white-space: nowrap;
    
}

.PopUpCountdown-arrowWrapper1 {
    padding: 8px 25px;
    color: #EC2D85;
    text-shadow: 0 3px #FFF;
    font-weight: 700;
    font-size: 23px;
    line-height: 1;
    position: relative;
}

.PopUpCountdown-arrowWrapper2 {
    background-color: #EC2D85;
    color: #fff;
    height: 2.1vw;
    line-height: unset;
    padding: 0.5vw 1vw;
    font-size: 1.4vw;
    font-weight: 600;
}

.ArrowLeftTop {
    border-left: 1vw solid transparent;
    border-top: 1.3vw solid #FFF;
    border-bottom: 0 solid #FFF;
    height: 1.3vw;
    width: 0.5em;
}

.ArrowLeftBottom {
    border-left: 1vw solid transparent;
    border-top: 0 solid #FFF;
    border-bottom: 1.3vw solid #FFF;
    height: 1.3vw;
    width: 0.5em;
}

.ArrowRight .PopUpBanner-Arrow {
    border-right: 1vw solid transparent;
    border-top: 1.3vw solid #4E494B;
    border-bottom: 1.3vw solid #4E494B;
    height: 2vw;
    width: 0.5em;
}
.CountdownTimer-Wrapper {
   margin-left: 1em;
}

.Countdown-4-Wrapper {
    line-height:40px;
    color: #EC2D85;
    display: flex;
    margin-left:5%;
    margin-top:5%;
}

.Countdown-4 {
    font-weight: 700;
    font-size: 1.2em;
}

.Countdown-Box{
    width: 11.6vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.Countdown-text{
    color: ec2d86;
    font-weight: 700;
    font-size: 5em;
    line-height: 1em;
    -webkit-text-stroke-color: #EC2D85;
    -webkit-text-stroke-width:0.03em;
    filter: drop-shadow(0px 1px 1px black);
   
}


.Countdown-separator {
    color: #FFF;
    font-weight: 700;
    font-size: 2em;
    line-height: 2.5em;
    position: relative;
   
}

.Countdown-label{
    font-weight: 700;
    font-size: 0.8em;
    color:#000000;
    
}


.PopUpCountdown-FAQ {
    color: #fff;
    font-weight: 600;
    font-size: 1em;
     line-height: 15px; 
    margin-top: 5%;
    margin-bottom: 12%;
    margin-left:5%;
    filter: drop-shadow(5px 5px 2px black);
}

.PopUpCountdown-BottomWrapper {
    position: absolute;
    bottom: 5%;
    right: 5%;
}

@media (max-width: 1119px) and (min-width: 901px){
    
.Countdown-LeftContentWrapper{
    margin: 0 1em 0 3em;
}
.PopUpCountdown-middleText1-for {
    margin: 2% 3% 0 3%;
    line-height: 1.7em;
    }
.Countdown-separator{
        font-size: 30px;
    }
.Countdown-4-Wrapper{
    line-height: 30px;
    margin-top: 0;
}
.Countdown-CatClockWrapper{
    height: 14em;
    margin-top:3.5em;
}
.PopUpCountdown-middleText1{
     margin-top: 0;
}
.Countdown-label{
    font-weight: 800;
}
    
}

@media (max-width: 900px) and (min-width: 801px){
.Countdown-Container{
    padding: 0 15% 0 0;
}
.Countdown-LeftContentWrapper{
      margin: 0 -2em 0 4em;
}

.PopUpCountdown-middleText1-for{
        margin: 2% 4% 0 4%;
        line-height: 1.8em;
    }
    
.Countdown-separator{
   line-height: 60px;
    font-size: 28px;
}
.Countdown-text{
        line-height: 60px;
        font-size: 6vw;
    }
.Countdown-DateWrapper{
       margin-top:8%;
      
    }
.Countdown-Box{
        width:12vw;
    }
   
.Countdown-4-Wrapper{
    line-height: 1em;
  
}
.PopUpCountdown-FAQ{
    margin-top: 3%;
   
}
.Countdown-CatClockWrapper{
    margin-top:5.5em;
    height: 14em;
}
.PopUpCountdown-middleText1{
        margin-top: unset;
}
    
}

@media only screen and (min-width: 1800px) {
    
.additionaltextcountdown{
    font-size: 1.2em;
    line-height: 1.6em;
    margin-left: 3%;
}

.CountdownTimer-Wrapper {
    margin-top: 10px;
}

.Countdown-label {
    font-weight: 700;
}
.Countdown-separator {
    font-size:60px;
    line-height: 120px;
   
}
.PopUpCountdown-middleText1{
    line-height: 0.8em;
    -webkit-text-stroke-width: 3px;
}

.PopUpCountdown-middleText1-left {
    line-height:90px;
}
.Countdown-LeftContentWrapper{
    margin: 0 4em 0 4em;
}
.Countdown-CatClockWrapper{
    height: 13em;
    margin-top: 3em;
}
.PopUpCountdown-middleTextShadow{
    text-shadow: 6px 6px 1px #ffffff;
}
}

@media only screen and (max-width: 800px) {
    .PopUpCountdown-BottomWrapper {
        position: absolute;
        right:5em;
        bottom:-1.5em;
    }
    
    .Countdown-Container {
        position: relative;
        padding: 0;
    }
    
    .Countdown-CatClockWrapper {
        max-height: 36vw;
    }
    
    .Countdown-Box {
        width: 18vw;
    }
    
    .Countdown-text {
        font-size: 12vw;
        font-weight:800;
        line-height: 13.5vw;
        -webkit-text-stroke-color: #EC2D85;
        -webkit-text-stroke-width: 0.04em;
}
    
    .Countdown-separator {
        font-size: 6vw;
        line-height: 13vw;
        margin: 0 7px;
    }
    
    .Countdown-label {
        font-size: 3vw;
    }
    
    .PopUpCountdown-FAQ {
        letter-spacing: 0.2px;
        margin: 4vw 0 7vw 0;
        color: #fff;
        font-weight: 700;
        font-size: 2.5vw;
        line-height: 2.5vw;
        filter: none;
        
    }
}

@media only screen and (min-width: 2000px)
{
    .Countdown-separator{
    margin: 0 10px;
    line-height: 130px;
    font-size: 2.1em;
    }


.Countdown-Box{
    width:11vw;
}
.Countdown-text{
   line-height:140px;
   font-size:5em;
}

.additionaltextcountdown{
    line-height: 1.1em;
    font-size: 1.2em;
}
.Countdown-DateWrapper{
    line-height: 1.8em;
    font-size: 1.2em;
}
.Countdown-4-Wrapper{
  margin-top:3%;
}

.Countdown-label{
    font-size: 25px;
}

}

@media (max-width: 1799px) and (min-width: 1400px){

.Countdown-LeftContentWrapper{
        margin: 0 3em 0 3em;
}
.PopUpCountdown-FAQ {
    font-size:0.85em;
}

.CountdownTimer-Wrapper{
    margin-top: 1%;
}

.PopUpCountdown-middleText1{
    line-height: 80px;
}

}


@media only screen and (min-width: 2500px){
.PopUpCountdown-middleTextShadow{
    text-shadow: 8px 8px 1px #ffffff;
}
.Countdown-text{
    line-height: 1em;
}
.Countdown-separator{
    line-height: 2.4em;
    
}

.Countdown-label{
    font-size: 0.8em;
}

.Countdown-LeftContentWrapper {
       margin: 0 5.5em 0 5.5em;
}

}
@media only screen and (min-width: 4000px){
    
.Countdown-LeftContentWrapper{
    margin: 0 6.5em 0 5.5em;
    }
.PopUpCountdown-middleTextShadow{
    text-shadow: 14px 14px 1px #ffffff;
}
.Countdown-4-Wrapper{
    line-height: 1.5em;
}

}