# Intercept Layout

With intercept layout properties, you can fully control the appearance and on-screen positioning of each intercept. This allows you to seamlessly integrate intercepts into your website’s design and optimize the user experience.

* **`Style`**overrides the default style that is assigned to the survey, this allows you to set a custom style for each intercept and match the branding based on the visitors.
* **`Content size`**size of the intercept that is displayed to the visitor. The size will automatically shrink down and adapt if the visitors is using a mobile device. 
* **`Corners`**type of corners of the intercept.
* **`Shadows`** level of shadows of the intercept.
* **`Position`**position of the intercept on screen. If you want to fully center the intercept you can double click on the center icon.
* **`Button position`** if you have    
* **`CSS code`**enter any custom CSS that will be applied to your intercept you can use following CSS classes to customize your intercept.

```css
.ngs-survey__intercept
.ngs-survey__intercept-header {}
.ngs-survey__intercept-button {}
.ngs-survey__intercept-close {}
.ngs-survey__intercept-content {}
.ngs-survey__intercept-content-body {}
.ngs-survey__intercept-content-footer {}  
```