.page-portfolio .portfolios .portfolio__row{row-gap:30px}.portfolios .portfolio-item .portfolio-inner{display:grid;gap:22px;position:relative}.portfolios .portfolio-item .portfolio-image{border-radius:5px;position:relative;overflow:hidden}.portfolios .portfolio-item .portfolio-image a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000000d;opacity:0}.portfolios .portfolio-item:hover .portfolio-image a:before{opacity:1}.portfolios .portfolio-item .portfolio-image img{-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s}.portfolios .portfolio-item:hover .portfolio-image img{transform:scale(1.09);opacity:.9}.portfolios .portfolio-item .portfolio-image .hover-icon{position:absolute;right:20px;bottom:20px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:var(--color-base-background-1);box-shadow:0 3px 2.5px #00000005;color:var(--link-color);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;opacity:0;visibility:hidden;transform:scale(0)}.portfolios .portfolio-item:hover .portfolio-image .hover-icon{opacity:1;visibility:visible;transform:scale(1)}.portfolios .portfolio-item .portfolio-image .hover-icon svg{width:25px;height:25px}.portfolios .portfolio-item .portfolio-image .hover-icon:hover{background-color:var(--main-color2);color:#fff}.portfolios .portfolio-item .portfolio-content,.portfolios .portfolio-item .portfolio__content-info{display:grid;gap:10px}.portfolios .portfolio-item .portfolio-content .portfolio-title{font-size:24px;line-height:1.2;font-weight:var(--font-medium);margin:0}.portfolios .portfolio-item .portfolio-content .tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;font-size:14px;color:var(--main-color2);font-weight:var(--font-body-weight)}.page-portfolio .tab-content{flex-grow:1}.page-portfolio .tab-content .tab-pane{display:none}.page-portfolio .tab-content>.active{display:block}.page-portfolio .fade.show{opacity:1}.page-portfolio .style_1 .portfolio-tabs{margin-bottom:44px}.page-portfolio .style_1 .portfolio-tabs ul{display:flex;column-gap:55px;row-gap:10px;justify-content:center;flex-wrap:wrap}.page-portfolio .style_1 .portfolio-tabs ul li a{font-size:24px;font-weight:var(--font-medium);position:relative;display:inline-block}.page-portfolio .style_1 .portfolio-tabs ul li a:before{content:"";display:inline-block;width:0;height:2px;background-color:var(--main-color2);position:absolute;left:0;bottom:0;transition:all .3s ease-out 0s}.page-portfolio .style_1 .portfolio-tabs ul li a.active:before,.page-portfolio .style_1 .portfolio-tabs ul li a:hover:before{width:100%}.page-portfolio .style_1 .portfolio-tabs ul li a.active{color:var(--main-color)}.page-portfolio .style_2{display:flex;gap:30px;flex-direction:row;align-items:flex-start;justify-content:center;position:relative;overflow:clip}.page-portfolio .style_2 .portfolio-tabs{width:330px;flex:0 0 330px}.page-portfolio .style_2 .portfolio-tabs ul{display:flex;justify-content:center;flex-direction:column}.page-portfolio .style_2 .portfolio-tabs ul li{width:100%;margin-bottom:30px}.page-portfolio .style_2 .portfolio-tabs ul li a{font-size:24px;font-weight:var(--font-body-weight);position:relative;display:block;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.page-portfolio .style_2 .portfolio-tabs ul li a:before{content:"";display:inline-block;width:0;height:1px;background-color:var(--main-color2);position:absolute;left:0;bottom:0;transition:all .3s ease-out 0s}.page-portfolio .style_2 .portfolio-tabs ul li a.active:before,.page-portfolio .style_2 .portfolio-tabs ul li a:hover:before{width:100%}.page-portfolio .pagination-wrapper{margin-top:8rem}@media(min-width:1200px){.page-portfolio .style_2 .tab-content{transform:translateY(-7px)}}@media(max-width:1199px){.page-portfolio .style_2 .portfolio-tabs{width:220px;flex:0 0 220px}}@media(max-width:767px){.page-portfolio .style_1 .portfolio-tabs ul{column-gap:20px;row-gap:15px}}@media(max-width:576px){.page-portfolio .style_2{flex-wrap:wrap}.page-portfolio .style_2 .portfolio-tabs{width:100%;flex:0 0 100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-portfolio-list.css.map */