.heroText {max-width: 435px;}
.hero .heroWr {    margin-top: 35px !important; padding:0}
.veidaWr.style1 .hero {background: #000;}
.hero .heroWr h2 { font-size: 50px; color:#fff;     margin: 0 auto 30px; line-height: 90%;} 
.hero .heroWr p {max-width:382px; border: 2px solid #20A85D;color:#fff; line-height: 32px; padding: 5px}
#countdown span:first-child, #countdown {    background: #20A85D; } 
.hero .heroImg { }
.hero .heroWr h1 {color: #20A85D; font-size: 86px; line-height: 80%;  }
.hero .heroWr h2:empty {display: none;}




@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: 1px;}

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

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

}



.hero .heroWr p  {   position: relative;}

 


 

@media screen and (max-width: 480px) {

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

               
}

@media screen and (max-width: 410px) {
 

}