:root {--veidaColor: #DD0E26;}
 
 .hero .heroWr h1 { font-size: 80px;    line-height: 80%; margin-bottom: 7px;}
 .hero .heroWr h2 {color: #000; font-size: 38px;   line-height: 100%;}
 .hero .heroWr p { color:#000;     max-width: 300px; padding: 12px 24px; line-height: 26px;}

 .hero .heroWr h3 {    color: var(--veidaColor);}

 #countdown span:first-child, #countdown {background:#000;}
.hero .heroWr { margin-top: 36px !important; }
.heroText {    max-width: 460px;}
.veidaInner .banners {    gap: 40px;}
.veidaInner .banners img {  max-width: 200px; min-width: auto;}


@media screen and (min-width: 480px)  {
.header .container .nodeName a br {display: none;}


}


@media screen and (max-width: 480px)  {
 .header .container .nodeName a {    width: 200px;   display: block;}
    .hero .heroWr { margin-top: 0px !important; padding-bottom: 60px;}
    .hero .heroWr h1 { font-size: 58px !important;}
    .hero .heroWr h2 { font-size: 31px !important; margin-top: 7px;}
    .heroText {margin-bottom: 10px;}
     .hero .heroWr p {  max-width: 260px; padding: 6px 10px;}
     .veidaInner .banners {     grid-template-columns: 1fr 1fr;    }
        .hero .heroImg { width: 50% !important; }
}
@media screen and (max-width: 420px)  {
    #thankYouMsg {width:auto; font-size: 18px;}
    .header .container .nodeName a {    width: 170px;   display: block;}

    }