:root {--veidaColor: #DD0E26;}
.hero .heroWr {background: url(https://res.cloudinary.com/globes/image/upload/v1766307985/Digital/16422/Hero_BG_Desktop_1920_cdpoqm.svg) no-repeat 0 0;}

 
 
 .hero .heroWr h1 { font-size: 70px;    line-height: 80%; margin-bottom: 10px;}
 .hero .heroWr h2 {color: #000; font-size: 38px;   line-height: 100%;}
 .hero .heroWr p { color:#000;     max-width: 300px;     padding: 6px 24px;   line-height: 38px;}

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

 #countdown span:first-child, #countdown {background:#000;}
.hero .heroWr { margin-top: 36px !important; }
.heroText {  background: #FAE8DD;     padding: 35px;  max-width: 453px;max-height: 254px; margin-right: 26%;}
.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 (min-width: 481px) and (max-width: 1024px) {
   .heroText {margin:auto}
   .hero .heroWr {display: block !important}
   .heroText {max-height: 100%;}
   .hero .heroWr h1 {margin-top: 0;}
   
}


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

   .hero .heroWr {background: url(https://res.cloudinary.com/globes/image/upload/v1766322720/Visual_Mobile_aii83j.png) no-repeat 0 0; background-size: contain;   }


 .header .container .nodeName a {    width: 200px;   display: block;}
    .hero .heroWr { margin-top: 30px !important; padding-bottom: 0;}
    .hero .heroWr h1 { font-size: 50px !important;}
    .hero .heroWr h2 { font-size: 31px !important; margin-top: 7px;}
    .heroText {margin-bottom: 10px;   margin-right: 0;  margin-top: 280px;  padding: 0;  }
     .hero .heroWr p {  max-width: 260px; padding: 6px 10px; line-height: 26px;}
     .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;}

    }

    @media screen and (max-width: 375px)  {
   .heroText {margin-top: 242px;}
    }


        @media screen and (max-width: 335px)  {
      .hero .heroWr h1 {     font-size: 40px !important;    }
      .hero .heroWr h2 {     font-size: 26px !important;}
          .hero .heroWr p {     font-size: 26px !important;   }

    }