UI CARDS
UI CARDS SERVICES
<style><!-- [et_pb_line_break_holder] -->.info_details {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0px ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .fa {<!-- [et_pb_line_break_holder] --> margin-right: 8px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .title {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> width: 49%;<!-- [et_pb_line_break_holder] --> margin-top: 5px;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> line-height: 1em ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .details {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> width: 49%;<!-- [et_pb_line_break_holder] --> margin: 10px 0 35px;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-weight: 500;<!-- [et_pb_line_break_holder] --> color: #666;<!-- [et_pb_line_break_holder] --> line-height: 1.4em ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*--------------- General Column Hover Effect ---------------------------------------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] --> .column_hover_effect.et_pb_column {<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.2);<!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.2);<!-- [et_pb_line_break_holder] --> box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.2);<!-- [et_pb_line_break_holder] --> transition: all 0.4s ease-in-out;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .column_hover_effect.et_pb_column:hover {<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0 15px 20px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0 15px 20px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] --> box-shadow: 0 15px 20px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] --> -webkit-transform: translate(0, -4px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

SERVICE 1
Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero malesuada feugiat.
WhenDuration
everyday
11.30 am
2.30 pm
5.30 pm2 hours
11.30 am
2.30 pm
5.30 pm2 hours

SERVICE 2
Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero malesuada feugiat.
WhenDuration
everyday
11.30 am
2.30 pm
5.30 pm2 hours
11.30 am
2.30 pm
5.30 pm2 hours

SERVICE 3
Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero malesuada feugiat.
WhenDuration
everyday
11.30 am
2.30 pm
5.30 pm2 hours
11.30 am
2.30 pm
5.30 pm2 hours