.recent-project{overflow:hidden}.project-media-button{--style-border-width-buttons-primary:2px;--color-primary-button-border:#fff;--color-background:#20282d}.project-content{--color-background:#20282d;--color-foreground-heading:#fff;--color-foreground:#f2f2f2}.project-button .button--secondary:focus,.project-button .button--secondary:hover{--color-secondary-button-hover-border:#ffffff4d}.recent-project .section-headings-right{width:450px;min-width:450px}.project-media{margin-block-start:60px}.project-img-large{justify-content:center;display:flex;position:relative}.project-img{display:flex;position:relative;overflow:hidden}.project-img img{object-fit:cover;height:auto}.project-media-button{z-index:2;border-radius:100%;width:60px;height:60px;padding:0;text-decoration:none;position:absolute;bottom:-30px}.project-button .button--secondary:focus,.project-button .button--secondary:hover{color:var(--color-secondary-button-hover-text);background-color:var(--color-secondary-button-hover-background);border:var(--style-border-width-buttons-secondary)solid var(--color-secondary-button-hover-border)}.project-media-button svg{min-width:28px;height:28px}.project-content{background-color:var(--color-background);z-index:3;max-width:645px;margin-block-start:-160px;margin-inline-start:auto;padding:40px;position:relative}.project-slider .swiper-nav-inner svg{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);--swiper-navigation-size:14px;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size)}.project-slider .swiper-nav-inner>*{--size:44px;--color-border:#1c253900;--style-border-width:1px;width:var(--size);height:var(--size);border:var(--style-border-width)solid var(--color-border);border-radius:100%;margin:0;transition:all .3s;position:static}.project-slider .swiper-button-prev,.project-slider .swiper-button-next{--swiper-navigation-color:#1c2539;--swiper-navigation-background-color:#f2f2f2;color:var(--swiper-navigation-color);background-color:var(--swiper-navigation-background-color)}.swiper-nav-inner>:focus,.swiper-nav-inner>:hover{--color-border:#1c2539}@media (max-width:1199px){.project-content{max-width:510px;padding:32px 24px}}@media (max-width:991px){.recent-project .section-headings-horizontal{flex-wrap:wrap}.recent-project .section-headings-right{min-width:100%}.project-media{margin-block-start:40px}.project-img-small{margin-block-start:48px}.project-content{max-width:100%;margin-block-start:40px}}@media (max-width:767px){.project-media-button{width:48px;height:48px;bottom:-24px}.project-media-button svg{min-width:20px;height:20px}.project-content{padding:24px 16px 30px}}