Fix content and card size in service section for consistency

[akshay0611]

Changes:

• Updated the content within the service section to provide more relevant information.
• Applied CSS fixes to ensure service cards have a consistent size, regardless of content length.

Why:

This update addresses the issue of inconsistent card sizes and improves the clarity of the service section content.

Screenshots :

Related Issue:

Closes #15

[Imran-imtiaz48]

Your CSS implementation is well-structured and effectively enhances the design of the service card component. The use of padding: 40px; ensures ample spacing, making the content look clean and visually appealing. The box-shadow and border-radius properties provide a modern and elegant touch, while height: 380px; ensures a consistent layout. Additionally, using display: flex; with flex-direction: column; and justify-content: space-between; smartly distributes content, maintaining a well-balanced appearance. The inclusion of overflow: hidden; is a great choice to prevent unwanted content overflow, ensuring a neat and polished look. The .card-icon styling is also well-defined, keeping the icon size uniform. Overall, your CSS is well-optimized, maintaining readability and structure while following modern design principles.

[Imran-imtiaz48]

The service-card styling defines a responsive and visually appealing card component with a fixed height of 380px, a 40px padding, rounded corners, and a shadow for depth, ensuring a clean and modern design. The use of flex layout with column direction and justify-content: space-between ensures even distribution of content, enhancing readability and structure. The overflow: hidden property prevents any content overflow, maintaining a neat appearance. Additionally, the .card-icon within the card is styled with consistent dimensions of 60px width and height, contributing to a uniform and professional look. Overall, these styles reflect a well-thought-out design approach for a business agency website.