/* Custom Styles */

#block-1602659186018_1 .countdown__item, #block-1602600517495_1 .countdown__item, #block-1602660060042_1 .countdown__item {
    text-align: center;
    width: min-content;
}

#block-1602659186018_1 .countdown__label, #block-1602600517495_1 .countdown__label, #block-1602660060042_1 .countdown__label {
    margin: auto;
}

#block-1602600517495_1 .countdown__number, #block-1602600517495_1 .countdown__number, #block-1602660060042_1 .countdown__number {
    font-size: 55px;
    width: min-content;
    border: 2px solid;
    border-right: 2px solid green;
    border-radius: 50% !important;
    padding: 5px;
    animation: counter 1s infinite;
    transition:border 1s ;
}

  @keyframes counter{
    0%{delay: 0s;border: 2px solid green;}
    25%{delay: .25s;border: 2px solid green;border-right:2px solid white;}
    50%{delay: .5s;border: 2px solid green;border-right:2px solid white;border-bottom:2px solid white;}
    75%{delay: .75s;border: 2px solid green;border-right:2px solid white;border-bottom:2px solid white;border-left:2px solid white;}
    100%{delay: 1s;border: 2px solid white;}
  }
  
  
h1{
    font-family: 'Shadows Into Light', cursive;
}

p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
}

h2,h3,h4{
    font-family: system-ui;
    font-weight: 600;
}


#section-1602601579822 h3, h4 {
    font-family: system-ui;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 45px;
}
#block-1602601727915 h2 {
    font-size: 32px;
}      
#block-1610460289210 h1 {
    font-size: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .countdown__boxed .countdown__number{
        width:100%;
        font-size: 32px;   
    }  
}
  
@media screen and (max-width: 720px) {
    #section-1602656694330 .section .row{
        display: flex;
        flex-direction: column-reverse;
    }
    #section-1602656766115 .section .row{
        display: flex;
        flex-direction:  column-reverse;
    }
    #section-1602656814592 .section .row{
        display: flex;
        flex-direction:  column-reverse;
    }
    #section-1602656860663 .section .row{
        display: flex;
        flex-direction:  column-reverse;
    }
    #section-1602657896378 .section .row{
        display: flex;
        flex-direction:  column-reverse;
    }
} 

@media screen and (max-width: 767px) {
    .countdown__boxed .countdown__number{
        width: 60px;   
    }

}
