.projects-list{padding:5em 0;position:relative;overflow:hidden;background-color:#fff}.projects-list .blocks .swiper-button-next,.projects-list .blocks .swiper-button-prev{background-color:#bcd731;width:40px;height:40px;border-radius:50%}.projects-list .blocks .swiper-button-next::after,.projects-list .blocks .swiper-button-prev::after{font-size:15px;color:#1d1d1d}.projects-list .blocks .swiper-button-next:hover,.projects-list .blocks .swiper-button-prev:hover{background-color:#4fc3df}.projects-list .blocks .swiper-button-prev{transform:translateY(calc(-100% - 5px))}.projects-list .blocks .swiper-button-next{right:inherit;left:10px;transform:translateY(calc(0 + 5px))}.projects-list .blocks .item{position:relative;padding:0 15px}.projects-list .blocks .item a{text-decoration:none}.projects-list .blocks .item a:focus .caption .title-large::before,.projects-list .blocks .item a:hover .caption .title-large::before{background-color:#bcd731}.projects-list .blocks .item .poster img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:10px}.projects-list .blocks .item .caption{padding-top:1em}.projects-list .blocks .item .caption .title-large{position:relative;padding-left:35px;color:#1d1d1d}.projects-list .blocks .item .caption .title-large::before{content:"";display:block;width:20px;height:20px;border-radius:50%;background-color:#4fc3df;position:absolute;top:.25em;left:0}.projects-list .blocks .item .caption .tags span{display:inline-block;color:#1d1d1d;border:1px solid rgb(227,224.3,221.6);font-size:13px;border-radius:50px;padding:.35em .85em;margin-right:.5em;margin-bottom:.5em}.projects-list .blocks .item:last-child{margin-right:0}@media (min-width:768px){.projects-list .blocks .item .poster img{aspect-ratio:16/9}}.intro{background-color:#1d1d1d;position:relative;padding-bottom:5em}.intro .heading-s1{margin-top:3em}.intro .container{position:relative;z-index:10}.intro .fig{position:absolute;top:50%;right:0;z-index:1;transform:translateX(25%) translateY(-50%)}.intro .fig img,.intro .fig svg{width:100%;height:auto}.intro .poster{position:relative;z-index:2}.intro .poster img{width:100%;height:auto}.intro .list{list-style-type:none;margin:0;padding:0}.intro .list .item{border:1px solid #fff;padding:1px;margin-bottom:2em;position:relative;border-radius:10px}.intro .list .item figure{margin-bottom:0}.intro .list .item figure .pic{position:relative}.intro .list .item figure .pic .img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.intro .list .item figure .pic .icon{position:absolute;bottom:0;right:1em;transform:translateY(50%);width:75px}.intro .list .item figure figcaption{padding:2.25em 1em 1em}.intro .list .item:last-child{margin-bottom:0}.intro .list .item:focus,.intro .list .item:hover{border-color:#bcd731}@media (min-width:576px){.intro .list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.intro .list .item{width:calc(50% - 1em)}}@media (min-width:992px){.intro .fig{width:50%}}@media (min-width:1200px){.intro .list .item{width:calc(33.3333% - 1.5em)}.intro .list .item figure .pic .img{aspect-ratio:16/9}.intro .fig{width:40%}}.intro-landing .heading-s1{margin-top:3em;margin-bottom:3em}.intro-landing .container{position:relative;z-index:10}.intro-landing .fig{position:absolute;top:50%;right:0;z-index:1;transform:translateX(25%) translateY(-50%)}.intro-landing .fig img,.intro-landing .fig svg{width:100%;height:auto}.intro-landing .poster{position:relative;z-index:2}.intro-landing .poster img{width:100%;height:auto}@media (min-width:576px){.intro-landing .blocks .item{width:60%}}@media (min-width:768px){.intro-landing .blocks .item{width:40%}}@media (min-width:992px){.intro-landing .blocks{justify-content:space-between;overflow:visible}.intro-landing .blocks .item{width:calc(33.3333% - .5em);margin-right:0}.intro-landing .blocks .item .icon{top:0;left:50%;transform:translateX(-50%) translateY(-50%)}.intro-landing .blocks .item .caption{opacity:0}.intro-landing .blocks .item .title{opacity:1}.intro-landing .blocks .item:focus .title,.intro-landing .blocks .item:hover .title{opacity:0}.intro-landing .blocks .item:focus .caption,.intro-landing .blocks .item:hover .caption{opacity:1}.intro-landing .fig{width:50%}}@media (min-width:1200px){.intro-landing .heading-s1{margin-bottom:4em}.intro-landing .blocks .item .icon img{width:75px;height:75px}.intro-landing .fig{width:40%}}@media (min-width:1400px){.intro-landing .heading-s1{margin-bottom:5em}}