.heroText {max-width: 400px;}
.hero .heroWr h2 { font-size:42px; color:#000;     margin: 30px auto;}
.hero .heroWr p {max-width: 270px; border: 2px solid #0D4D8F;color:#000; line-height: 32px; padding: 5px;

                            position: relative;
 

}
#countdown span:first-child, #countdown {    background: #000;} 
.hero .heroImg {max-height: 286px;}
.hero .heroWr h1 {font-size: 0; line-height: 0;}
.hero .heroWr h2:empty {display: none;}


            
.veidaInner .banners {justify-content: center;gap: 40px; margin-bottom: 40px;}

.veidaInner .banners img {
    min-width: 200px;
}



@media screen and (max-width: 480px) {
    .hero .heroWr h1 img { width:90%}
    .hero .heroWr {         margin-top: 0 !important; }
    .hero .heroWr h2 {      font-size: 34px !important; margin-top: 15px; margin-bottom: 15px;}

    .hero .heroWr {padding:30px 0 44px; margin-top: 62px; flex-direction: column-reverse;}
    .hero .heroImg {margin-top: 44px;}
    .veidaInner .banners {grid-template-columns: 1fr;}
    .heroText {
        margin-top: 0;


    }
    

                         .hero .heroWr p {margin-left: 10px;}

                          
                          



    /* .hero .heroImg {    position: absolute;    top: 215px;}
    .hero .heroWr p {margin-top: 230px;} */
     

}

@media screen and (max-width: 410px) {
    .hero .heroWr p {margin-left: 10px;max-width:240px}

}