.related-projects{padding-bottom:80px;padding-top:50px;position:relative}.related-projects .rp-dotted-line{opacity:.6;position:absolute;width:40%}.related-projects .rp-dotted-line-top{left:0;top:0}.related-projects .rp-dotted-line-bottom{bottom:0;right:0}.related-projects .page-center{z-index:1}.related-projects .rp-title{color:#181818;margin-bottom:40px;text-align:center}.related-projects .rp-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.related-projects .rp-item{width:calc(33.333% - 20px)}.related-projects .rp-itemIn{display:block;position:relative}.related-projects .rp-item .rp-item-img{position:relative}.related-projects .rp-item .rp-item-img:before{background-image:linear-gradient(0deg,#000 0,#000);border-radius:10px;content:"";height:100%;opacity:38%;position:absolute;width:100%;z-index:1}.related-projects .rp-item .rp-item-img figure{margin:0;overflow:hidden;padding:0}.related-projects .rp-item .rp-item-img figure img{border-radius:10px 10px 10px 10px;display:block;height:350px;object-fit:cover;transform:scale(1);transition:transform 5s ease;width:100%}.related-projects .rp-item .rp-item-content{bottom:20px;left:0;padding:0 60px 0 20px;position:absolute;width:100%;z-index:2}.related-projects .rp-item .rp-item-content h5{color:#fff;font-size:22px;margin:0}.related-projects .rp-item .rp-item-content p{color:#fff;font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-projects .rp-item .rp-btn{background-image:linear-gradient(90deg,#fa6220 0,#ef8b33);border-radius:100px;bottom:0;color:#fff;display:inline-block;height:40px;line-height:40px;position:absolute;right:10px;text-align:center;transition:all .3s ease-in-out;width:40px}.related-projects .rp-item .rp-itemIn:hover figure{background-image:linear-gradient(0deg,#f86823 0,#000);border-radius:10px;opacity:1}.related-projects .rp-item .rp-itemIn:hover figure img{opacity:.4;transform:scale(1.1)}.related-projects .rp-item .rp-itemIn:hover .rp-btn{background-image:linear-gradient(90deg,#fff 0,#fff 51%,#fff);color:#ff5100}@media (max-width:1025px){.related-projects .rp-dotted-line{width:60%}}@media (max-width:767px){.related-projects .rp-dotted-line,.related-projects .rp-item{width:100%}.related-projects .rp-item .rp-item-img figure img{height:75vw;max-height:300px}.related-projects .rp-title{margin-bottom:20px}}