.btn-animi { animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 1; } .red-wave::after { background-image: url("./images/wave-bottom.png"); background-repeat: no-repeat; background-size: 100vw auto; background-position: bottom center; content: ""; width: 100%; height: 9vw; position: absolute; bottom: 0; display: none; } a.redbtn { font-family: 'ariston_comicbase' !important; color: #fff !important; text-transform: uppercase !important; background: url("./images/btn-bg.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; height: 8vw !important; font-size: 2.6vw !important; width: 15vw !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } 

a.bluebtn { font-family: 'ariston_comicbase' !important; color: #fff !important; text-transform: uppercase !important; background: url("./images/btn-bg-blu.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; height: 8vw !important; font-size: 2.6vw !important; width: 15vw !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; }

a.redbtnwithoutimg { font-family: 'ariston_comicbase' !important; color: #fff !important; text-transform: uppercase !important; background: url("./images/btn-bg.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; height: 8vw !important; font-size: 2.6vw !important; width: 15vw !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } .btn.submit-form { font-family: 'ariston_comicbase' !important; color: #fff !important; text-transform: uppercase !important; background: url("./images/btn-bg.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; height: 6vw !important; font-size: 2.2vw !important; width: 11vw !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; position: absolute !important; /*bottom: -10vw !important;*/ right: 4vw !important; } .hang-items a { text-decoration: none !important; } .hang-items { animation: swing ease-in-out 1s infinite alternate, bulbFall 2s, fadeIn 2s; } /*Added By Mykesh*/ @keyframes bulbFall { 0% { top: -100px; } 100% { top: 0px; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /*Added By Mukesh*/ .fourbtn-list a.redbtn.btn { font-size: 1.1vw !important; width: 10vw !important; }
.fourbtn-list a.bluebtn.btn { font-size: 1.1vw !important; line-height: 1.3vw !important; width: 10vw !important; } /*a.redbtn , .btn.submit-form { height: 17vw !important; font-size: 6.6vw !important; width: 37vw!important;}*/ .red-wave::after { height: 21vw; } /*.btn.submit-form { bottom: -38vw !important; height: 14vw !important; width: 34vw !important; padding-left: 4vw !important; left: -14vw !important;}*/ /*.fourbtn-list a.redbtn.btn { font-size: 4.5vw !important; line-height: 3.4vw !important; width: 26vw !important; height: 13.4vw !important; padding-left: 1.5vw !important;}*/ @media (max-width: 767px) { a.redbtn , a.bluebtn , .btn.submit-form { height: 17vw !important; font-size: 6.6vw !important; width: 37vw !important;} .fourbtn-list a.redbtn.btn, .fourbtn-list a.bluebtn.btn{ font-size: 4.5vw !important; line-height: 3.4vw; width: 26vw !important; height: 13.4vw !important; padding-left: 1.5vw; } } @media (max-width: 767px) { .fourbtn-list a.redbtn.btn, .fourbtn-list a.bluebtn.btn { font-size: 3.2vw !important; line-height: 3.4vw !important; } .slider-top-text { top: 25vw; } }