section.hero{padding:0;border-radius:24px 24px 0 0;overflow:hidden}section.hero .background{background:linear-gradient(180deg,#FFF 50%,#929090 50%);position:relative;width:100%;aspect-ratio:1.24/1;overflow:hidden}section.hero .background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}section.hero .background .asset,section.hero .background img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="315" viewBox="0 0 393 315" fill="none"><path d="M108.171 314.822H0V299.517V21.1405C-5.11295e-05 0 26.1898 0 26.1898 0H358.485C386.704 0 393 19.2355 393 23.8268V260.202C393 270.661 392.995 273.197 392.995 273.197H180.48C173.177 273.197 160.986 275.219 156.377 282.206L136.192 306.672C130.816 314.822 112.324 315.161 108.171 314.822Z" fill="white"/><path d="M108.171 314.822H0V299.517V21.1405C-5.11295e-05 0 26.1898 0 26.1898 0H358.485C386.704 0 393 19.2355 393 23.8268V260.202C393 270.661 392.995 273.197 392.995 273.197H180.48C173.177 273.197 160.986 275.219 156.377 282.206L136.192 306.672C130.816 314.822 112.324 315.161 108.171 314.822Z" fill="white" fill-opacity="0.5"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="315" viewBox="0 0 393 315" fill="none"><path d="M108.171 314.822H0V299.517V21.1405C-5.11295e-05 0 26.1898 0 26.1898 0H358.485C386.704 0 393 19.2355 393 23.8268V260.202C393 270.661 392.995 273.197 392.995 273.197H180.48C173.177 273.197 160.986 275.219 156.377 282.206L136.192 306.672C130.816 314.822 112.324 315.161 108.171 314.822Z" fill="white"/><path d="M108.171 314.822H0V299.517V21.1405C-5.11295e-05 0 26.1898 0 26.1898 0H358.485C386.704 0 393 19.2355 393 23.8268V260.202C393 270.661 392.995 273.197 392.995 273.197H180.48C173.177 273.197 160.986 275.219 156.377 282.206L136.192 306.672C130.816 314.822 112.324 315.161 108.171 314.822Z" fill="white" fill-opacity="0.5"/></svg>');-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}section.hero .wrapper .content{padding:80px 16px;width:100%;background:#929090}section.hero .wrapper .content h1,section.hero .wrapper .content p,section.hero .wrapper .content p *{color:#fff}section.boxes{padding:32px 16px;overflow:hidden}section.boxes .wrapper .swiper{overflow:visible;padding-bottom:40px}section.boxes .wrapper .swiper .swiper-pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:0;border-radius:5px;overflow:hidden}section.boxes .wrapper .swiper .swiper-pagination .swiper-pagination-bullet{width:100%;height:6px;border-radius:0;margin:0;opacity:1;background:#F2F4F8;transition:all .3s ease}section.boxes .wrapper .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#929090;border-radius:6px}section.boxes .wrapper .swiper .swiper-wrapper{gap:1px;padding-left:1rem}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box{position:relative;width:100%;border-radius:20px;overflow:hidden;transition:all .3s ease}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box .arrow{background:#929090;width:43px;height:43px;border-radius:43px;position:absolute;top:0;right:0;opacity:0;transform:scale(0) skewY(-25deg);transform-origin:100% 0;transition:all .3s ease}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box:hover .image{-webkit-mask-size:100%;mask-size:100%}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box:hover .arrow{transform:scale(1) skewY(0);opacity:1}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box .image{width:100%;aspect-ratio:1/1;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 200 200" fill="none"><path d="M125.894 0H20C8.95431 0 0 8.95431 0 20V180C0 191.046 8.95431 200 20 200H180C191.046 200 200 191.046 200 180V74.2857C200 63.24 191.046 54.2857 180 54.2857H165.894C154.848 54.2857 145.894 45.3314 145.894 34.2857V20C145.894 8.95431 136.939 0 125.894 0Z" fill="white"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 200 200" fill="none"><path d="M125.894 0H20C8.95431 0 0 8.95431 0 20V180C0 191.046 8.95431 200 20 200H180C191.046 200 200 191.046 200 180V74.2857C200 63.24 191.046 54.2857 180 54.2857H165.894C154.848 54.2857 145.894 45.3314 145.894 34.2857V20C145.894 8.95431 136.939 0 125.894 0Z" fill="white"/></svg>');-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:center;mask-position:center;transition:all .3s ease}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box .label{position:absolute;bottom:0;left:0;width:100%;background:#929090;padding:12px 14px}section.boxes .wrapper .swiper .swiper-wrapper .swiper-slide .box .label p{color:#fff;font-weight:600}@media only screen and (min-width: 992px){section.hero{padding:80px 16px 420px;border-radius:38px 38px 0 0}section.hero .background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}section.hero .background img,section.hero .background .asset{-webkit-mask-image:none;mask-image:none}section.hero .wrapper .content{background:none;max-width:683px;padding:0}section.boxes{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:row;flex-wrap:auto;margin:-140px auto 0;padding:0;position:relative}section.boxes .wrapper{background:#FFF;border-radius:74px 0 0;padding:32px;max-width:875px;margin:0;position:relative}section.boxes .wrapper:before{content:"";position:absolute;left:-15px;top:-45px;--r: 40px;width:140px;height:calc(100% - 140px);transform:rotate(90deg) skewY(35deg);background:#FFF;border-radius:0 var(--r)/0 calc(2 * var(--r));padding-block:var(--r);--_m:#0000 100%,#000 calc(100% + 1px);mask:conic-gradient(#000 0 0) content-box,radial-gradient(var(--r) at 100% 0,var(--_m)) no-repeat,radial-gradient(var(--r) at 0 100%,var(--_m)) 100% 100% no-repeat;-webkit-mask-size:var(--r) var(--r);mask-size:var(--r) var(--r)}}