/* Reset Css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{font-size: 16px;line-height: 1.4;font-family: 'Poppins', sans-serif;font-weight: 400;color: #515151;background-color: #fff;}
.download_app .container{ width: 100%; max-width: 450px; padding: 0 25px; margin: 0 auto; }
.download_app .top-section{background-color: #ff940f;padding: 1px 0;}
.download_app .top-section-inner{padding: 25px 0 0;/* margin-bottom: -35px; */overflow: hidden;}
.logo-wrap{ }
.download_app .logo-wrap .logo img{ display: block; width: 58%; margin-left: -10px;}
.download_app .logo-wrap h1{ font-size: 30px; font-weight: 600; color: #fff; margin-bottom: 5px; }
.download_app .logo-wrap h1 a{text-decoration:none;color: #fff;}
.download_app .logo-wrap h1 a:hover{text-decoration:none; color: #fff;}
.download_app .logo-wrap h4{font-size: 17px;color: #fff;}
.download_app .features-row{position: relative;padding: 20px 0 40px;}
.download_app .features-row .left-content{padding-right: 100px;}
.download_app .features-row .features-list{ list-style: none; }
.download_app .features-row .features-list li{position: relative;font-size: 22px;padding-left: 14px;margin: 30px 0;color: #333333;text-align: left;}
.download_app .features-row .features-list li:first-child{ margin-top: 0; }
.download_app .features-row .features-list li:last-child{ margin-bottom: 0; }
.download_app .features-row .features-list li b{ font-weight: 600; }
.download_app .features-row .features-list li:before{content: "";width: 3px;height: 100%;background-color: #e16b07;position: absolute;left: 0;top: 0;}
.download_app .features-row .img-col{position: absolute;left: -25px;top: -55px;pointer-events: none;}
.download_app .footer{color: #fff;text-align: center;padding: 20px 0;}
.download_app .top-section-inner p{margin-bottom: 15px;margin-top: 20px;font-weight: 600;}
.download_app .top-section-inner p a{text-decoration:none; color: #fff;}
.download_app .top-section-inner p a:hover{text-decoration:none; color: #fff;}
.download_app .top-section-inner .footer-btn{display: inline-block;padding: 12px 24px 5px;width: 48%;border-radius: 35px;box-shadow: 0 7px 7px rgba(0,0,0,0.16);background-color: #fff;text-align: center;margin: 0 auto;vertical-align: middle;}
.download_app .top-section-inner .footer-btn img{display: inline-block;margin: 0 auto;width: 85%;}
.download-btns{position:relative;margin-bottom: 75px;}
/* .gapp-btn{
animation: zoom-in-zoom-out 2s ease-out infinite;
} */
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
/* Vibrate animation */
.gapp-btn-1 {
/* display: flex;
margin: auto;
text-decoration: none;
outline: none;
font-size: 40px;
cursor: pointer;
position: relative;
background: #009aff;
width: 70px;
height: 70px; */
border-radius: 50%;
animation: pulse 2s ease-out infinite;
}
.gapp-btn-1{
animation: pulse 2s ease-out infinite;
}
.gapp-btn-1:after {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
border-radius: 50%;
position: absolute;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0px rgba(255,255,255,1),0 0 0 0px rgba(255,255,255,0.85); }
50% { transform: scale(1); }
100% { box-shadow: 0 0 0 15px rgba(255,255,255,0),0 0 0 30px rgba(255,255,255,0); }
}
/* Vibrate animation */
/* strip animtion */
.gapp-btn {
overflow: hidden;
position: relative;
background: #0C70B3 !important;
box-shadow: none !important;
}
.gapp-btn span{
z-index: 20;
}
.gapp-btn:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: .2;
position: absolute;
top: -50px;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 30px;
/* z-index: -10; */
animation: AJ 1s ease-out infinite;
}
.gapp-btn:hover:after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.gapp-btn{
/*animation: AJ 2s ease-out infinite;*/
}
@keyframes AJ {
0% { left: 0%; }
100% { left: 120%; }
}
/* strip animtion */
/* New animation */
.new-animation {
position:relative;
overflow: hidden;
margin-right: 8px !important;
}
.new-animation:before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #C0C0C0;
animation: shiny-btn1 3s ease-in-out infinite;
}
.new-animation:active{
box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.2),
inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@-webkit-keyframes shiny-btn1 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* New animation */
@media (max-width: 767px) {
.download_app .features-row .img-col {
position: absolute;
left: -40px;
top: -55px;
pointer-events: none;
}
.download-btns{margin-bottom: 65px;}
}