Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut quam arcu. Proin nunc.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut quam arcu. Proin nunc.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut quam arcu. Proin nunc.
Web Development
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut quam arcu. Proin nunc.
Brand Building
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut quam arcu. Proin nunc.
.serviceBox{ padding: 20px 0; text-align: center; border-bottom: 3px solid transparent; position: relative; transition: all 0.5s ease-in-out; } .serviceBox:hover{ border-bottom-color: #e64b6e; } .serviceBox:after{ content: ""; position: absolute; bottom: 0px; border: 9px solid transparent; border-top-color: transparent; transform: rotate(180deg); transition: all 0.4s ease-in-out; } .serviceBox:hover:after{ border-top-color: #e64b6e; } .serviceBox .service-icon{ width: 120px; height: 120px; line-height: 120px; border-radius: 50%; margin: 0 auto; background: #e3e0e0; color: #7e828a; font-size: 50px; margin-bottom: 40px; transition: all 0.5s ease-in-out; } .serviceBox:hover .service-icon{ background: #e64b6e; color: #fff; } .serviceBox h3{ font-size: 18px; line-height: 20px; font-family: sans-serif; margin: 20px 0; color: #7e828a; } .serviceBox p{ font-size: 14px; color: #7e828a; } @media screen and (max-width: 767px){ .serviceBox{ margin-bottom: 10px; } }