.hr-portfolio{margin-bottom:20px}.hr-portfolio-card{width:100%;height:550px;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:center;margin-bottom:20px}.hr-portfolio-card .hr-content{width:100%;padding:clamp(1.875rem, 1.6912rem + 0.8403vw, 2.5rem);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background:#93785be8;color:#fff;transform:translateY(100%);transition:all 0.35s ease}.hr-portfolio-card:hover .hr-content{transform:translateY(0)}.hr-portfolio-card .hr-content h3{font-size:30px}.hr-portfolio-card .hr-content p{font-size:16px;font-weight:var(--weight-400);letter-spacing:.4px;color:var(--white)}.hr-content-detail-group{transition:all 0.3s linear 0s;position:relative;display:flex;align-items:center}.hr-content-detail-group div:not(:last-child){margin-bottom:0;width:100%}.hr-content-title h5{transition:all 0.3s linear 0s;display:block;font-weight:var(--weight-600);line-height:1.25;color:#161618;font-size:clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);font-family:var(--font-01);text-transform:capitalize;margin:0 20px 0 0}.hr-content-title h5 a{-webkit-transition:inherit;transition:inherit;color:#161618}.hr-content-button{position:relative;z-index:0}.hr-content-button .hr-arrow{border:1px solid #fff0;background-color:var(--color-9);color:#fff;fill:#fff;line-height:normal;text-align:center;text-transform:capitalize;font-weight:var(--weight-400);font-size:0;width:clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);height:clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s linear 0s;padding:0;opacity:0}.hr-portfolio:hover .hr-content-detail-group .hr-content-button .hr-arrow{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);transition-delay:0.3s}.hr-content-button .hr-arrow .hr-button-text,.hr-content-item .hr-content-button .hr-arrow .hr-button-text span{color:inherit!important;transition:0.3s}.hr-content-button .hr-arrow .hr-button-text:after{position:relative;content:"";width:clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);height:clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);background:var(--white);display:block;transition:all 0.3s linear;mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 99.3 95" style="enable-background:new 0 0 99.3 95;" xml:space="preserve"%3E%3Cpath d="M90.3,26c1.4-5.7,3.5-10.4,5.3-13.8c0.9-1.7,1.7-3,2.2-3.8c0.3-0.4,0.5-0.8,0.6-1c0,0,0,0,0-0.1l0.2-0.1l0,0l0,0 c0,0,0,0-0.2-0.1l-6.1-6.4l-0.6,0.5c-0.2,0.1-0.4,0.3-0.7,0.5c-0.9,0.6-2.2,1.3-3.8,2.2c-3.3,1.8-8.1,3.9-13.8,5.3 C62.2,12,47.3,12,32.4,0.9l-5.5,7.3c16.7,12.4,33.6,13.1,46.6,10.3L0.6,87.8l6.3,6.6l74.5-70.8c0,0.1,0,0.1-0.1,0.2 c-3.3,13.2-3.3,31.1,9.8,48.7l7.3-5.5C87.5,52.1,87.5,37.3,90.3,26z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 99.3 95" style="enable-background:new 0 0 99.3 95;" xml:space="preserve"%3E%3Cpath d="M90.3,26c1.4-5.7,3.5-10.4,5.3-13.8c0.9-1.7,1.7-3,2.2-3.8c0.3-0.4,0.5-0.8,0.6-1c0,0,0,0,0-0.1l0.2-0.1l0,0l0,0 c0,0,0,0-0.2-0.1l-6.1-6.4l-0.6,0.5c-0.2,0.1-0.4,0.3-0.7,0.5c-0.9,0.6-2.2,1.3-3.8,2.2c-3.3,1.8-8.1,3.9-13.8,5.3 C62.2,12,47.3,12,32.4,0.9l-5.5,7.3c16.7,12.4,33.6,13.1,46.6,10.3L0.6,87.8l6.3,6.6l74.5-70.8c0,0.1,0,0.1-0.1,0.2 c-3.3,13.2-3.3,31.1,9.8,48.7l7.3-5.5C87.5,52.1,87.5,37.3,90.3,26z"/%3E%3C/svg%3E');mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.hr-content-detail-group .hr-content-button .hr-arrow:hover{background-color:#161618;transform:translateX(30px);-webkit-transform:translateX(30px);transition-delay:0.3s}.hr-content-detail-group .hr-content-button .hr-arrow:hover .hr-button-text:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width:1530px){.custom-row>.col{flex:0 0 20%;max-width:20%}}@media (max-width:1529px) and (min-width:768px){.custom-row>.col{flex:0 0 33.33%;max-width:33.33%}}@media (max-width:767px){.custom-row>.col{flex:0 0 100%;max-width:100%}}