.hr-portfolio-card{border:none;position:relative;margin-bottom:25px}.hr-portfolio-card .hr-portfolio-bg{width:100%;height:280px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:8px}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#0000004d;border-radius:8px}.hr-portfolio-card .hr-portfolio-bg:hover .hr-portfolio-over-content{opacity:1}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-portfolio-content-warp{background:#00000080;padding:10px 15px;width:100%}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel{font-size:18px;line-height:22px}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-portfolio-content-warp .hr-sub-titel{color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel h5,.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-sub-titel .h5{font-size:18px;line-height:22px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel{margin-bottom:0;font-size:26px;line-height:30px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel h3,.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel .h3{margin-bottom:0;font-size:26px;line-height:30px;color:#fff}.hr-portfolio-card .hr-portfolio-bg .hr-portfolio-over-content .hr-titel h3 a{color:#fff}.portfolio-wapper{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:30px;display:block;box-shadow:0 .5rem 1rem rgb(0 0 0 / .15);cursor:pointer}.portfolio-img img{width:100%;transition:.3s ease-in-out}.portfolio-img:hover video{display:block}.portfolio-img video{display:none}.hr-portfolio-content{display:flex;align-items:center;justify-content:center;column-gap:20px}.hr-port-detail{padding:10px 20px}.hr-port-detail .mb-10{margin-bottom:15px}.hr-port-detail .project_links{display:flex;justify-content:space-evenly}.hr-port-detail .project_links a{color:var(--color-3)}.hr-port-detail .project_links a:hover{color:var(--color-4)}.hr-portfolio-content h3 a{margin-bottom:0;font-size:24px;font-weight:700;display:flex;color:var(--color-4);align-items:center;min-height:3.375rem}.hr-portfolio-content h3{margin:0}.port-one{background:#000}.hr-portfolio-content figure{padding:5px;border-radius:50%;margin:0;height:40px;width:40px;text-align:center}.hr-portfolio-content figure img{max-width:25px;width:100%}.port-three{background:#f68200}.port-two{background:#cd1166}.portfolio-nav,.portfolio-nav ul{padding:0;margin:0;list-style:none;text-align:center;margin-bottom:50px}.portfolio-nav li{display:inline-block;position:relative;width:200px;-moz-transition:.8s all .3s;-webkit-transition:.8s all .3s;transition:.8s all .3s}.portfolio-nav .portfolio-dt:hover{border-radius:0}.portfolio-nav ul li{display:inherit;border-radius:0;-moz-transition:.8s all .3s;-webkit-transition:.8s all .3s;transition:.8s all .3s}.portfolio-nav ul li:hover{border-radius:0}.portfolio-nav ul li:last-child{border-radius:0 0 8px 8px}.portfolio-nav ul{position:absolute;z-index:1000;max-height:0;left:0;right:0;overflow:hidden;-moz-transition:.8s all .3s;-webkit-transition:.8s all .3s;transition:.8s all .3s}.portfolio-nav li:hover ul{max-height:15em}.portfolio-nav li{background-color:var(--color-4);background-image:-webkit-linear-gradient(top,var(--color-4) 0%,var(--color-4) 100%);background-image:linear-gradient(to bottom,var(--color-4) 0%,var(--color-4) 100%)}.portfolio-nav li:hover{background:#64960a;background-image:-webkit-linear-gradient(top,var(--color-3) 0%,var(--color-3) 100%);background-image:linear-gradient(to bottom,var(--color-3) 0%,var(--color-3) 100%)}.portfolio-nav a{text-decoration:none;display:block;padding:8px 4px;color:#fff!important;cursor:pointer}.portfolio-nav ul a{padding:8px 0}.portfolio-nav li:hover li a{color:#fff!important;text-transform:inherit}.portfolio-nav li:hover a,.portfolio-nav li li:hover a{color:#000!important}.portfolio-img:hover img{transform:scale(1.1);transition:.3s ease-in-out}.portfolio-img{position:relative;overflow:hidden;border-bottom:4px solid var(--color-3)}.portfolio-img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transition:.3s ease-in-out}.portfolio-img:hover:after{opacity:.2;transition:.3s ease-in-out}.hr-portfolio-card1{display:flex;justify-content:center;align-items:center;max-width:410px;min-height:300px;margin-top:5rem;padding:10px;box-shadow:1px 1px 15px 10px #ccc;border-radius:1rem;position:relative;flex-direction:column}.hr-portfolio-card1 .card-title{position:absolute;bottom:15px;font-weight:800;font-size:18px;color:var(--color-4);text-transform:uppercase;transition:transform 0.5s ease-out,opacity 0.5s ease-out;text-align:center}.hr-portfolio-card1:hover .card-title{transform:translateY(40px);opacity:0}.hr-portfolio-card1 .card-image{border-radius:1rem;position:absolute;top:-50px;max-width:90%;margin:0 auto;height:280px;z-index:100;box-shadow:1px 1px 10px 3px #ccc;transition:top 0.5s ease-in-out}.hr-portfolio-card1 .card-image img{width:100%;height:100%;object-position:center;border-radius:1rem}.hr-portfolio-card1:hover .card-image{top:-170px}.hr-portfolio-card1 .card-content{display:flex;flex-direction:column;align-items:center;padding:0 10px;transform:translateY(-150px);opacity:0;transition:transform 0.5s ease-out,opacity 0.5s ease-out}.hr-portfolio-card1 .card-content .title{text-align:center;line-height:3;font-weight:800;font-size:1.5rem}.hr-portfolio-card1 .card-title a{color:var(--color-4)}.hr-portfolio-card1 .card-content .text{letter-spacing:1px;padding:0 10px;text-align:center}.hr-portfolio-card1 .card-content .link{display:inline-block;width:50%;color:#fff;margin:1rem 0;text-align:center;text-decoration:none;text-transform:uppercase;padding:6px 0;border-radius:6px;background-color:#05744f;box-shadow:1px 1px 10px 2px #ccc;transition:background-color 0.3s ease,border 0.3s ease}.hr-portfolio-card1 .card-content .link:hover{background-color:rgb(5 116 79 / .783)}.hr-portfolio-card1:hover .card-content{transform:translateY(60px);opacity:1;transition-delay:0.2s}@media (max-width:1024px){.hr-portfolio-card .hr-portfolio-bg{height:450px}.portfolio-nav li{margin-bottom:10px}}@media (max-width:767.98px){.hr-portfolio-card .hr-portfolio-bg{height:280px}.portfolio-nav li{margin-bottom:10px}}