@-webkit-keyframes cc-calto-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
@keyframes cc-calto-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
span.num{ position: absolute; color: #ec8b00; left: -30%; bottom: -50%; } .calls-buton .cc-caltos-action-ripple { z-index: 99999; position: fixed; Left: 1rem; bottom: 9rem; background: #25D366; width: 4rem; height: 4rem; padding: 1rem; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; -webkit-animation: cc-caltos-action-ripple 0.6s linear infinite; animation: cc-caltos-action-ripple 0.6s linear infinite; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .calls-buton .cc-caltos-action-ripple i { -webkit-transition: 0.3s ease; transition: 0.3s ease; font-size: 2.2rem; } .calls-buton .cc-caltos-action-ripple:hover i { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
@-webkit-keyframes cc-caltos-action-ripple { % { -webkit-box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2), 0 0 0 0 rgba(37,211, 102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102,,0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(37, 211,102, 0); } }
@keyframes cc-caltos-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); } }
span.num{ position: absolute; color: #fffff; left: -30%; bottom: -50%; }
@-webkit-keyframes cc-calto-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
@keyframes cc-calto-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
span.num{ position: absolute; color: #ec8b00; left: -30%; bottom: -50%; } .calls-buton .cc-caltos-action-ripple { z-index: 99999; position: fixed; Left: 1rem; bottom: 9rem; background: #25D366; width: 4rem; height: 4rem; padding: 1rem; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; -webkit-animation: cc-caltos-action-ripple 0.6s linear infinite; animation: cc-caltos-action-ripple 0.6s linear infinite; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .calls-buton .cc-caltos-action-ripple i { -webkit-transition: 0.3s ease; transition: 0.3s ease; font-size: 2.2rem; } .calls-buton .cc-caltos-action-ripple:hover i { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
@-webkit-keyframes cc-caltos-action-ripple { % { -webkit-box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2), 0 0 0 0 rgba(37,211, 102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); box-shadow: 0 4px 10px rgba(37, 211, 102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102,,0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(37, 211,102, 0); } }
@keyframes cc-caltos-action-ripple { 0% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 0 rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2); } 100% { -webkit-box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); box-shadow: 0 4px 10px rgba(37, 211,102, 0.2), 0 0 0 5px rgba(37, 211,102, 0.2), 0 0 0 10px rgba(37, 211,102, 0.2), 0 0 0 20px rgba(37, 211,102, 0); } }
span.num{ position: absolute; color: #fffff; left: -30%; bottom: -50%; }
At Msinterface Technologies Pvt. Ltd., we are all about cutting-edge technology solutions that pave the way to your business growth, unleashing your potential. Our story of inception has all those twists and turns that eventually brought technology freaks under one hood – and we’ve been proudly serving businesses of all sizes since 2014. We Started from Freelancing Jobs and getting full fledged Projects to set up a Team to serve you better.
We pride ourselves on delivering innovative, digital experiences that make an impact. From start-ups to SMB’s, Doctor’s , Psychiatry clinics, Transport companies and everyone in between – if you need it done right, we’re your team.
Â