:root{--transition-duration-2:0s;--transition-duration-3:0s}.visible{--transition-duration-2:0.2s;--transition-duration-3:0.3s}.bottom-banner{padding:190px 0 120px 0}@media screen and (max-width:991px){.bottom-banner{padding:40px 0}}.bottom-banner__inner{background:var(--theme-secondary) url('images/pattern-v1.svg') no-repeat right -85px center;background-size:318px;border-radius:24px;padding:40px 40px 40px 450px;position:relative;height:368px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:991px){.bottom-banner__inner{padding:30px 30px 0 30px;display:block;height:auto;background-position:center bottom}}.bottom-banner__media{position:absolute;left:0;bottom:0;width:400px}@media screen and (max-width:991px){.bottom-banner__media{position:static;width:294px;margin-top:40px}}@media screen and (max-width:340px){.bottom-banner__media{width:235px}}.bottom-banner__subtitle{font-size:16px}.bottom-banner__title{font-style:italic}.bottom-banner.centered-without-img .bottom-banner__inner{padding-left:40px;text-align:center;background-position:center;background-image:url('images/pattern-v1.svg');background-size:514px}@media screen and (max-width:991px){.bottom-banner.centered-without-img .bottom-banner__inner{padding-top:130px;padding-bottom:130px;background-size:80%}}.bottom-banner.centered-without-img .bottom-banner__subtitle{font-size:32px}@media screen and (max-width:991px){.bottom-banner.centered-without-img .bottom-banner__subtitle{font-size:24px;line-height:32px}}.page-title{padding-bottom:120px}@media screen and (max-width:991px){.page-title{padding-bottom:80px}}.page-title>.template-container{padding-top:130px}@media screen and (max-width:991px){.page-title>.template-container{padding-top:40px}}.page-title::after{display:inline-block;content:"";width:440px;height:681px;background:url("images/pattern-v1.svg") no-repeat left top;position:absolute;background-size:548px;right:0;bottom:0;pointer-events:none;transform:translateY(50%)}@media screen and (max-width:991px){.page-title::after{width:145px;height:266px;background-size:182px}}.ons-werk-header{padding-top:120px;padding-bottom:50px}@media screen and (max-width:991px){.ons-werk-header{padding-top:50px;padding-bottom:30px}}.ons-werk-content .background-img{border-radius:24px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}@media screen and (max-width:991px){.ons-werk-content .background-img{height:390px!important;margin-bottom:30px}}@media screen and (max-width:350px){.ons-werk-content .background-img{padding:15px}}.ons-werk-content .background-img::before{display:inline-block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.65) 100%);pointer-events:none}.ons-werk-content>.template-container>.template-row{height:840px}@media screen and (max-width:991px){.ons-werk-content>.template-container>.template-row{flex-direction:column;height:auto}}.ons-werk-content .template-container .template-row{display:flex}@media screen and (max-width:991px){.ons-werk-content .template-container .template-row{flex-direction:column}}.ons-werk-content .template-container .template-row .inner-column,.ons-werk-content .template-container .template-row .template-column{height:100%}.ons-werk-content__right{display:flex;flex-direction:column;gap:30px}@media screen and (max-width:991px){.ons-werk-content__right{gap:0}}.ons-werk-content__right>.template-row{flex:1}.our-project__left{height:100%}.our-project__left>.template-component{height:100%}.our-project__left>.template-component .UIMedia{height:100%}.our-project__left>.template-component .UIMedia img{width:100%;height:100%;object-fit:cover;border-radius:24px 0 0 24px}@media screen and (max-width:991px){.our-project__left>.template-component .UIMedia img{border-radius:24px 24px 0 0}}.our-project>.template-container>.template-row{margin:0}@media screen and (min-width:992px){.our-project>.template-container>.template-row{display:flex}}.our-project__content{border-radius:0 24px 24px 0;padding:60px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:991px){.our-project__content{border-radius:0 0 24px 24px;padding:25px 25px 50px}}<!-- module: frontend/template controller: default  action: themestyle -->