.portfolio-listing .portfolio-listing-row{margin-top:10px}.portfolio-listing .portfolio-listing-item{margin-top:50px}.portfolio-listing .portfolio-listing-item .img-wrap{position:relative}.portfolio-listing .portfolio-listing-item .img-wrap .img{position:relative;opacity:1;transition:opacity .2s;z-index:0}.portfolio-listing .portfolio-listing-item .img-wrap .hover-img{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:contain;opacity:0;transition:opacity .2s;z-index:5}.portfolio-listing .portfolio-listing-item .img-wrap .play-icon{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60px;width:60px;z-index:10;display:none}.portfolio-listing .portfolio-listing-item .img-wrap .portfolio-links-wrap{position:absolute;bottom:20px;left:20px;z-index:20}.portfolio-listing .portfolio-listing-item .img-wrap .portfolio-links-wrap a{background:rgba(0,185,191,.9);border-radius:6px;margin-right:5px;height:40px;width:40px;display:inline-block;position:relative}.portfolio-listing .portfolio-listing-item .img-wrap .portfolio-links-wrap a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{position:absolute;right:0;bottom:0;background-color:#687693;border-radius:50%}.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30}.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link div .arrow-span{position:relative;opacity:1}.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link div .hover-arrow-span{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:contain;transition:opacity .2s;opacity:0}.portfolio-listing .portfolio-listing-item .img-wrap:hover .hover-img,.portfolio-listing .portfolio-listing-item .img-wrap:hover .img{opacity:1}.portfolio-listing .portfolio-listing-item .img-wrap:hover .play-icon{opacity:1;display:inline-block}.portfolio-listing .portfolio-listing-item .img-wrap:hover .arrow-link{background-color:#00ade8}.portfolio-listing .portfolio-listing-item .img-wrap:hover .arrow-link div .arrow-span{opacity:0}.portfolio-listing .portfolio-listing-item .img-wrap:hover .arrow-link div .hover-arrow-span{opacity:1}.portfolio-listing .portfolio-listing-item .item-heading{margin-top:30px}.portfolio-listing .portfolio-listing-item .item-description p{margin-top:20px}.portfolio-listing-modal .btn-close{position:absolute;right:-20px;top:-20px;border-radius:50% 50% 50% 0;z-index:1;opacity:1;background:#00b9bf url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><rect x="7.82812" y="0.757324" width="2" height="10" transform="rotate(45 7.82812 0.757324)" fill="%23004165"/><rect x="9.24219" y="7.82861" width="2" height="10" transform="rotate(135 9.24219 7.82861)" fill="%23004165"/></svg>') no-repeat 50%}.portfolio-listing-modal .modal-header{border:none}.portfolio-listing-modal .modal-body{padding:0;height:500px;border-radius:6px;border:10px solid #00b9bf}.portfolio-listing-modal .modal-body iframe{width:100%;height:100%;position:relative;top:0;left:0;border:0}@media(min-width:360px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:65px;height:65px}}@media(min-width:576px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:95px;height:95px}}@media(min-width:768px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:65px;height:65px}}@media(min-width:992px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:85px;height:85px}}@media(min-width:1200px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:70px;height:70px}}@media(min-width:1400px){.portfolio-listing .portfolio-listing-item .img-wrap .arrow-link{width:80px;height:80px}}@media(max-width:575.98px){.portfolio-listing-modal .modal-body{height:250px}.portfolio-listing-modal .btn-close{right:0;top:0}}