Imaging Optics CSS

[Anthony-Hopkins-star]

https://main--zemax--hlxsites.hlx.page/pages/applications#imaging-optics

1. Move the title (Applications) over to be aligned with the the section underneath (imaging optics)
2. Font is too big and needs to be shrunken to fit the current zemax.com design
3. The title and button both need to be put within the grey the box

[Anthony-Hopkins-star]

[ Mobile ] When clicking on collapsed set of content, the page should adjust its positioning and slide to the new open section rather then opening up and requiring the user to slide and view the new open content

1. The title needs to be centered
2. The heading needs to smaller and closer and have less padding between the body text. The body text also needs to be smaller.

1. Icons and text need to be left aligned and more compressed to look like the image that is presented below:
2. "View details" button needs to be put in the grey container.

[Anthony-Hopkins-star]

1. The heading needs to smaller and closer and have less padding between the body text. The body text also needs to be smaller.
2. The text and image need to switch places (while in desktop mode)

[kunwarsaluja]

@synox can you take care of this ? Akshay isnt working on Zemax this week.

[synox]

@kunwarsaluja I can check it tomorrow