.new-hero-variation-section { padding: 120px 0 125px; overflow: hidden; }
.new-hero-variation-section .section-heading { max-width: 1257px; width: 100%; margin: auto; }
.new-hero-variation-section .section-heading h1 { padding-bottom: 20px; max-width: 1060px; width: 100%;  margin: 0 auto 20px; }
.new-hero-variation-section .section-heading .content{ font-size: 25px; line-height: 1.5; padding-bottom: 20px; max-width: 1049px; margin: 0 auto; width: 100%;}
.new-hero-variation-section .section-heading .content p { font-weight: 500; }
.new-hero-variation-section .section-heading .content p span { background: transparent linear-gradient(118deg, #1463FF 0%, #7F41FF 100%); border-radius: 10px; color: #fff; padding: 4px 10px; font-size: 20px; font-style: italic; position: relative; top: -1px; }
.new-hero-variation-section .container { position: relative; }
.new-hero-variation-section .hero-top-logo{width:330px;margin:0 auto 50px;height:133px}
.new-hero-variation-section .hero-top-logo a{height:100%}
.new-hero-variation-section .hero-top-logo a img{height:100%!important;object-fit:contain}
.new-hero-variation-section .btn-box{margin:0 15px;width:226px;border-radius:12px;overflow:hidden}
.new-hero-variation-section .hero-images .inner-img img{width:100%;height:100%!important;object-fit:contain}
.new-hero-variation-section .hero-images .inner-img{width:100%;height:100%}
.new-hero-variation-section .hero-images .img-box{position:absolute}

.new-hero-variation-section .hero-images .imgbox1{height:75px;left:29%;position:absolute;top:4%;width:75px}
.new-hero-variation-section .hero-images .imgbox2{height:247px;left:20%;top:0;width:127px}
.new-hero-variation-section .hero-images .imgbox3{height:119px;left:11%;top:7%;width:109px}
.new-hero-variation-section .hero-images .imgbox4{height:174px;left:11%;top:44%;width:157px}
.new-hero-variation-section .hero-images .imgbox5{bottom:-70px;height:158px;left:14%;top:auto;width:141px}
.new-hero-variation-section .hero-images .imgbox6{bottom:-3%;height:92px;left:27%;width:82px}

.new-hero-variation-section .hero-images .imgbox7{width:67px;height:87px;top:30px;right:28%}
.new-hero-variation-section .hero-images .imgbox8{width:151px;height:171px;top:65px;right:17%}
.new-hero-variation-section .hero-images .imgbox9{width:106px;height:119px;top:20px;right:10%}
.new-hero-variation-section .hero-images .imgbox10{width:129px;height:174px;top:43%;right:13%}
.new-hero-variation-section .hero-images .imgbox11{width:84px;height:128px;bottom:0;right:10%}
.new-hero-variation-section .hero-images .imgbox12{width:207px;height:141px;bottom:-60px;right:19%}



@media (max-width: 1700px){
  .new-hero-variation-section .hero-images .imgbox4{left:5%;top:40%;width:145px;height:114px}
  .new-hero-variation-section .hero-images .imgbox2{height:200px;width:100px;top:-6%;left:16%}
  .new-hero-variation-section .hero-images .imgbox3{width:80px;left:4%;top:5%}
  .new-hero-variation-section .hero-images .imgbox1{width:55px;height:55px;left:27%;top:8%}
  .new-hero-variation-section .hero-images .imgbox7{width:50px;height:80px}
  .new-hero-variation-section .hero-images .imgbox8{width:140px;height:90px;top:90px;right:14%}
  .new-hero-variation-section .hero-images .imgbox9{width:85px;height:90px;top:20px;right:7%}
  .new-hero-variation-section .hero-images .imgbox10{width:80px;height:150px;top:38%;right:9%}
  .new-hero-variation-section .hero-images .imgbox11{width:70px;height:98px;right:7%}
  .new-hero-variation-section .hero-images .imgbox12{width:130px;height:90px;bottom: -20px;right: 14%;}
  .new-hero-variation-section .hero-images .imgbox5{width: 80px; height: 90px; left: 6%; bottom: -10px;}
  .new-hero-variation-section .hero-images .imgbox6{width:55px;height:65px;left:16%;bottom:-10px}
  .new-hero-variation-section .hero-top-logo{width:240px;height:125px}
  .new-hero-variation-section .btn-box { width: 170px; margin: 0 7px; }



  /*   .new-hero-variation-section .hero-images .imgbox1 { left: 7%; top: -169px; }
  .new-hero-variation-section .hero-images .imgbox5 { right: 4%; }
  .new-hero-variation-section .hero-images .imgbox10 { left: 7%;} */
}

/* @media (max-width: 1500px){
/*   h1, .h1 { font-size: 70px;}
.new-hero-variation-section .section-heading .content { max-width: 760px; width: 100%;  margin: auto;} 
}*/

/* @media (max-width: 1300px){
.h1,
h1 { font-size: 60px; }
.new-hero-variation-section .hero-images .imgbox1 { width: 120px; height: 120px; left: 5%; top: -160px; }
.new-hero-variation-section .hero-images .imgbox2 { top: -148px; }
.new-hero-variation-section .hero-images .imgbox3 { width: 111px; height: 111px; left: 55%; top: -203px; }
.new-hero-variation-section .hero-images .imgbox4 { height: 111px; right: 5%; top: -158px; width: 111px; }
.new-hero-variation-section .hero-images .imgbox5 { top: 70%; }
.new-hero-variation-section .hero-images .imgbox10 { left: 3%; z-index: -1; }
.new-hero-variation-section .hero-images .imgbox6 { width: 124px; height: 124px; bottom: -54%; right: 10%; }
.new-hero-variation-section .hero-images .imgbox7 { right: 37%; }
.new-hero-variation-section .hero-images .imgbox8 { left: 33%; }
.new-hero-variation-section .hero-images .imgbox9 { height: 124px; width: 124px; left: 7%; bottom: -52%; } 

}*/

@media (max-width: 991px){
/*   .new-hero-variation-section{padding:120px 0 100px;} */
  .new-hero-variation-section{padding:70px 0 60px;}
  .new-hero-variation-section .section-heading .content { font-size: 20px; max-width: 520px; width: 100%; padding: 0 0 10px; }
  .new-hero-variation-section .section-heading .content p span { font-size: 18px; }
  .new-hero-variation-section .section-heading h1 { padding-bottom: 15px; }  
  .new-hero-variation-section .hero-images .imgbox4 { width: 90px; height: 90px; top: 55%; } 
  .new-hero-variation-section .hero-images .imgbox10 { width: 60px; height: 100px; top: 54%; }

}

@media (max-width: 767px){


  .new-hero-variation-section{padding:120px 0 80px;}
  .new-hero-variation-section .hero-images .imgbox4{left:2%;top: -70px;width: 80px;height: 70px;}
  .new-hero-variation-section .hero-images .imgbox2{width: 50px;height: 80px;top: -75px;left: 46%;}
  .new-hero-variation-section .hero-images .imgbox7{width: 30px;height: 40px;right: 6%;top: 25px;}
  .new-hero-variation-section .hero-images .imgbox10{width: 50px;height: 80px;top: -70px;right: 6%;}
  .new-hero-variation-section .hero-images .imgbox12{width: 60px;height: 50px;bottom: 50px;right:12%}
  .new-hero-variation-section .hero-images .imgbox11{width: 30px;height: 45px;right:5%}
  .new-hero-variation-section .hero-images .imgbox5{width:60px;height:80px;left:4%;bottom:30px}
  .new-hero-variation-section .btn-box { margin: 0 7px 15px; }
     .new-hero-variation-section .section-heading .content p{font-size: 14px; line-height: 1.5;}


  .new-hero-variation-section .hero-images .imgbox1{width:45px;height:45px;left:11%;top:20px}
  .new-hero-variation-section .hero-top-logo{width:150px;height:80px;margin:0 auto 20px}
  .new-hero-variation-section .hero-images .imgbox6{width:35px;height:45px;left:16%;bottom:-10px}

/*   .new-hero-variation-section .hero-images .imgbox9{display:none} */
/*   .new-hero-variation-section .hero-images .imgbox8{display:none}
  .new-hero-variation-section .hero-images .imgbox3{display:none} */
  .new-hero-variation-section .hero-images .imgbox9 { width: 70px; height: 70px; top: 0; right: 17%; }
  .new-hero-variation-section .hero-images .imgbox3,
  .new-hero-variation-section .hero-images .imgbox8 { width: 50px; height: 90px; top: 28%; } 
  .new-hero-variation-section .hero-images .imgbox8 { right: 5%; }


  .new-hero-variation-section .section-heading .content { font-size: 18px; line-height: 1.5; padding: 0; }
  .new-hero-variation-section .section-heading .content p span { font-size: 11px; }
  .new-hero-variation-section .section-heading h1 { padding: 0; font-weight: 600; }
  .new-hero-variation-section .btn-box a { width: 150px; text-align: center; }
  .new-hero-variation-section .hero-images img { border-radius: 20px; }
  .new-hero-variation-section  .btn { flex-direction: column;}
}