.popular-services .cnt-points li { line-height: 35px; padding: 0; margin: 0; list-style: none; width: 100%; float: left; font-size: 15px; color: #6abe45; } .about-title h4{ font-size: 18px; font-weight: 600; color: #888888; } .about-title h3{ color: #6abe45; } .hero-text{ /* background: linear-gradient(90deg,transparent,#0000003a, transparent); */ background-color: #0000003a; padding: 50px; } .hero-text h6, .hero-text h1,.hero-text p { color: #fff; } .section-top-spacing{ padding-top: 110px; } .contact-whatsapp { width: 50px; position: fixed; bottom: 130px; left: 15px; z-index: 9999; display: inline-block; animation: up-down 1s infinite; } @keyframes up-down { 0% {transform:translateY(0px);} 50% {transform:translateY(20px);} 100% {transform:translateY(0px);} /*50% {margin-top:-20px;}*/ /*100% {margin-top: 0px;}*/ } .social-icons-left li { float: left; font-size: 25px; margin-right: 20px; } .btn-sonar { background: #d31f26; border: 0; border-radius: 50%; width: 60px; height: 60px; display: inline-block; color: #fff; outline: 0; position: fixed; text-align: center; line-height: 80px; left: 10px; bottom: 10px; z-index: 99; } .btn-sonar img { width: 35px; height: 35px; margin-top: -20px; animation: rotate-img 1s infinite; } .btn-sonar::before { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; animation: sonar-effect 1s ease-in-out .1s infinite; } @keyframes rotate-in { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sonar-effect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #d31f26}100%{box-shadow:0 0 0 5px #d31f26,0 0 10px 10px #d31f26,0 0 0 10px #1fd3ba;transform:scale(1.5);opacity:0}} @media (max-width: 767.98px){ .section-top-spacing { padding-top: 80px; } }