.mockups{padding:60px 0 0}.mockups__section{align-items:center;display:flex;flex-direction:column;margin-bottom:80px}.mockups__section>.h4{margin-bottom:40px;width:100%}.mockups__section>.pill{margin-top:40px}.mockups__top{font-size:16px;margin:0 auto 40px;max-width:1160px;width:100%}.mockups__filters{margin:42px -20px 0;overflow:hidden;padding:0 20px}.mockups__filters .pill{margin:0 8px 0 0;min-width:100px}.mockups__filters .swiper__slide:last-child .pill{margin-right:0}.mockups__list-wrap{width:100%}.mockups__list .tile{align-items:center;display:flex;justify-content:flex-end;padding:0}.mockups__list .tile:hover{background:#f6f6f8;color:#4040ff}.mockups__list .tile__title{color:inherit;font-size:14px;left:24px;line-height:1.4289;position:absolute;right:24px;top:24px;z-index:10}.mockups__list .tile img{position:relative;transition:transform .2s ease-out;z-index:5}.mockups__list .tile:hover img{transform:scale(1.03)}.mockups__slogan{font-size:16px}.mockups__slogan .row{margin-bottom:80px}.mockups__slogan img{border-radius:26px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:-webkit-radial-gradient(#fff,#000)}.mockups__slogan-content{max-width:83%}.mockups__slogan p{font-size:inherit;margin:0}.designs{grid-gap:20px 20px;display:grid;gap:20px 20px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,auto);width:100%}.designs__item{border-radius:26px;overflow:hidden}.designs__item:first-child{grid-area:1/1/8/6}.designs__item:nth-child(2){grid-area:1/6/6/9}.designs__item:nth-child(3){grid-area:6/6/13/9}.designs__item:nth-child(4){grid-area:8/1/13/4}.designs__item:nth-child(5){grid-area:8/4/13/6}.designs__item:nth-child(6){grid-area:1/9/7/13}.designs__item:nth-child(7){grid-area:7/9/10/11}.designs__item:nth-child(8){grid-area:7/11/10/13}.designs__item:nth-child(9){grid-area:10/9/13/11}.designs__item:nth-child(10){grid-area:10/11/13/13}.designs img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@media only screen and (min-width:1025px){.mockups__list{grid-gap:20px 20px;display:grid;gap:20px 20px;grid-template-columns:repeat(12,1fr);grid-template-rows:280px repeat(5,100px) 210px;margin:0!important}.mockups__list .tile{margin:0}.mockups__list .column{padding:0;width:auto}.mockups__list .column:first-child{grid-area:1/1/2/5}.mockups__list .column:nth-child(2){grid-area:1/5/2/8}.mockups__list .column:nth-child(3){grid-area:1/8/2/11}.mockups__list .column:nth-child(4){grid-area:1/11/2/13}.mockups__list .column:nth-child(5){grid-area:2/1/4/4}.mockups__list .column:nth-child(6){grid-area:2/4/4/6}.mockups__list .column:nth-child(7){grid-area:2/6/4/8}.mockups__list .column:nth-child(8){grid-area:2/8/5/13}.mockups__list .column:nth-child(9){grid-area:4/1/7/3}.mockups__list .column:nth-child(10){grid-area:4/3/7/8}.mockups__list .column:nth-child(11){grid-area:5/8/7/11}.mockups__list .column:nth-child(12){grid-area:5/11/7/13}.mockups__list .column:nth-child(13){grid-area:7/1/8/5}.mockups__list .column:nth-child(14){grid-area:7/5/8/7}.mockups__list .column:nth-child(15){grid-area:7/7/8/10}.mockups__list .column:nth-child(16){grid-area:7/10/8/13}}@media only screen and (min-width:1025px)and (max-width:1280px){.mockups__list img{height:100%;max-height:76%;max-width:none;width:auto}}@media only screen and (min-width:1281px)and (max-width:1440px){.mockups__list{grid-template-rows:316px repeat(5,112px) 246px}.mockups__list img{height:100%;max-height:86%;max-width:none;width:auto}}@media only screen and (min-width:1441px){.mockups__list{grid-template-rows:360px repeat(5,130px) 280px}}@media only screen and (max-width:1440px){.mockups{padding-top:40px}.mockups__slogan br{display:none}.mockups__slogan-content{max-width:95%}}@media only screen and (max-width:1024px){.mockups{padding-top:20px}.mockups__section br{display:none}.mockups__section>.pill{margin-top:20px}.mockups__section>.h4{margin-bottom:24px}.mockups__top{font-size:14px;margin:0 auto 30px}.mockups__filters{margin-top:34px}.mockups__list .column{padding:0 8px}.mockups__list .tile{height:310px;margin-bottom:16px}.mockups__list .tile img{height:85%;object-fit:scale-down;width:100%}.mockups .designs__item{border-radius:16px}.mockups__slogan{font-size:14px}.mockups__slogan .h3{font-size:20px}}@media only screen and (max-width:767px){.mockups__section{margin-bottom:60px}.mockups__section>.h4{margin-bottom:20px}.mockups__list .column{width:50%}.mockups__list .tile img{display:block;height:82%}.mockups__slogan .column{width:100%}.mockups__slogan .row{margin-bottom:60px}.mockups__slogan .row:first-child .column:first-child,.mockups__slogan .row:nth-child(3) .column:first-child{order:1}.mockups__slogan-content{margin:24px 0 0;max-width:100%}}@media only screen and (max-width:639px){.mockups__section{margin-bottom:30px}.mockups__section>.pill{height:56px;width:100%}.mockups__filters{margin-top:20px}.mockups .designs{gap:16px 16px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr)}.mockups .designs__item:first-child{grid-area:1/1/2/2}.mockups .designs__item:nth-child(2){grid-area:2/1/3/2}.mockups .designs__item:nth-child(3){grid-area:1/2/3/3}.mockups .designs__item:nth-child(4){grid-area:3/1/4/2}.mockups .designs__item:nth-child(5){grid-area:3/2/4/3}.mockups .designs__item:nth-child(6){grid-area:4/1/6/3}.mockups .designs__item:nth-child(7){grid-area:6/1/7/2}.mockups .designs__item:nth-child(8){grid-area:6/2/7/3}.mockups .designs__item:nth-child(9){grid-area:7/1/8/2}.mockups .designs__item:nth-child(10){grid-area:7/2/8/3}.mockups__slogan .row{margin-bottom:40px}.mockups__slogan-content{margin:15px 0 0}}@media only screen and (max-width:480px){.mockups__list .tile{height:236px}.mockups__list .tile img{height:78%}.mockups__list .tile__title{left:16px;right:16px;top:16px}}